@atelier-ui/angular 0.0.1

package/fesm2022/atelier-ui-angular.mjs

@@ -0,0 +1,3182 @@
+import * as i0 from '@angular/core';
+import { input, computed, ChangeDetectionStrategy, Component, model, viewChild, effect, InjectionToken, inject, ElementRef, signal, output, Directive, ViewEncapsulation, Injector, Injectable, DestroyRef, untracked, contentChildren } from '@angular/core';
+import * as i1 from '@angular/cdk/text-field';
+import { TextFieldModule } from '@angular/cdk/text-field';
+import * as i1$1 from '@angular/cdk/a11y';
+import { ActiveDescendantKeyManager, A11yModule } from '@angular/cdk/a11y';
+import * as i1$2 from '@angular/cdk/accordion';
+import { CdkAccordion, CdkAccordionItem } from '@angular/cdk/accordion';
+import * as i1$3 from '@angular/cdk/menu';
+import { CdkMenuTrigger, CdkMenu, CdkMenuItem } from '@angular/cdk/menu';
+import { createFlexibleConnectedPositionStrategy, createRepositionScrollStrategy, createOverlayRef } from '@angular/cdk/overlay';
+import { ComponentPortal } from '@angular/cdk/portal';
+
+/**
+ * Accessible button component with visual variants and sizes.
+ *
+ * Usage:
+ * ```html
+ * <llm-button variant="primary" size="md" (click)="save()">Save</llm-button>
+ * <llm-button variant="outline" [disabled]="true">Cancel</llm-button>
+ * <llm-button [loading]="isSaving">Saving…</llm-button>
+ * ```
+ */
+class LlmButton {
+    /** Visual style of the button. */
+    variant = input('primary', ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
+    /** Size of the button. */
+    size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    /** Disables the button, preventing interaction. */
+    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
+    /** Shows a loading spinner and disables interaction. */
+    loading = input(false, ...(ngDevMode ? [{ debugName: "loading" }] : /* istanbul ignore next */ []));
+    isDisabled = computed(() => this.disabled() || this.loading(), ...(ngDevMode ? [{ debugName: "isDisabled" }] : /* istanbul ignore next */ []));
+    hostClasses = computed(() => `variant-${this.variant()} size-${this.size()}${this.isDisabled() ? ' is-disabled' : ''}${this.loading() ? ' is-loading' : ''}`, ...(ngDevMode ? [{ debugName: "hostClasses" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmButton, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: LlmButton, isStandalone: true, selector: "llm-button", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "button" }, properties: { "class": "hostClasses()", "attr.aria-disabled": "isDisabled()", "attr.disabled": "isDisabled() ? true : null" } }, ngImport: i0, template: `
+    @if (loading()) {
+      <span class="spinner" aria-hidden="true"></span>
+    }
+    <ng-content />
+  `, isInline: true, styles: [":host{display:inline-flex;align-items:center;justify-content:center;gap:var(--ui-spacing-2);border:1px solid transparent;border-radius:var(--ui-radius-md);font-family:var(--ui-font-family);font-size:var(--ui-font-size-md);font-weight:var(--ui-font-weight-medium);line-height:var(--ui-line-height-tight);cursor:pointer;transition:background-color var(--ui-transition-fast),border-color var(--ui-transition-fast),color var(--ui-transition-fast),box-shadow var(--ui-transition-fast),transform var(--ui-transition-fast);white-space:nowrap;text-decoration:none;-webkit-user-select:none;user-select:none}:host(:focus-visible){outline:none;box-shadow:var(--ui-focus-ring)}:host(.variant-primary){background-color:var(--ui-color-primary);color:var(--ui-color-text-on-primary);border-color:var(--ui-color-primary);box-shadow:var(--ui-shadow-xs)}:host(.variant-primary:hover:not(.is-disabled)){background-color:var(--ui-color-primary-hover);border-color:var(--ui-color-primary-hover);box-shadow:var(--ui-shadow-md);transform:translateY(-1px)}:host(.variant-primary:active:not(.is-disabled)){background-color:var(--ui-color-primary-active);border-color:var(--ui-color-primary-active);box-shadow:var(--ui-shadow-xs);transform:scale(.97)}:host(.variant-secondary){background-color:var(--ui-color-secondary);color:var(--ui-color-text-on-secondary);border-color:var(--ui-color-secondary);box-shadow:var(--ui-shadow-xs)}:host(.variant-secondary:hover:not(.is-disabled)){background-color:var(--ui-color-secondary-hover);border-color:var(--ui-color-secondary-hover);box-shadow:var(--ui-shadow-md);transform:translateY(-1px)}:host(.variant-secondary:active:not(.is-disabled)){background-color:var(--ui-color-secondary-active);border-color:var(--ui-color-secondary-active);box-shadow:var(--ui-shadow-xs);transform:scale(.97)}:host(.variant-outline){background-color:transparent;color:var(--ui-color-primary);border-color:var(--ui-color-border)}:host(.variant-outline:hover:not(.is-disabled)){background-color:var(--ui-color-primary-light);border-color:var(--ui-color-primary);transform:translateY(-1px)}:host(.variant-outline:active:not(.is-disabled)){background-color:color-mix(in srgb,var(--ui-color-primary) 12%,transparent);transform:scale(.97)}:host(.size-sm){padding:var(--ui-spacing-1) var(--ui-spacing-3);font-size:var(--ui-font-size-sm)}:host(.size-md){padding:var(--ui-spacing-2) var(--ui-spacing-4);font-size:var(--ui-font-size-md)}:host(.size-lg){padding:var(--ui-spacing-3) var(--ui-spacing-6);font-size:var(--ui-font-size-lg)}:host(.is-disabled){opacity:var(--ui-opacity-disabled);cursor:not-allowed;pointer-events:none}.spinner{display:inline-block;width:1em;height:1em;border:1.5px solid currentColor;border-top-color:transparent;border-radius:var(--ui-radius-full);animation:llm-spin .7s linear infinite;flex-shrink:0}@keyframes llm-spin{to{transform:rotate(360deg)}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmButton, decorators: [{
+            type: Component,
+            args: [{ selector: 'llm-button', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `
+    @if (loading()) {
+      <span class="spinner" aria-hidden="true"></span>
+    }
+    <ng-content />
+  `, host: {
+                        role: 'button',
+                        '[class]': 'hostClasses()',
+                        '[attr.aria-disabled]': 'isDisabled()',
+                        '[attr.disabled]': 'isDisabled() ? true : null',
+                    }, styles: [":host{display:inline-flex;align-items:center;justify-content:center;gap:var(--ui-spacing-2);border:1px solid transparent;border-radius:var(--ui-radius-md);font-family:var(--ui-font-family);font-size:var(--ui-font-size-md);font-weight:var(--ui-font-weight-medium);line-height:var(--ui-line-height-tight);cursor:pointer;transition:background-color var(--ui-transition-fast),border-color var(--ui-transition-fast),color var(--ui-transition-fast),box-shadow var(--ui-transition-fast),transform var(--ui-transition-fast);white-space:nowrap;text-decoration:none;-webkit-user-select:none;user-select:none}:host(:focus-visible){outline:none;box-shadow:var(--ui-focus-ring)}:host(.variant-primary){background-color:var(--ui-color-primary);color:var(--ui-color-text-on-primary);border-color:var(--ui-color-primary);box-shadow:var(--ui-shadow-xs)}:host(.variant-primary:hover:not(.is-disabled)){background-color:var(--ui-color-primary-hover);border-color:var(--ui-color-primary-hover);box-shadow:var(--ui-shadow-md);transform:translateY(-1px)}:host(.variant-primary:active:not(.is-disabled)){background-color:var(--ui-color-primary-active);border-color:var(--ui-color-primary-active);box-shadow:var(--ui-shadow-xs);transform:scale(.97)}:host(.variant-secondary){background-color:var(--ui-color-secondary);color:var(--ui-color-text-on-secondary);border-color:var(--ui-color-secondary);box-shadow:var(--ui-shadow-xs)}:host(.variant-secondary:hover:not(.is-disabled)){background-color:var(--ui-color-secondary-hover);border-color:var(--ui-color-secondary-hover);box-shadow:var(--ui-shadow-md);transform:translateY(-1px)}:host(.variant-secondary:active:not(.is-disabled)){background-color:var(--ui-color-secondary-active);border-color:var(--ui-color-secondary-active);box-shadow:var(--ui-shadow-xs);transform:scale(.97)}:host(.variant-outline){background-color:transparent;color:var(--ui-color-primary);border-color:var(--ui-color-border)}:host(.variant-outline:hover:not(.is-disabled)){background-color:var(--ui-color-primary-light);border-color:var(--ui-color-primary);transform:translateY(-1px)}:host(.variant-outline:active:not(.is-disabled)){background-color:color-mix(in srgb,var(--ui-color-primary) 12%,transparent);transform:scale(.97)}:host(.size-sm){padding:var(--ui-spacing-1) var(--ui-spacing-3);font-size:var(--ui-font-size-sm)}:host(.size-md){padding:var(--ui-spacing-2) var(--ui-spacing-4);font-size:var(--ui-font-size-md)}:host(.size-lg){padding:var(--ui-spacing-3) var(--ui-spacing-6);font-size:var(--ui-font-size-lg)}:host(.is-disabled){opacity:var(--ui-opacity-disabled);cursor:not-allowed;pointer-events:none}.spinner{display:inline-block;width:1em;height:1em;border:1.5px solid currentColor;border-top-color:transparent;border-radius:var(--ui-radius-full);animation:llm-spin .7s linear infinite;flex-shrink:0}@keyframes llm-spin{to{transform:rotate(360deg)}}\n"] }]
+        }], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }] } });
+
+/**
+ * Card container component supporting elevated, outlined, and flat visual variants.
+ * Compose with `llm-card-header`, `llm-card-content`, and `llm-card-footer` sub-components.
+ *
+ * Usage:
+ * ```html
+ * <llm-card variant="elevated" padding="md">
+ *   <llm-card-header>Card Title</llm-card-header>
+ *   <llm-card-content>Main content goes here.</llm-card-content>
+ *   <llm-card-footer>
+ *     <llm-button variant="primary">Save</llm-button>
+ *   </llm-card-footer>
+ * </llm-card>
+ * ```
+ */
+class LlmCard {
+    /** Visual style of the card. */
+    variant = input('elevated', ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
+    /** Internal padding of the card. */
+    padding = input('md', ...(ngDevMode ? [{ debugName: "padding" }] : /* istanbul ignore next */ []));
+    hostClasses = computed(() => `variant-${this.variant()} padding-${this.padding()}`, ...(ngDevMode ? [{ debugName: "hostClasses" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmCard, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.4", type: LlmCard, isStandalone: true, selector: "llm-card", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, padding: { classPropertyName: "padding", publicName: "padding", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "hostClasses()" } }, ngImport: i0, template: `<ng-content />`, isInline: true, styles: ["llm-card{display:block;border-radius:var(--ui-radius-xl);background-color:var(--ui-color-surface);overflow:hidden}llm-card.variant-elevated{box-shadow:var(--ui-shadow-md);border:1px solid var(--ui-color-border)}llm-card.variant-outlined{border:1px solid var(--ui-color-border);background-color:var(--ui-color-surface)}llm-card.variant-flat{background-color:var(--ui-color-surface-sunken)}llm-card.padding-none llm-card-header,llm-card.padding-none llm-card-content,llm-card.padding-none llm-card-footer{padding:0}llm-card.padding-sm llm-card-header,llm-card.padding-sm llm-card-content,llm-card.padding-sm llm-card-footer{padding:var(--ui-spacing-3)}llm-card.padding-md llm-card-header,llm-card.padding-md llm-card-content,llm-card.padding-md llm-card-footer{padding:var(--ui-spacing-4)}llm-card.padding-lg llm-card-header,llm-card.padding-lg llm-card-content,llm-card.padding-lg llm-card-footer{padding:var(--ui-spacing-6)}llm-card-header{display:block;font-size:var(--ui-font-size-lg);font-weight:var(--ui-font-weight-semibold);color:var(--ui-color-text);border-bottom:1px solid var(--ui-color-border);letter-spacing:var(--ui-letter-spacing-tight)}llm-card-content{display:block;color:var(--ui-color-text);line-height:var(--ui-line-height-normal)}llm-card-footer{display:flex;align-items:center;gap:var(--ui-spacing-2);border-top:1px solid var(--ui-color-border)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmCard, decorators: [{
+            type: Component,
+            args: [{ selector: 'llm-card', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `<ng-content />`, host: {
+                        '[class]': 'hostClasses()',
+                    }, styles: ["llm-card{display:block;border-radius:var(--ui-radius-xl);background-color:var(--ui-color-surface);overflow:hidden}llm-card.variant-elevated{box-shadow:var(--ui-shadow-md);border:1px solid var(--ui-color-border)}llm-card.variant-outlined{border:1px solid var(--ui-color-border);background-color:var(--ui-color-surface)}llm-card.variant-flat{background-color:var(--ui-color-surface-sunken)}llm-card.padding-none llm-card-header,llm-card.padding-none llm-card-content,llm-card.padding-none llm-card-footer{padding:0}llm-card.padding-sm llm-card-header,llm-card.padding-sm llm-card-content,llm-card.padding-sm llm-card-footer{padding:var(--ui-spacing-3)}llm-card.padding-md llm-card-header,llm-card.padding-md llm-card-content,llm-card.padding-md llm-card-footer{padding:var(--ui-spacing-4)}llm-card.padding-lg llm-card-header,llm-card.padding-lg llm-card-content,llm-card.padding-lg llm-card-footer{padding:var(--ui-spacing-6)}llm-card-header{display:block;font-size:var(--ui-font-size-lg);font-weight:var(--ui-font-weight-semibold);color:var(--ui-color-text);border-bottom:1px solid var(--ui-color-border);letter-spacing:var(--ui-letter-spacing-tight)}llm-card-content{display:block;color:var(--ui-color-text);line-height:var(--ui-line-height-normal)}llm-card-footer{display:flex;align-items:center;gap:var(--ui-spacing-2);border-top:1px solid var(--ui-color-border)}\n"] }]
+        }], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], padding: [{ type: i0.Input, args: [{ isSignal: true, alias: "padding", required: false }] }] } });
+/**
+ * Header slot for `llm-card`. Renders above the main content with a bottom separator.
+ *
+ * Usage:
+ * ```html
+ * <llm-card-header>Card Title</llm-card-header>
+ * ```
+ */
+class LlmCardHeader {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmCardHeader, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.4", type: LlmCardHeader, isStandalone: true, selector: "llm-card-header", ngImport: i0, template: `<ng-content />`, isInline: true, styles: ["llm-card{display:block;border-radius:var(--ui-radius-xl);background-color:var(--ui-color-surface);overflow:hidden}llm-card.variant-elevated{box-shadow:var(--ui-shadow-md);border:1px solid var(--ui-color-border)}llm-card.variant-outlined{border:1px solid var(--ui-color-border);background-color:var(--ui-color-surface)}llm-card.variant-flat{background-color:var(--ui-color-surface-sunken)}llm-card.padding-none llm-card-header,llm-card.padding-none llm-card-content,llm-card.padding-none llm-card-footer{padding:0}llm-card.padding-sm llm-card-header,llm-card.padding-sm llm-card-content,llm-card.padding-sm llm-card-footer{padding:var(--ui-spacing-3)}llm-card.padding-md llm-card-header,llm-card.padding-md llm-card-content,llm-card.padding-md llm-card-footer{padding:var(--ui-spacing-4)}llm-card.padding-lg llm-card-header,llm-card.padding-lg llm-card-content,llm-card.padding-lg llm-card-footer{padding:var(--ui-spacing-6)}llm-card-header{display:block;font-size:var(--ui-font-size-lg);font-weight:var(--ui-font-weight-semibold);color:var(--ui-color-text);border-bottom:1px solid var(--ui-color-border);letter-spacing:var(--ui-letter-spacing-tight)}llm-card-content{display:block;color:var(--ui-color-text);line-height:var(--ui-line-height-normal)}llm-card-footer{display:flex;align-items:center;gap:var(--ui-spacing-2);border-top:1px solid var(--ui-color-border)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmCardHeader, decorators: [{
+            type: Component,
+            args: [{ selector: 'llm-card-header', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `<ng-content />`, styles: ["llm-card{display:block;border-radius:var(--ui-radius-xl);background-color:var(--ui-color-surface);overflow:hidden}llm-card.variant-elevated{box-shadow:var(--ui-shadow-md);border:1px solid var(--ui-color-border)}llm-card.variant-outlined{border:1px solid var(--ui-color-border);background-color:var(--ui-color-surface)}llm-card.variant-flat{background-color:var(--ui-color-surface-sunken)}llm-card.padding-none llm-card-header,llm-card.padding-none llm-card-content,llm-card.padding-none llm-card-footer{padding:0}llm-card.padding-sm llm-card-header,llm-card.padding-sm llm-card-content,llm-card.padding-sm llm-card-footer{padding:var(--ui-spacing-3)}llm-card.padding-md llm-card-header,llm-card.padding-md llm-card-content,llm-card.padding-md llm-card-footer{padding:var(--ui-spacing-4)}llm-card.padding-lg llm-card-header,llm-card.padding-lg llm-card-content,llm-card.padding-lg llm-card-footer{padding:var(--ui-spacing-6)}llm-card-header{display:block;font-size:var(--ui-font-size-lg);font-weight:var(--ui-font-weight-semibold);color:var(--ui-color-text);border-bottom:1px solid var(--ui-color-border);letter-spacing:var(--ui-letter-spacing-tight)}llm-card-content{display:block;color:var(--ui-color-text);line-height:var(--ui-line-height-normal)}llm-card-footer{display:flex;align-items:center;gap:var(--ui-spacing-2);border-top:1px solid var(--ui-color-border)}\n"] }]
+        }] });
+/**
+ * Content slot for `llm-card`. Primary content area of the card.
+ *
+ * Usage:
+ * ```html
+ * <llm-card-content>Body text here.</llm-card-content>
+ * ```
+ */
+class LlmCardContent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmCardContent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.4", type: LlmCardContent, isStandalone: true, selector: "llm-card-content", ngImport: i0, template: `<ng-content />`, isInline: true, styles: ["llm-card{display:block;border-radius:var(--ui-radius-xl);background-color:var(--ui-color-surface);overflow:hidden}llm-card.variant-elevated{box-shadow:var(--ui-shadow-md);border:1px solid var(--ui-color-border)}llm-card.variant-outlined{border:1px solid var(--ui-color-border);background-color:var(--ui-color-surface)}llm-card.variant-flat{background-color:var(--ui-color-surface-sunken)}llm-card.padding-none llm-card-header,llm-card.padding-none llm-card-content,llm-card.padding-none llm-card-footer{padding:0}llm-card.padding-sm llm-card-header,llm-card.padding-sm llm-card-content,llm-card.padding-sm llm-card-footer{padding:var(--ui-spacing-3)}llm-card.padding-md llm-card-header,llm-card.padding-md llm-card-content,llm-card.padding-md llm-card-footer{padding:var(--ui-spacing-4)}llm-card.padding-lg llm-card-header,llm-card.padding-lg llm-card-content,llm-card.padding-lg llm-card-footer{padding:var(--ui-spacing-6)}llm-card-header{display:block;font-size:var(--ui-font-size-lg);font-weight:var(--ui-font-weight-semibold);color:var(--ui-color-text);border-bottom:1px solid var(--ui-color-border);letter-spacing:var(--ui-letter-spacing-tight)}llm-card-content{display:block;color:var(--ui-color-text);line-height:var(--ui-line-height-normal)}llm-card-footer{display:flex;align-items:center;gap:var(--ui-spacing-2);border-top:1px solid var(--ui-color-border)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmCardContent, decorators: [{
+            type: Component,
+            args: [{ selector: 'llm-card-content', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `<ng-content />`, styles: ["llm-card{display:block;border-radius:var(--ui-radius-xl);background-color:var(--ui-color-surface);overflow:hidden}llm-card.variant-elevated{box-shadow:var(--ui-shadow-md);border:1px solid var(--ui-color-border)}llm-card.variant-outlined{border:1px solid var(--ui-color-border);background-color:var(--ui-color-surface)}llm-card.variant-flat{background-color:var(--ui-color-surface-sunken)}llm-card.padding-none llm-card-header,llm-card.padding-none llm-card-content,llm-card.padding-none llm-card-footer{padding:0}llm-card.padding-sm llm-card-header,llm-card.padding-sm llm-card-content,llm-card.padding-sm llm-card-footer{padding:var(--ui-spacing-3)}llm-card.padding-md llm-card-header,llm-card.padding-md llm-card-content,llm-card.padding-md llm-card-footer{padding:var(--ui-spacing-4)}llm-card.padding-lg llm-card-header,llm-card.padding-lg llm-card-content,llm-card.padding-lg llm-card-footer{padding:var(--ui-spacing-6)}llm-card-header{display:block;font-size:var(--ui-font-size-lg);font-weight:var(--ui-font-weight-semibold);color:var(--ui-color-text);border-bottom:1px solid var(--ui-color-border);letter-spacing:var(--ui-letter-spacing-tight)}llm-card-content{display:block;color:var(--ui-color-text);line-height:var(--ui-line-height-normal)}llm-card-footer{display:flex;align-items:center;gap:var(--ui-spacing-2);border-top:1px solid var(--ui-color-border)}\n"] }]
+        }] });
+/**
+ * Footer slot for `llm-card`. Renders below the main content, typically holds actions.
+ *
+ * Usage:
+ * ```html
+ * <llm-card-footer>
+ *   <llm-button variant="primary">Save</llm-button>
+ * </llm-card-footer>
+ * ```
+ */
+class LlmCardFooter {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmCardFooter, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.4", type: LlmCardFooter, isStandalone: true, selector: "llm-card-footer", ngImport: i0, template: `<ng-content />`, isInline: true, styles: ["llm-card{display:block;border-radius:var(--ui-radius-xl);background-color:var(--ui-color-surface);overflow:hidden}llm-card.variant-elevated{box-shadow:var(--ui-shadow-md);border:1px solid var(--ui-color-border)}llm-card.variant-outlined{border:1px solid var(--ui-color-border);background-color:var(--ui-color-surface)}llm-card.variant-flat{background-color:var(--ui-color-surface-sunken)}llm-card.padding-none llm-card-header,llm-card.padding-none llm-card-content,llm-card.padding-none llm-card-footer{padding:0}llm-card.padding-sm llm-card-header,llm-card.padding-sm llm-card-content,llm-card.padding-sm llm-card-footer{padding:var(--ui-spacing-3)}llm-card.padding-md llm-card-header,llm-card.padding-md llm-card-content,llm-card.padding-md llm-card-footer{padding:var(--ui-spacing-4)}llm-card.padding-lg llm-card-header,llm-card.padding-lg llm-card-content,llm-card.padding-lg llm-card-footer{padding:var(--ui-spacing-6)}llm-card-header{display:block;font-size:var(--ui-font-size-lg);font-weight:var(--ui-font-weight-semibold);color:var(--ui-color-text);border-bottom:1px solid var(--ui-color-border);letter-spacing:var(--ui-letter-spacing-tight)}llm-card-content{display:block;color:var(--ui-color-text);line-height:var(--ui-line-height-normal)}llm-card-footer{display:flex;align-items:center;gap:var(--ui-spacing-2);border-top:1px solid var(--ui-color-border)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmCardFooter, decorators: [{
+            type: Component,
+            args: [{ selector: 'llm-card-footer', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `<ng-content />`, styles: ["llm-card{display:block;border-radius:var(--ui-radius-xl);background-color:var(--ui-color-surface);overflow:hidden}llm-card.variant-elevated{box-shadow:var(--ui-shadow-md);border:1px solid var(--ui-color-border)}llm-card.variant-outlined{border:1px solid var(--ui-color-border);background-color:var(--ui-color-surface)}llm-card.variant-flat{background-color:var(--ui-color-surface-sunken)}llm-card.padding-none llm-card-header,llm-card.padding-none llm-card-content,llm-card.padding-none llm-card-footer{padding:0}llm-card.padding-sm llm-card-header,llm-card.padding-sm llm-card-content,llm-card.padding-sm llm-card-footer{padding:var(--ui-spacing-3)}llm-card.padding-md llm-card-header,llm-card.padding-md llm-card-content,llm-card.padding-md llm-card-footer{padding:var(--ui-spacing-4)}llm-card.padding-lg llm-card-header,llm-card.padding-lg llm-card-content,llm-card.padding-lg llm-card-footer{padding:var(--ui-spacing-6)}llm-card-header{display:block;font-size:var(--ui-font-size-lg);font-weight:var(--ui-font-weight-semibold);color:var(--ui-color-text);border-bottom:1px solid var(--ui-color-border);letter-spacing:var(--ui-letter-spacing-tight)}llm-card-content{display:block;color:var(--ui-color-text);line-height:var(--ui-line-height-normal)}llm-card-footer{display:flex;align-items:center;gap:var(--ui-spacing-2);border-top:1px solid var(--ui-color-border)}\n"] }]
+        }] });
+
+/**
+ * Inline status badge for labeling items with semantic color variants.
+ *
+ * Usage:
+ * ```html
+ * <llm-badge variant="success">Active</llm-badge>
+ * <llm-badge variant="danger" size="sm">Error</llm-badge>
+ * <llm-badge variant="warning">Pending</llm-badge>
+ * ```
+ */
+class LlmBadge {
+    /** Semantic color variant of the badge. */
+    variant = input('default', ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
+    /** Size of the badge. */
+    size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    hostClasses = computed(() => `variant-${this.variant()} size-${this.size()}`, ...(ngDevMode ? [{ debugName: "hostClasses" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmBadge, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.4", type: LlmBadge, isStandalone: true, selector: "llm-badge", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "status" }, properties: { "class": "hostClasses()" } }, ngImport: i0, template: `<ng-content />`, isInline: true, styles: [":host{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--ui-radius-full);font-family:var(--ui-font-family);font-weight:var(--ui-font-weight-semibold);line-height:var(--ui-line-height-tight);white-space:nowrap;letter-spacing:.01em}:host(.size-sm){padding:.1875rem var(--ui-spacing-2);font-size:var(--ui-font-size-xs)}:host(.size-md){padding:.3125rem var(--ui-spacing-3);font-size:var(--ui-font-size-sm)}:host(.variant-default){background-color:var(--ui-color-surface-sunken);color:var(--ui-color-text-muted);border:1px solid var(--ui-color-border)}:host(.variant-success){background-color:color-mix(in srgb,var(--ui-color-success) 12%,transparent);color:var(--ui-color-success);border:1px solid color-mix(in srgb,var(--ui-color-success) 25%,transparent)}:host(.variant-warning){background-color:color-mix(in srgb,var(--ui-color-warning) 12%,transparent);color:var(--ui-color-warning);border:1px solid color-mix(in srgb,var(--ui-color-warning) 25%,transparent)}:host(.variant-danger){background-color:color-mix(in srgb,var(--ui-color-danger) 12%,transparent);color:var(--ui-color-danger);border:1px solid color-mix(in srgb,var(--ui-color-danger) 25%,transparent)}:host(.variant-info){background-color:color-mix(in srgb,var(--ui-color-info) 12%,transparent);color:var(--ui-color-info);border:1px solid color-mix(in srgb,var(--ui-color-info) 25%,transparent)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmBadge, decorators: [{
+            type: Component,
+            args: [{ selector: 'llm-badge', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `<ng-content />`, host: {
+                        '[class]': 'hostClasses()',
+                        role: 'status',
+                    }, styles: [":host{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--ui-radius-full);font-family:var(--ui-font-family);font-weight:var(--ui-font-weight-semibold);line-height:var(--ui-line-height-tight);white-space:nowrap;letter-spacing:.01em}:host(.size-sm){padding:.1875rem var(--ui-spacing-2);font-size:var(--ui-font-size-xs)}:host(.size-md){padding:.3125rem var(--ui-spacing-3);font-size:var(--ui-font-size-sm)}:host(.variant-default){background-color:var(--ui-color-surface-sunken);color:var(--ui-color-text-muted);border:1px solid var(--ui-color-border)}:host(.variant-success){background-color:color-mix(in srgb,var(--ui-color-success) 12%,transparent);color:var(--ui-color-success);border:1px solid color-mix(in srgb,var(--ui-color-success) 25%,transparent)}:host(.variant-warning){background-color:color-mix(in srgb,var(--ui-color-warning) 12%,transparent);color:var(--ui-color-warning);border:1px solid color-mix(in srgb,var(--ui-color-warning) 25%,transparent)}:host(.variant-danger){background-color:color-mix(in srgb,var(--ui-color-danger) 12%,transparent);color:var(--ui-color-danger);border:1px solid color-mix(in srgb,var(--ui-color-danger) 25%,transparent)}:host(.variant-info){background-color:color-mix(in srgb,var(--ui-color-info) 12%,transparent);color:var(--ui-color-info);border:1px solid color-mix(in srgb,var(--ui-color-info) 25%,transparent)}\n"] }]
+        }], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }] } });
+
+let nextId$a = 0;
+/**
+ * Accessible text input component for use with Angular Signal Forms.
+ *
+ * Usage:
+ * ```html
+ * <llm-input type="email" placeholder="you@example.com" [(value)]="email" />
+ * <llm-input [formField]="loginForm.email" placeholder="Email" />
+ * ```
+ */
+class LlmInput {
+    /** The current input value. Bound by [formField] directive. Supports [(value)] two-way binding. */
+    value = model('', ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    /** The type of input field. */
+    type = input('text', ...(ngDevMode ? [{ debugName: "type" }] : /* istanbul ignore next */ []));
+    /** Placeholder text shown when the input is empty. */
+    placeholder = input('', ...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
+    /** Whether the input is disabled. Bound by [formField] directive. */
+    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
+    /** Whether the input is read-only. Bound by [formField] directive. */
+    readonly = input(false, ...(ngDevMode ? [{ debugName: "readonly" }] : /* istanbul ignore next */ []));
+    /** Whether the input has validation errors. Bound by [formField] directive. */
+    invalid = input(false, ...(ngDevMode ? [{ debugName: "invalid" }] : /* istanbul ignore next */ []));
+    /** Validation errors from the form system. Bound by [formField] directive. */
+    errors = input([], ...(ngDevMode ? [{ debugName: "errors" }] : /* istanbul ignore next */ []));
+    /** Whether the user has interacted with the input. Bound by [formField] directive. */
+    touched = model(false, ...(ngDevMode ? [{ debugName: "touched" }] : /* istanbul ignore next */ []));
+    /** Whether the input is required. Bound by [formField] directive. */
+    required = input(false, ...(ngDevMode ? [{ debugName: "required" }] : /* istanbul ignore next */ []));
+    /** The input's name attribute. Bound by [formField] directive. */
+    name = input('', ...(ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []));
+    /** @internal */
+    errorId = `llm-input-errors-${nextId$a++}`;
+    /** @internal */
+    showErrors = computed(() => this.touched() && this.invalid() && this.errors().length > 0, ...(ngDevMode ? [{ debugName: "showErrors" }] : /* istanbul ignore next */ []));
+    /** @internal */
+    hostClasses = computed(() => {
+        const classes = [];
+        if (this.disabled())
+            classes.push('is-disabled');
+        if (this.invalid())
+            classes.push('is-invalid');
+        if (this.readonly())
+            classes.push('is-readonly');
+        if (this.touched())
+            classes.push('is-touched');
+        return classes.join(' ');
+    }, ...(ngDevMode ? [{ debugName: "hostClasses" }] : /* istanbul ignore next */ []));
+    /** @internal */
+    onInput(event) {
+        const target = event.target;
+        this.value.set(target.value);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmInput, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: LlmInput, isStandalone: true, selector: "llm-input", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, errors: { classPropertyName: "errors", publicName: "errors", isSignal: true, isRequired: false, transformFunction: null }, touched: { classPropertyName: "touched", publicName: "touched", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", touched: "touchedChange" }, host: { properties: { "class": "hostClasses()" } }, ngImport: i0, template: `
+    <input
+      [type]="type()"
+      [value]="value()"
+      (input)="onInput($event)"
+      (blur)="touched.set(true)"
+      [disabled]="disabled()"
+      [readOnly]="readonly()"
+      [placeholder]="placeholder()"
+      [attr.name]="name() || null"
+      [attr.aria-invalid]="invalid() || null"
+      [attr.aria-required]="required() || null"
+      [attr.aria-describedby]="showErrors() ? errorId : null"
+    />
+    @if (showErrors()) {
+      <div class="errors" [id]="errorId" aria-live="polite">
+        @for (error of errors(); track error.kind) {
+          <p class="error-message">{{ error.message }}</p>
+        }
+      </div>
+    }
+  `, isInline: true, styles: [":host{display:block;font-family:var(--ui-font-family);font-size:var(--ui-font-size-md)}input{display:block;width:100%;padding:.625rem var(--ui-spacing-3);font-size:inherit;font-family:inherit;line-height:var(--ui-line-height-normal);color:var(--ui-color-text);background-color:var(--ui-color-input-bg);border:1px solid var(--ui-color-input-border);border-radius:var(--ui-radius-md);box-shadow:inset 0 1px 2px #0000000a;transition:border-color var(--ui-transition-fast),box-shadow var(--ui-transition-fast),background-color var(--ui-transition-fast);outline:none;box-sizing:border-box}input::placeholder{color:var(--ui-color-placeholder)}input:hover:not(:disabled):not(:read-only){border-color:var(--ui-color-input-border-hover)}input:focus{border-color:var(--ui-color-input-border-focus);background-color:var(--ui-color-input-bg-focus);box-shadow:var(--ui-focus-ring)}:host(.is-invalid) input{border-color:var(--ui-color-input-border-invalid)}:host(.is-invalid) input:focus{border-color:var(--ui-color-input-border-invalid);box-shadow:0 0 0 2px var(--ui-color-surface),0 0 0 4px var(--ui-color-danger)}:host(.is-disabled){opacity:var(--ui-opacity-disabled);cursor:not-allowed}:host(.is-disabled) input{cursor:not-allowed}:host(.is-readonly) input{background-color:var(--ui-color-surface-sunken);cursor:default;box-shadow:none}.errors{margin-top:var(--ui-spacing-1)}.error-message{margin:0;font-size:var(--ui-font-size-sm);color:var(--ui-color-error-text);line-height:var(--ui-line-height-normal)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmInput, decorators: [{
+            type: Component,
+            args: [{ selector: 'llm-input', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `
+    <input
+      [type]="type()"
+      [value]="value()"
+      (input)="onInput($event)"
+      (blur)="touched.set(true)"
+      [disabled]="disabled()"
+      [readOnly]="readonly()"
+      [placeholder]="placeholder()"
+      [attr.name]="name() || null"
+      [attr.aria-invalid]="invalid() || null"
+      [attr.aria-required]="required() || null"
+      [attr.aria-describedby]="showErrors() ? errorId : null"
+    />
+    @if (showErrors()) {
+      <div class="errors" [id]="errorId" aria-live="polite">
+        @for (error of errors(); track error.kind) {
+          <p class="error-message">{{ error.message }}</p>
+        }
+      </div>
+    }
+  `, host: {
+                        '[class]': 'hostClasses()',
+                    }, styles: [":host{display:block;font-family:var(--ui-font-family);font-size:var(--ui-font-size-md)}input{display:block;width:100%;padding:.625rem var(--ui-spacing-3);font-size:inherit;font-family:inherit;line-height:var(--ui-line-height-normal);color:var(--ui-color-text);background-color:var(--ui-color-input-bg);border:1px solid var(--ui-color-input-border);border-radius:var(--ui-radius-md);box-shadow:inset 0 1px 2px #0000000a;transition:border-color var(--ui-transition-fast),box-shadow var(--ui-transition-fast),background-color var(--ui-transition-fast);outline:none;box-sizing:border-box}input::placeholder{color:var(--ui-color-placeholder)}input:hover:not(:disabled):not(:read-only){border-color:var(--ui-color-input-border-hover)}input:focus{border-color:var(--ui-color-input-border-focus);background-color:var(--ui-color-input-bg-focus);box-shadow:var(--ui-focus-ring)}:host(.is-invalid) input{border-color:var(--ui-color-input-border-invalid)}:host(.is-invalid) input:focus{border-color:var(--ui-color-input-border-invalid);box-shadow:0 0 0 2px var(--ui-color-surface),0 0 0 4px var(--ui-color-danger)}:host(.is-disabled){opacity:var(--ui-opacity-disabled);cursor:not-allowed}:host(.is-disabled) input{cursor:not-allowed}:host(.is-readonly) input{background-color:var(--ui-color-surface-sunken);cursor:default;box-shadow:none}.errors{margin-top:var(--ui-spacing-1)}.error-message{margin:0;font-size:var(--ui-font-size-sm);color:var(--ui-color-error-text);line-height:var(--ui-line-height-normal)}\n"] }]
+        }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], errors: [{ type: i0.Input, args: [{ isSignal: true, alias: "errors", required: false }] }], touched: [{ type: i0.Input, args: [{ isSignal: true, alias: "touched", required: false }] }, { type: i0.Output, args: ["touchedChange"] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }] } });
+
+let nextId$9 = 0;
+/**
+ * Accessible multiline text input component for use with Angular Signal Forms.
+ *
+ * Usage:
+ * ```html
+ * <llm-textarea placeholder="Enter a description" [(value)]="description" />
+ * <llm-textarea [formField]="form.bio" [rows]="4" />
+ * ```
+ */
+class LlmTextarea {
+    /** The current textarea value. Supports [(value)] two-way binding. */
+    value = model('', ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    /** Number of visible text rows. */
+    rows = input(3, ...(ngDevMode ? [{ debugName: "rows" }] : /* istanbul ignore next */ []));
+    /** Placeholder text shown when the textarea is empty. */
+    placeholder = input('', ...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
+    /** Whether the textarea is disabled. Bound by [formField] directive. */
+    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
+    /** Whether the textarea is read-only. Bound by [formField] directive. */
+    readonly = input(false, ...(ngDevMode ? [{ debugName: "readonly" }] : /* istanbul ignore next */ []));
+    /** Whether the textarea has validation errors. Bound by [formField] directive. */
+    invalid = input(false, ...(ngDevMode ? [{ debugName: "invalid" }] : /* istanbul ignore next */ []));
+    /** Validation errors from the form system. Bound by [formField] directive. */
+    errors = input([], ...(ngDevMode ? [{ debugName: "errors" }] : /* istanbul ignore next */ []));
+    /** Whether the user has interacted with the textarea. Bound by [formField] directive. */
+    touched = model(false, ...(ngDevMode ? [{ debugName: "touched" }] : /* istanbul ignore next */ []));
+    /** Whether the textarea is required. Bound by [formField] directive. */
+    required = input(false, ...(ngDevMode ? [{ debugName: "required" }] : /* istanbul ignore next */ []));
+    /** The textarea's name attribute. Bound by [formField] directive. */
+    name = input('', ...(ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []));
+    /** Whether to auto-resize the textarea height to fit its content. */
+    autoResize = input(false, ...(ngDevMode ? [{ debugName: "autoResize" }] : /* istanbul ignore next */ []));
+    /** @internal */
+    errorId = `llm-textarea-errors-${nextId$9++}`;
+    /** @internal */
+    showErrors = computed(() => this.touched() && this.invalid() && this.errors().length > 0, ...(ngDevMode ? [{ debugName: "showErrors" }] : /* istanbul ignore next */ []));
+    /** @internal */
+    hostClasses = computed(() => {
+        const classes = [];
+        if (this.disabled())
+            classes.push('is-disabled');
+        if (this.invalid())
+            classes.push('is-invalid');
+        if (this.readonly())
+            classes.push('is-readonly');
+        if (this.touched())
+            classes.push('is-touched');
+        if (this.autoResize())
+            classes.push('is-auto-resize');
+        return classes.join(' ');
+    }, ...(ngDevMode ? [{ debugName: "hostClasses" }] : /* istanbul ignore next */ []));
+    /** @internal */
+    onInput(event) {
+        const target = event.target;
+        this.value.set(target.value);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmTextarea, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: LlmTextarea, isStandalone: true, selector: "llm-textarea", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, errors: { classPropertyName: "errors", publicName: "errors", isSignal: true, isRequired: false, transformFunction: null }, touched: { classPropertyName: "touched", publicName: "touched", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, autoResize: { classPropertyName: "autoResize", publicName: "autoResize", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", touched: "touchedChange" }, host: { properties: { "class": "hostClasses()" } }, ngImport: i0, template: `
+    <textarea
+      [value]="value()"
+      (input)="onInput($event)"
+      (blur)="touched.set(true)"
+      [disabled]="disabled()"
+      [readOnly]="readonly()"
+      [placeholder]="placeholder()"
+      [rows]="rows()"
+      [attr.name]="name() || null"
+      [attr.aria-invalid]="invalid() || null"
+      [attr.aria-required]="required() || null"
+      [attr.aria-describedby]="showErrors() ? errorId : null"
+      [cdkTextareaAutosize]="autoResize()"
+      [cdkAutosizeMinRows]="rows()"
+    ></textarea>
+    @if (showErrors()) {
+      <div class="errors" [id]="errorId" aria-live="polite">
+        @for (error of errors(); track error.kind) {
+          <p class="error-message">{{ error.message }}</p>
+        }
+      </div>
+    }
+  `, isInline: true, styles: [":host{display:block;font-family:var(--ui-font-family);font-size:var(--ui-font-size-md)}textarea{display:block;width:100%;padding:.625rem var(--ui-spacing-3);font-size:inherit;font-family:inherit;line-height:var(--ui-line-height-normal);color:var(--ui-color-text);background-color:var(--ui-color-input-bg);border:1px solid var(--ui-color-input-border);border-radius:var(--ui-radius-md);box-shadow:inset 0 1px 2px #0000000a;transition:border-color var(--ui-transition-fast),box-shadow var(--ui-transition-fast),background-color var(--ui-transition-fast);outline:none;box-sizing:border-box;resize:vertical;min-height:80px}textarea::placeholder{color:var(--ui-color-placeholder)}textarea:hover:not(:disabled):not(:read-only){border-color:var(--ui-color-input-border-hover)}textarea:focus{border-color:var(--ui-color-input-border-focus);background-color:var(--ui-color-input-bg-focus);box-shadow:var(--ui-focus-ring)}:host(.is-invalid) textarea{border-color:var(--ui-color-input-border-invalid)}:host(.is-invalid) textarea:focus{border-color:var(--ui-color-input-border-invalid);box-shadow:0 0 0 2px var(--ui-color-surface),0 0 0 4px var(--ui-color-danger)}:host(.is-disabled){opacity:var(--ui-opacity-disabled);cursor:not-allowed}:host(.is-disabled) textarea{cursor:not-allowed}:host(.is-readonly) textarea{background-color:var(--ui-color-surface-sunken);cursor:default;box-shadow:none}:host(.is-auto-resize) textarea{resize:none;overflow:hidden}.errors{margin-top:var(--ui-spacing-1)}.error-message{margin:0;font-size:var(--ui-font-size-sm);color:var(--ui-color-error-text);line-height:var(--ui-line-height-normal)}\n"], dependencies: [{ kind: "ngmodule", type: TextFieldModule }, { kind: "directive", type: i1.CdkTextareaAutosize, selector: "textarea[cdkTextareaAutosize]", inputs: ["cdkAutosizeMinRows", "cdkAutosizeMaxRows", "cdkTextareaAutosize", "placeholder"], exportAs: ["cdkTextareaAutosize"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmTextarea, decorators: [{
+            type: Component,
+            args: [{ selector: 'llm-textarea', standalone: true, imports: [TextFieldModule], changeDetection: ChangeDetectionStrategy.OnPush, template: `
+    <textarea
+      [value]="value()"
+      (input)="onInput($event)"
+      (blur)="touched.set(true)"
+      [disabled]="disabled()"
+      [readOnly]="readonly()"
+      [placeholder]="placeholder()"
+      [rows]="rows()"
+      [attr.name]="name() || null"
+      [attr.aria-invalid]="invalid() || null"
+      [attr.aria-required]="required() || null"
+      [attr.aria-describedby]="showErrors() ? errorId : null"
+      [cdkTextareaAutosize]="autoResize()"
+      [cdkAutosizeMinRows]="rows()"
+    ></textarea>
+    @if (showErrors()) {
+      <div class="errors" [id]="errorId" aria-live="polite">
+        @for (error of errors(); track error.kind) {
+          <p class="error-message">{{ error.message }}</p>
+        }
+      </div>
+    }
+  `, host: {
+                        '[class]': 'hostClasses()',
+                    }, styles: [":host{display:block;font-family:var(--ui-font-family);font-size:var(--ui-font-size-md)}textarea{display:block;width:100%;padding:.625rem var(--ui-spacing-3);font-size:inherit;font-family:inherit;line-height:var(--ui-line-height-normal);color:var(--ui-color-text);background-color:var(--ui-color-input-bg);border:1px solid var(--ui-color-input-border);border-radius:var(--ui-radius-md);box-shadow:inset 0 1px 2px #0000000a;transition:border-color var(--ui-transition-fast),box-shadow var(--ui-transition-fast),background-color var(--ui-transition-fast);outline:none;box-sizing:border-box;resize:vertical;min-height:80px}textarea::placeholder{color:var(--ui-color-placeholder)}textarea:hover:not(:disabled):not(:read-only){border-color:var(--ui-color-input-border-hover)}textarea:focus{border-color:var(--ui-color-input-border-focus);background-color:var(--ui-color-input-bg-focus);box-shadow:var(--ui-focus-ring)}:host(.is-invalid) textarea{border-color:var(--ui-color-input-border-invalid)}:host(.is-invalid) textarea:focus{border-color:var(--ui-color-input-border-invalid);box-shadow:0 0 0 2px var(--ui-color-surface),0 0 0 4px var(--ui-color-danger)}:host(.is-disabled){opacity:var(--ui-opacity-disabled);cursor:not-allowed}:host(.is-disabled) textarea{cursor:not-allowed}:host(.is-readonly) textarea{background-color:var(--ui-color-surface-sunken);cursor:default;box-shadow:none}:host(.is-auto-resize) textarea{resize:none;overflow:hidden}.errors{margin-top:var(--ui-spacing-1)}.error-message{margin:0;font-size:var(--ui-font-size-sm);color:var(--ui-color-error-text);line-height:var(--ui-line-height-normal)}\n"] }]
+        }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], rows: [{ type: i0.Input, args: [{ isSignal: true, alias: "rows", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], errors: [{ type: i0.Input, args: [{ isSignal: true, alias: "errors", required: false }] }], touched: [{ type: i0.Input, args: [{ isSignal: true, alias: "touched", required: false }] }, { type: i0.Output, args: ["touchedChange"] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], autoResize: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoResize", required: false }] }] } });
+
+let nextId$8 = 0;
+/**
+ * Accessible checkbox component for use with Angular Signal Forms.
+ *
+ * Usage:
+ * ```html
+ * <llm-checkbox [(checked)]="accepted">I agree to the terms</llm-checkbox>
+ * <llm-checkbox [formField]="form.accepted">Accept</llm-checkbox>
+ * ```
+ */
+class LlmCheckbox {
+    /** The checked state. Bound by [formField] directive. Supports [(checked)] two-way binding. */
+    checked = model(false, ...(ngDevMode ? [{ debugName: "checked" }] : /* istanbul ignore next */ []));
+    /** Whether the user has interacted with the input. Bound by [formField] directive. */
+    touched = model(false, ...(ngDevMode ? [{ debugName: "touched" }] : /* istanbul ignore next */ []));
+    /** Tri-state indeterminate mode (e.g. "select all"). Set via DOM property. */
+    indeterminate = input(false, ...(ngDevMode ? [{ debugName: "indeterminate" }] : /* istanbul ignore next */ []));
+    /** Whether the checkbox is disabled. Bound by [formField] directive. */
+    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
+    /** Whether the checkbox has validation errors. Bound by [formField] directive. */
+    invalid = input(false, ...(ngDevMode ? [{ debugName: "invalid" }] : /* istanbul ignore next */ []));
+    /** Whether the checkbox is required. Bound by [formField] directive. */
+    required = input(false, ...(ngDevMode ? [{ debugName: "required" }] : /* istanbul ignore next */ []));
+    /** The input's name attribute. Bound by [formField] directive. */
+    name = input('', ...(ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []));
+    /** Validation errors from the form system. Bound by [formField] directive. */
+    errors = input([], ...(ngDevMode ? [{ debugName: "errors" }] : /* istanbul ignore next */ []));
+    /** @internal */
+    inputId = `llm-checkbox-${nextId$8++}`;
+    /** @internal */
+    errorId = `llm-checkbox-errors-${nextId$8++}`;
+    /** @internal */
+    nativeInput = viewChild('nativeInput', ...(ngDevMode ? [{ debugName: "nativeInput" }] : /* istanbul ignore next */ []));
+    /** @internal */
+    showErrors = computed(() => this.touched() && this.invalid() && this.errors().length > 0, ...(ngDevMode ? [{ debugName: "showErrors" }] : /* istanbul ignore next */ []));
+    /** @internal */
+    hostClasses = computed(() => {
+        const classes = [];
+        if (this.checked())
+            classes.push('is-checked');
+        if (this.disabled())
+            classes.push('is-disabled');
+        if (this.invalid())
+            classes.push('is-invalid');
+        if (this.touched())
+            classes.push('is-touched');
+        return classes.join(' ');
+    }, ...(ngDevMode ? [{ debugName: "hostClasses" }] : /* istanbul ignore next */ []));
+    constructor() {
+        effect(() => {
+            const el = this.nativeInput()?.nativeElement;
+            if (el) {
+                el.indeterminate = this.indeterminate();
+            }
+        });
+    }
+    /** @internal */
+    onChange(event) {
+        const target = event.target;
+        this.checked.set(target.checked);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmCheckbox, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: LlmCheckbox, isStandalone: true, selector: "llm-checkbox", inputs: { checked: { classPropertyName: "checked", publicName: "checked", isSignal: true, isRequired: false, transformFunction: null }, touched: { classPropertyName: "touched", publicName: "touched", isSignal: true, isRequired: false, transformFunction: null }, indeterminate: { classPropertyName: "indeterminate", publicName: "indeterminate", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, errors: { classPropertyName: "errors", publicName: "errors", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { checked: "checkedChange", touched: "touchedChange" }, host: { properties: { "class": "hostClasses()" } }, viewQueries: [{ propertyName: "nativeInput", first: true, predicate: ["nativeInput"], descendants: true, isSignal: true }], ngImport: i0, template: `
+    <label [attr.for]="inputId">
+      <input
+        #nativeInput
+        type="checkbox"
+        [id]="inputId"
+        [checked]="checked()"
+        (change)="onChange($event)"
+        (blur)="touched.set(true)"
+        [disabled]="disabled()"
+        [attr.name]="name() || null"
+        [attr.aria-invalid]="invalid() || null"
+        [attr.aria-required]="required() || null"
+        [attr.aria-describedby]="showErrors() ? errorId : null"
+      />
+      <ng-content />
+    </label>
+    @if (showErrors()) {
+      <div class="errors" [id]="errorId" aria-live="polite">
+        @for (error of errors(); track error.kind) {
+          <p class="error-message">{{ error.message }}</p>
+        }
+      </div>
+    }
+  `, isInline: true, styles: [":host{display:block;font-family:var(--ui-font-family);font-size:var(--ui-font-size-md)}label{display:inline-flex;align-items:center;gap:var(--ui-spacing-2);cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--ui-color-text);line-height:var(--ui-line-height-normal)}input[type=checkbox]{appearance:none;-webkit-appearance:none;flex-shrink:0;width:1.25rem;height:1.25rem;border:1.5px solid var(--ui-color-input-border);border-radius:var(--ui-radius-sm);background-color:var(--ui-color-input-bg);cursor:pointer;position:relative;transition:border-color var(--ui-transition-fast),background-color var(--ui-transition-fast),box-shadow var(--ui-transition-fast);outline:none}input[type=checkbox]:hover:not(:disabled){border-color:var(--ui-color-input-border-hover);background-color:var(--ui-color-primary-light)}input[type=checkbox]:focus-visible{box-shadow:var(--ui-focus-ring);border-color:var(--ui-color-input-border-focus)}input[type=checkbox]:checked{background-color:var(--ui-color-primary);border-color:var(--ui-color-primary)}input[type=checkbox]:checked:after{content:\"\";position:absolute;inset:0;margin:auto;width:.35rem;height:.6rem;border:2px solid var(--ui-color-on-primary);border-top:none;border-left:none;transform:rotate(45deg) translate(-1px,-1px);animation:llm-check-pop var(--ui-duration-normal) var(--ui-ease-spring)}input[type=checkbox]:indeterminate{background-color:var(--ui-color-primary);border-color:var(--ui-color-primary)}input[type=checkbox]:indeterminate:after{content:\"\";position:absolute;inset:0;margin:auto;width:.5rem;height:2px;background-color:var(--ui-color-on-primary);animation:llm-check-pop var(--ui-duration-normal) var(--ui-ease-spring)}:host(.is-invalid) input[type=checkbox]{border-color:var(--ui-color-input-border-invalid)}:host(.is-invalid) input[type=checkbox]:focus-visible{border-color:var(--ui-color-input-border-invalid);box-shadow:0 0 0 2px var(--ui-color-surface),0 0 0 4px var(--ui-color-danger)}:host(.is-disabled){opacity:var(--ui-opacity-disabled);cursor:not-allowed}:host(.is-disabled) label{cursor:not-allowed}:host(.is-disabled) input[type=checkbox]{cursor:not-allowed}.errors{margin-top:var(--ui-spacing-1)}.error-message{margin:0;font-size:var(--ui-font-size-sm);color:var(--ui-color-error-text);line-height:var(--ui-line-height-normal)}@keyframes llm-check-pop{0%{transform:rotate(45deg) translate(-1px,-1px) scale(0)}60%{transform:rotate(45deg) translate(-1px,-1px) scale(1.15)}to{transform:rotate(45deg) translate(-1px,-1px) scale(1)}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmCheckbox, decorators: [{
+            type: Component,
+            args: [{ selector: 'llm-checkbox', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `
+    <label [attr.for]="inputId">
+      <input
+        #nativeInput
+        type="checkbox"
+        [id]="inputId"
+        [checked]="checked()"
+        (change)="onChange($event)"
+        (blur)="touched.set(true)"
+        [disabled]="disabled()"
+        [attr.name]="name() || null"
+        [attr.aria-invalid]="invalid() || null"
+        [attr.aria-required]="required() || null"
+        [attr.aria-describedby]="showErrors() ? errorId : null"
+      />
+      <ng-content />
+    </label>
+    @if (showErrors()) {
+      <div class="errors" [id]="errorId" aria-live="polite">
+        @for (error of errors(); track error.kind) {
+          <p class="error-message">{{ error.message }}</p>
+        }
+      </div>
+    }
+  `, host: {
+                        '[class]': 'hostClasses()',
+                    }, styles: [":host{display:block;font-family:var(--ui-font-family);font-size:var(--ui-font-size-md)}label{display:inline-flex;align-items:center;gap:var(--ui-spacing-2);cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--ui-color-text);line-height:var(--ui-line-height-normal)}input[type=checkbox]{appearance:none;-webkit-appearance:none;flex-shrink:0;width:1.25rem;height:1.25rem;border:1.5px solid var(--ui-color-input-border);border-radius:var(--ui-radius-sm);background-color:var(--ui-color-input-bg);cursor:pointer;position:relative;transition:border-color var(--ui-transition-fast),background-color var(--ui-transition-fast),box-shadow var(--ui-transition-fast);outline:none}input[type=checkbox]:hover:not(:disabled){border-color:var(--ui-color-input-border-hover);background-color:var(--ui-color-primary-light)}input[type=checkbox]:focus-visible{box-shadow:var(--ui-focus-ring);border-color:var(--ui-color-input-border-focus)}input[type=checkbox]:checked{background-color:var(--ui-color-primary);border-color:var(--ui-color-primary)}input[type=checkbox]:checked:after{content:\"\";position:absolute;inset:0;margin:auto;width:.35rem;height:.6rem;border:2px solid var(--ui-color-on-primary);border-top:none;border-left:none;transform:rotate(45deg) translate(-1px,-1px);animation:llm-check-pop var(--ui-duration-normal) var(--ui-ease-spring)}input[type=checkbox]:indeterminate{background-color:var(--ui-color-primary);border-color:var(--ui-color-primary)}input[type=checkbox]:indeterminate:after{content:\"\";position:absolute;inset:0;margin:auto;width:.5rem;height:2px;background-color:var(--ui-color-on-primary);animation:llm-check-pop var(--ui-duration-normal) var(--ui-ease-spring)}:host(.is-invalid) input[type=checkbox]{border-color:var(--ui-color-input-border-invalid)}:host(.is-invalid) input[type=checkbox]:focus-visible{border-color:var(--ui-color-input-border-invalid);box-shadow:0 0 0 2px var(--ui-color-surface),0 0 0 4px var(--ui-color-danger)}:host(.is-disabled){opacity:var(--ui-opacity-disabled);cursor:not-allowed}:host(.is-disabled) label{cursor:not-allowed}:host(.is-disabled) input[type=checkbox]{cursor:not-allowed}.errors{margin-top:var(--ui-spacing-1)}.error-message{margin:0;font-size:var(--ui-font-size-sm);color:var(--ui-color-error-text);line-height:var(--ui-line-height-normal)}@keyframes llm-check-pop{0%{transform:rotate(45deg) translate(-1px,-1px) scale(0)}60%{transform:rotate(45deg) translate(-1px,-1px) scale(1.15)}to{transform:rotate(45deg) translate(-1px,-1px) scale(1)}}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { checked: [{ type: i0.Input, args: [{ isSignal: true, alias: "checked", required: false }] }, { type: i0.Output, args: ["checkedChange"] }], touched: [{ type: i0.Input, args: [{ isSignal: true, alias: "touched", required: false }] }, { type: i0.Output, args: ["touchedChange"] }], indeterminate: [{ type: i0.Input, args: [{ isSignal: true, alias: "indeterminate", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], errors: [{ type: i0.Input, args: [{ isSignal: true, alias: "errors", required: false }] }], nativeInput: [{ type: i0.ViewChild, args: ['nativeInput', { isSignal: true }] }] } });
+
+const LLM_RADIO_GROUP = new InjectionToken('LLM_RADIO_GROUP');
+
+let nextId$7 = 0;
+/**
+ * Individual radio button. Must be placed inside an `llm-radio-group`.
+ *
+ * Usage:
+ * ```html
+ * <llm-radio-group [(value)]="selected" name="plan">
+ *   <llm-radio radioValue="free">Free</llm-radio>
+ *   <llm-radio radioValue="pro">Pro</llm-radio>
+ * </llm-radio-group>
+ * ```
+ */
+class LlmRadio {
+    /** The value this radio option represents within the group. */
+    radioValue = input.required(...(ngDevMode ? [{ debugName: "radioValue" }] : /* istanbul ignore next */ []));
+    /** Whether this specific radio is individually disabled (stacked with group disabled). */
+    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
+    /** @internal */
+    group = inject(LLM_RADIO_GROUP, { optional: true });
+    /** @internal */
+    el = inject(ElementRef);
+    /** @internal */
+    inputId = `llm-radio-${nextId$7++}`;
+    /** @internal */
+    isChecked = computed(() => this.group?.value() === this.radioValue(), ...(ngDevMode ? [{ debugName: "isChecked" }] : /* istanbul ignore next */ []));
+    /** @internal */
+    isDisabled = computed(() => this.disabled() || (this.group?.disabled() ?? false), ...(ngDevMode ? [{ debugName: "isDisabled" }] : /* istanbul ignore next */ []));
+    /** @internal */
+    effectiveName = computed(() => this.group?.name() ?? '', ...(ngDevMode ? [{ debugName: "effectiveName" }] : /* istanbul ignore next */ []));
+    /** @internal */
+    hostClasses = computed(() => {
+        const classes = [];
+        if (this.isChecked())
+            classes.push('is-checked');
+        if (this.isDisabled())
+            classes.push('is-disabled');
+        return classes.join(' ');
+    }, ...(ngDevMode ? [{ debugName: "hostClasses" }] : /* istanbul ignore next */ []));
+    /** @internal — for FocusKeyManager */
+    focusInput() {
+        this.el.nativeElement.querySelector('input')?.focus();
+    }
+    ngOnInit() {
+        this.group?.registerItem(this);
+    }
+    ngOnDestroy() {
+        this.group?.unregisterItem(this);
+    }
+    /** @internal */
+    onChange() {
+        this.group?.select(this.radioValue());
+    }
+    /** @internal */
+    onBlur() {
+        this.group?.markTouched();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmRadio, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.4", type: LlmRadio, isStandalone: true, selector: "llm-radio", inputs: { radioValue: { classPropertyName: "radioValue", publicName: "radioValue", isSignal: true, isRequired: true, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "hostClasses()" } }, ngImport: i0, template: `
+    <label [attr.for]="inputId">
+      <input
+        type="radio"
+        [id]="inputId"
+        [value]="radioValue()"
+        [checked]="isChecked()"
+        [disabled]="isDisabled()"
+        [attr.name]="effectiveName() || null"
+        (change)="onChange()"
+        (blur)="onBlur()"
+      />
+      <ng-content />
+    </label>
+  `, isInline: true, styles: [":host{display:block;font-family:var(--ui-font-family);font-size:var(--ui-font-size-md)}label{display:inline-flex;align-items:center;gap:var(--ui-spacing-2);cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--ui-color-text);line-height:var(--ui-line-height-normal)}input[type=radio]{appearance:none;-webkit-appearance:none;flex-shrink:0;width:1.25rem;height:1.25rem;border:1.5px solid var(--ui-color-input-border);border-radius:50%;background-color:var(--ui-color-input-bg);cursor:pointer;position:relative;transition:border-color var(--ui-transition-fast),background-color var(--ui-transition-fast),box-shadow var(--ui-transition-fast);outline:none}input[type=radio]:hover:not(:disabled){border-color:var(--ui-color-input-border-hover);background-color:var(--ui-color-primary-light)}input[type=radio]:focus-visible{box-shadow:var(--ui-focus-ring);border-color:var(--ui-color-input-border-focus)}input[type=radio]:checked{background-color:var(--ui-color-primary);border-color:var(--ui-color-primary)}input[type=radio]:checked:after{content:\"\";position:absolute;inset:0;margin:auto;width:.45rem;height:.45rem;border-radius:50%;background-color:var(--ui-color-on-primary);animation:llm-radio-pop var(--ui-duration-normal) var(--ui-ease-spring)}:host-context(llm-radio-group.is-invalid) input[type=radio],:host(.is-invalid) input[type=radio]{border-color:var(--ui-color-input-border-invalid)}:host-context(llm-radio-group.is-invalid) input[type=radio]:focus-visible,:host(.is-invalid) input[type=radio]:focus-visible{border-color:var(--ui-color-input-border-invalid);box-shadow:0 0 0 2px var(--ui-color-surface),0 0 0 4px var(--ui-color-danger)}:host(.is-disabled){opacity:var(--ui-opacity-disabled);cursor:not-allowed}:host(.is-disabled) label{cursor:not-allowed}:host(.is-disabled) input[type=radio]{cursor:not-allowed}@keyframes llm-radio-pop{0%{transform:scale(0)}60%{transform:scale(1.2)}to{transform:scale(1)}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmRadio, decorators: [{
+            type: Component,
+            args: [{ selector: 'llm-radio', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `
+    <label [attr.for]="inputId">
+      <input
+        type="radio"
+        [id]="inputId"
+        [value]="radioValue()"
+        [checked]="isChecked()"
+        [disabled]="isDisabled()"
+        [attr.name]="effectiveName() || null"
+        (change)="onChange()"
+        (blur)="onBlur()"
+      />
+      <ng-content />
+    </label>
+  `, host: {
+                        '[class]': 'hostClasses()',
+                    }, styles: [":host{display:block;font-family:var(--ui-font-family);font-size:var(--ui-font-size-md)}label{display:inline-flex;align-items:center;gap:var(--ui-spacing-2);cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--ui-color-text);line-height:var(--ui-line-height-normal)}input[type=radio]{appearance:none;-webkit-appearance:none;flex-shrink:0;width:1.25rem;height:1.25rem;border:1.5px solid var(--ui-color-input-border);border-radius:50%;background-color:var(--ui-color-input-bg);cursor:pointer;position:relative;transition:border-color var(--ui-transition-fast),background-color var(--ui-transition-fast),box-shadow var(--ui-transition-fast);outline:none}input[type=radio]:hover:not(:disabled){border-color:var(--ui-color-input-border-hover);background-color:var(--ui-color-primary-light)}input[type=radio]:focus-visible{box-shadow:var(--ui-focus-ring);border-color:var(--ui-color-input-border-focus)}input[type=radio]:checked{background-color:var(--ui-color-primary);border-color:var(--ui-color-primary)}input[type=radio]:checked:after{content:\"\";position:absolute;inset:0;margin:auto;width:.45rem;height:.45rem;border-radius:50%;background-color:var(--ui-color-on-primary);animation:llm-radio-pop var(--ui-duration-normal) var(--ui-ease-spring)}:host-context(llm-radio-group.is-invalid) input[type=radio],:host(.is-invalid) input[type=radio]{border-color:var(--ui-color-input-border-invalid)}:host-context(llm-radio-group.is-invalid) input[type=radio]:focus-visible,:host(.is-invalid) input[type=radio]:focus-visible{border-color:var(--ui-color-input-border-invalid);box-shadow:0 0 0 2px var(--ui-color-surface),0 0 0 4px var(--ui-color-danger)}:host(.is-disabled){opacity:var(--ui-opacity-disabled);cursor:not-allowed}:host(.is-disabled) label{cursor:not-allowed}:host(.is-disabled) input[type=radio]{cursor:not-allowed}@keyframes llm-radio-pop{0%{transform:scale(0)}60%{transform:scale(1.2)}to{transform:scale(1)}}\n"] }]
+        }], propDecorators: { radioValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "radioValue", required: true }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }] } });
+
+let nextId$6 = 0;
+/**
+ * Container for a group of radio buttons. Manages keyboard navigation, shared name,
+ * and Signal Forms integration.
+ *
+ * Usage:
+ * ```html
+ * <llm-radio-group [(value)]="size" name="size">
+ *   <llm-radio radioValue="sm">Small</llm-radio>
+ *   <llm-radio radioValue="md">Medium</llm-radio>
+ *   <llm-radio radioValue="lg">Large</llm-radio>
+ * </llm-radio-group>
+ *
+ * <!-- With Signal Forms -->
+ * <llm-radio-group [formField]="form.size">
+ *   <llm-radio radioValue="sm">Small</llm-radio>
+ * </llm-radio-group>
+ * ```
+ */
+class LlmRadioGroup {
+    /** The selected value. Bound by [formField] directive. Supports [(value)] two-way binding. */
+    value = model('', ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    /** Whether the user has interacted. Bound by [formField] directive. */
+    touched = model(false, ...(ngDevMode ? [{ debugName: "touched" }] : /* istanbul ignore next */ []));
+    /** Whether the group is disabled. Bound by [formField] directive. */
+    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
+    /** Whether the group has validation errors. Bound by [formField] directive. */
+    invalid = input(false, ...(ngDevMode ? [{ debugName: "invalid" }] : /* istanbul ignore next */ []));
+    /** Whether the group is required. Bound by [formField] directive. */
+    required = input(false, ...(ngDevMode ? [{ debugName: "required" }] : /* istanbul ignore next */ []));
+    /** Shared name attribute propagated to all child radio inputs. Bound by [formField] directive. */
+    name = input('', ...(ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []));
+    /** Validation errors from the form system. Bound by [formField] directive. */
+    errors = input([], ...(ngDevMode ? [{ debugName: "errors" }] : /* istanbul ignore next */ []));
+    /** @internal */
+    errorId = `llm-radio-group-errors-${nextId$6++}`;
+    /** @internal */
+    items = signal([], ...(ngDevMode ? [{ debugName: "items" }] : /* istanbul ignore next */ []));
+    /** @internal */
+    showErrors = computed(() => this.touched() && this.invalid() && this.errors().length > 0, ...(ngDevMode ? [{ debugName: "showErrors" }] : /* istanbul ignore next */ []));
+    /** @internal */
+    hostClasses = computed(() => {
+        const classes = [];
+        if (this.disabled())
+            classes.push('is-disabled');
+        if (this.invalid())
+            classes.push('is-invalid');
+        if (this.touched())
+            classes.push('is-touched');
+        return classes.join(' ');
+    }, ...(ngDevMode ? [{ debugName: "hostClasses" }] : /* istanbul ignore next */ []));
+    /** @internal — called by LlmRadio on change */
+    select(v) {
+        if (!this.disabled()) {
+            this.value.set(v);
+        }
+    }
+    /** @internal — called by LlmRadio on blur */
+    markTouched() {
+        this.touched.set(true);
+    }
+    /** @internal — called by LlmRadio on init */
+    registerItem(item) {
+        this.items.update((list) => [...list, item]);
+    }
+    /** @internal — called by LlmRadio on destroy */
+    unregisterItem(item) {
+        this.items.update((list) => list.filter((i) => i !== item));
+    }
+    /** @internal */
+    onKeydown(event) {
+        const key = event.key;
+        if (key !== 'ArrowDown' && key !== 'ArrowRight' && key !== 'ArrowUp' && key !== 'ArrowLeft')
+            return;
+        event.preventDefault();
+        const radioItems = this.items();
+        const enabled = radioItems.filter((item) => !item.isDisabled());
+        if (enabled.length === 0)
+            return;
+        const currentPos = enabled.findIndex((i) => i.radioValue() === this.value());
+        const isNext = key === 'ArrowDown' || key === 'ArrowRight';
+        const n = enabled.length;
+        const nextPos = isNext
+            ? (currentPos + 1) % n
+            : (currentPos - 1 + n) % n;
+        const target = enabled[nextPos];
+        // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition, @typescript-eslint/strict-boolean-expressions
+        if (target) {
+            target.focusInput();
+            this.value.set(target.radioValue());
+            this.touched.set(true);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmRadioGroup, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: LlmRadioGroup, isStandalone: true, selector: "llm-radio-group", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, touched: { classPropertyName: "touched", publicName: "touched", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, errors: { classPropertyName: "errors", publicName: "errors", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", touched: "touchedChange" }, host: { attributes: { "role": "radiogroup" }, listeners: { "keydown": "onKeydown($event)" }, properties: { "class": "hostClasses()", "attr.aria-invalid": "invalid() || null", "attr.aria-required": "required() || null", "attr.aria-describedby": "showErrors() ? errorId : null" } }, providers: [{ provide: LLM_RADIO_GROUP, useExisting: LlmRadioGroup }], ngImport: i0, template: `
+    <ng-content />
+    @if (showErrors()) {
+      <div class="errors" [id]="errorId" aria-live="polite">
+        @for (error of errors(); track error.kind) {
+          <p class="error-message">{{ error.message }}</p>
+        }
+      </div>
+    }
+  `, isInline: true, styles: [":host{display:block;font-family:var(--ui-font-family)}:host(.is-disabled){opacity:var(--ui-opacity-disabled);cursor:not-allowed}.errors{margin-top:var(--ui-spacing-1)}.error-message{margin:0;font-size:var(--ui-font-size-sm);color:var(--ui-color-error-text);line-height:var(--ui-line-height-normal)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmRadioGroup, decorators: [{
+            type: Component,
+            args: [{ selector: 'llm-radio-group', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `
+    <ng-content />
+    @if (showErrors()) {
+      <div class="errors" [id]="errorId" aria-live="polite">
+        @for (error of errors(); track error.kind) {
+          <p class="error-message">{{ error.message }}</p>
+        }
+      </div>
+    }
+  `, host: {
+                        role: 'radiogroup',
+                        '[class]': 'hostClasses()',
+                        '[attr.aria-invalid]': 'invalid() || null',
+                        '[attr.aria-required]': 'required() || null',
+                        '[attr.aria-describedby]': 'showErrors() ? errorId : null',
+                        '(keydown)': 'onKeydown($event)',
+                    }, providers: [{ provide: LLM_RADIO_GROUP, useExisting: LlmRadioGroup }], styles: [":host{display:block;font-family:var(--ui-font-family)}:host(.is-disabled){opacity:var(--ui-opacity-disabled);cursor:not-allowed}.errors{margin-top:var(--ui-spacing-1)}.error-message{margin:0;font-size:var(--ui-font-size-sm);color:var(--ui-color-error-text);line-height:var(--ui-line-height-normal)}\n"] }]
+        }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], touched: [{ type: i0.Input, args: [{ isSignal: true, alias: "touched", required: false }] }, { type: i0.Output, args: ["touchedChange"] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], errors: [{ type: i0.Input, args: [{ isSignal: true, alias: "errors", required: false }] }] } });
+
+let nextId$5 = 0;
+/**
+ * Accessible toggle (switch) component for use with Angular Signal Forms.
+ * Presents as a pill-shaped on/off slider instead of a checkbox box,
+ * but has identical boolean semantics and implements FormCheckboxControl.
+ *
+ * Usage:
+ * ```html
+ * <llm-toggle [(checked)]="enabled">Enable notifications</llm-toggle>
+ * <llm-toggle [formField]="form.enabled">Enable</llm-toggle>
+ * ```
+ */
+class LlmToggle {
+    /** The checked state. Bound by [formField] directive. Supports [(checked)] two-way binding. */
+    checked = model(false, ...(ngDevMode ? [{ debugName: "checked" }] : /* istanbul ignore next */ []));
+    /** Whether the user has interacted with the input. Bound by [formField] directive. */
+    touched = model(false, ...(ngDevMode ? [{ debugName: "touched" }] : /* istanbul ignore next */ []));
+    /** Whether the toggle is disabled. Bound by [formField] directive. */
+    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
+    /** Whether the toggle has validation errors. Bound by [formField] directive. */
+    invalid = input(false, ...(ngDevMode ? [{ debugName: "invalid" }] : /* istanbul ignore next */ []));
+    /** Whether the toggle is required. Bound by [formField] directive. */
+    required = input(false, ...(ngDevMode ? [{ debugName: "required" }] : /* istanbul ignore next */ []));
+    /** The input's name attribute. Bound by [formField] directive. */
+    name = input('', ...(ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []));
+    /** Validation errors from the form system. Bound by [formField] directive. */
+    errors = input([], ...(ngDevMode ? [{ debugName: "errors" }] : /* istanbul ignore next */ []));
+    /** @internal */
+    inputId = `llm-toggle-${nextId$5++}`;
+    /** @internal */
+    errorId = `llm-toggle-errors-${nextId$5++}`;
+    /** @internal */
+    showErrors = computed(() => this.touched() && this.invalid() && this.errors().length > 0, ...(ngDevMode ? [{ debugName: "showErrors" }] : /* istanbul ignore next */ []));
+    /** @internal */
+    hostClasses = computed(() => {
+        const classes = [];
+        if (this.checked())
+            classes.push('is-checked');
+        if (this.disabled())
+            classes.push('is-disabled');
+        if (this.invalid())
+            classes.push('is-invalid');
+        if (this.touched())
+            classes.push('is-touched');
+        return classes.join(' ');
+    }, ...(ngDevMode ? [{ debugName: "hostClasses" }] : /* istanbul ignore next */ []));
+    /** @internal */
+    onChange(event) {
+        const target = event.target;
+        this.checked.set(target.checked);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmToggle, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: LlmToggle, isStandalone: true, selector: "llm-toggle", inputs: { checked: { classPropertyName: "checked", publicName: "checked", isSignal: true, isRequired: false, transformFunction: null }, touched: { classPropertyName: "touched", publicName: "touched", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, errors: { classPropertyName: "errors", publicName: "errors", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { checked: "checkedChange", touched: "touchedChange" }, host: { properties: { "class": "hostClasses()" } }, ngImport: i0, template: `
+    <label [attr.for]="inputId">
+      <input
+        type="checkbox"
+        role="switch"
+        [id]="inputId"
+        [checked]="checked()"
+        (change)="onChange($event)"
+        (blur)="touched.set(true)"
+        [disabled]="disabled()"
+        [attr.name]="name() || null"
+        [attr.aria-checked]="checked()"
+        [attr.aria-invalid]="invalid() || null"
+        [attr.aria-required]="required() || null"
+        [attr.aria-describedby]="showErrors() ? errorId : null"
+      />
+      <span class="track" aria-hidden="true">
+        <span class="thumb"></span>
+      </span>
+      <ng-content />
+    </label>
+    @if (showErrors()) {
+      <div class="errors" [id]="errorId" aria-live="polite">
+        @for (error of errors(); track error.kind) {
+          <p class="error-message">{{ error.message }}</p>
+        }
+      </div>
+    }
+  `, isInline: true, styles: [":host{display:block;font-family:var(--ui-font-family);font-size:var(--ui-font-size-md)}label{display:inline-flex;align-items:center;gap:var(--ui-spacing-2);cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--ui-color-text);line-height:var(--ui-line-height-normal)}input[type=checkbox]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.track{position:relative;display:inline-flex;align-items:center;flex-shrink:0;width:2.75rem;height:1.5rem;border-radius:var(--ui-radius-full);border:1.5px solid var(--ui-color-input-border);background-color:var(--ui-color-input-bg);transition:background-color var(--ui-transition-fast),border-color var(--ui-transition-fast),box-shadow var(--ui-transition-fast);cursor:pointer}.thumb{position:absolute;left:.125rem;width:1.125rem;height:1.125rem;border-radius:var(--ui-radius-full);background-color:var(--ui-color-input-border);box-shadow:var(--ui-shadow-xs);transition:transform var(--ui-transition-fast),background-color var(--ui-transition-fast)}label:hover:not(:has(input:disabled)) .track{border-color:var(--ui-color-input-border-hover)}input[type=checkbox]:focus-visible+.track{box-shadow:var(--ui-focus-ring);border-color:var(--ui-color-input-border-focus)}:host(.is-checked) .track{background-color:var(--ui-color-primary);border-color:var(--ui-color-primary)}:host(.is-checked) .thumb{transform:translate(1.25rem);background-color:var(--ui-color-surface)}:host(.is-invalid) .track{border-color:var(--ui-color-input-border-invalid)}:host(.is-invalid) input[type=checkbox]:focus-visible+.track{border-color:var(--ui-color-input-border-invalid);box-shadow:0 0 0 2px var(--ui-color-surface),0 0 0 4px var(--ui-color-danger)}:host(.is-disabled){opacity:var(--ui-opacity-disabled);cursor:not-allowed}:host(.is-disabled) label{cursor:not-allowed}:host(.is-disabled) .track{cursor:not-allowed}.errors{margin-top:var(--ui-spacing-1)}.error-message{margin:0;font-size:var(--ui-font-size-sm);color:var(--ui-color-error-text);line-height:var(--ui-line-height-normal)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmToggle, decorators: [{
+            type: Component,
+            args: [{ selector: 'llm-toggle', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `
+    <label [attr.for]="inputId">
+      <input
+        type="checkbox"
+        role="switch"
+        [id]="inputId"
+        [checked]="checked()"
+        (change)="onChange($event)"
+        (blur)="touched.set(true)"
+        [disabled]="disabled()"
+        [attr.name]="name() || null"
+        [attr.aria-checked]="checked()"
+        [attr.aria-invalid]="invalid() || null"
+        [attr.aria-required]="required() || null"
+        [attr.aria-describedby]="showErrors() ? errorId : null"
+      />
+      <span class="track" aria-hidden="true">
+        <span class="thumb"></span>
+      </span>
+      <ng-content />
+    </label>
+    @if (showErrors()) {
+      <div class="errors" [id]="errorId" aria-live="polite">
+        @for (error of errors(); track error.kind) {
+          <p class="error-message">{{ error.message }}</p>
+        }
+      </div>
+    }
+  `, host: {
+                        '[class]': 'hostClasses()',
+                    }, styles: [":host{display:block;font-family:var(--ui-font-family);font-size:var(--ui-font-size-md)}label{display:inline-flex;align-items:center;gap:var(--ui-spacing-2);cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--ui-color-text);line-height:var(--ui-line-height-normal)}input[type=checkbox]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.track{position:relative;display:inline-flex;align-items:center;flex-shrink:0;width:2.75rem;height:1.5rem;border-radius:var(--ui-radius-full);border:1.5px solid var(--ui-color-input-border);background-color:var(--ui-color-input-bg);transition:background-color var(--ui-transition-fast),border-color var(--ui-transition-fast),box-shadow var(--ui-transition-fast);cursor:pointer}.thumb{position:absolute;left:.125rem;width:1.125rem;height:1.125rem;border-radius:var(--ui-radius-full);background-color:var(--ui-color-input-border);box-shadow:var(--ui-shadow-xs);transition:transform var(--ui-transition-fast),background-color var(--ui-transition-fast)}label:hover:not(:has(input:disabled)) .track{border-color:var(--ui-color-input-border-hover)}input[type=checkbox]:focus-visible+.track{box-shadow:var(--ui-focus-ring);border-color:var(--ui-color-input-border-focus)}:host(.is-checked) .track{background-color:var(--ui-color-primary);border-color:var(--ui-color-primary)}:host(.is-checked) .thumb{transform:translate(1.25rem);background-color:var(--ui-color-surface)}:host(.is-invalid) .track{border-color:var(--ui-color-input-border-invalid)}:host(.is-invalid) input[type=checkbox]:focus-visible+.track{border-color:var(--ui-color-input-border-invalid);box-shadow:0 0 0 2px var(--ui-color-surface),0 0 0 4px var(--ui-color-danger)}:host(.is-disabled){opacity:var(--ui-opacity-disabled);cursor:not-allowed}:host(.is-disabled) label{cursor:not-allowed}:host(.is-disabled) .track{cursor:not-allowed}.errors{margin-top:var(--ui-spacing-1)}.error-message{margin:0;font-size:var(--ui-font-size-sm);color:var(--ui-color-error-text);line-height:var(--ui-line-height-normal)}\n"] }]
+        }], propDecorators: { checked: [{ type: i0.Input, args: [{ isSignal: true, alias: "checked", required: false }] }, { type: i0.Output, args: ["checkedChange"] }], touched: [{ type: i0.Input, args: [{ isSignal: true, alias: "touched", required: false }] }, { type: i0.Output, args: ["touchedChange"] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], errors: [{ type: i0.Input, args: [{ isSignal: true, alias: "errors", required: false }] }] } });
+
+/**
+ * Inline notification banner with semantic color variants and optional dismiss button.
+ *
+ * Usage:
+ * ```html
+ * <llm-alert variant="success">Your changes were saved.</llm-alert>
+ * <llm-alert variant="warning" [dismissible]="true" (dismissed)="onDismiss()">
+ *   Your session expires soon.
+ * </llm-alert>
+ * ```
+ */
+class LlmAlert {
+    /** Semantic color variant of the alert. */
+    variant = input('info', ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
+    /** Whether to show a dismiss button. */
+    dismissible = input(false, ...(ngDevMode ? [{ debugName: "dismissible" }] : /* istanbul ignore next */ []));
+    /** Emitted when the dismiss button is clicked. */
+    dismissed = output();
+    hostClasses = computed(() => `variant-${this.variant()}`, ...(ngDevMode ? [{ debugName: "hostClasses" }] : /* istanbul ignore next */ []));
+    /** @internal */
+    get isDismissible() {
+        return this.dismissible();
+    }
+    /** @internal */
+    get hostClassesValue() {
+        return this.hostClasses();
+    }
+    /** @internal */
+    get ariaLive() {
+        return this.variant() === 'danger' ? 'assertive' : 'polite';
+    }
+    dismiss() {
+        this.dismissed.emit();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmAlert, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: LlmAlert, isStandalone: true, selector: "llm-alert", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, dismissible: { classPropertyName: "dismissible", publicName: "dismissible", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { dismissed: "dismissed" }, host: { attributes: { "role": "alert" }, properties: { "class": "hostClassesValue", "attr.aria-live": "ariaLive" } }, ngImport: i0, template: `
+    <span class="content"><ng-content /></span>
+    @if (isDismissible) {
+      <button class="dismiss" type="button" aria-label="Dismiss" (click)="dismiss()">
+        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+          <line x1="18" y1="6" x2="6" y2="18" />
+          <line x1="6" y1="6" x2="18" y2="18" />
+        </svg>
+      </button>
+    }
+  `, isInline: true, styles: [":host{display:flex;align-items:flex-start;gap:var(--ui-spacing-3);padding:var(--ui-spacing-3) var(--ui-spacing-4);border-radius:var(--ui-radius-md);border:1px solid transparent;font-family:var(--ui-font-family);font-size:var(--ui-font-size-sm);line-height:var(--ui-line-height-normal);box-sizing:border-box;width:100%}.content{flex:1}:host(.variant-info){background-color:color-mix(in srgb,var(--ui-color-info) 10%,transparent);color:var(--ui-color-info);border-color:color-mix(in srgb,var(--ui-color-info) 25%,transparent)}:host(.variant-success){background-color:color-mix(in srgb,var(--ui-color-success) 10%,transparent);color:var(--ui-color-success);border-color:color-mix(in srgb,var(--ui-color-success) 25%,transparent)}:host(.variant-warning){background-color:color-mix(in srgb,var(--ui-color-warning) 10%,transparent);color:var(--ui-color-warning);border-color:color-mix(in srgb,var(--ui-color-warning) 25%,transparent)}:host(.variant-danger){background-color:color-mix(in srgb,var(--ui-color-danger) 10%,transparent);color:var(--ui-color-danger);border-color:color-mix(in srgb,var(--ui-color-danger) 25%,transparent)}.dismiss{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:.125rem;background:transparent;border:none;border-radius:var(--ui-radius-sm);cursor:pointer;color:inherit;opacity:.7;transition:opacity var(--ui-transition-fast),background-color var(--ui-transition-fast);line-height:1}.dismiss:hover{opacity:1;background-color:color-mix(in srgb,currentColor 10%,transparent)}.dismiss:focus-visible{outline:none;box-shadow:var(--ui-focus-ring);opacity:1}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmAlert, decorators: [{
+            type: Component,
+            args: [{ selector: 'llm-alert', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `
+    <span class="content"><ng-content /></span>
+    @if (isDismissible) {
+      <button class="dismiss" type="button" aria-label="Dismiss" (click)="dismiss()">
+        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+          <line x1="18" y1="6" x2="6" y2="18" />
+          <line x1="6" y1="6" x2="18" y2="18" />
+        </svg>
+      </button>
+    }
+  `, host: {
+                        '[class]': 'hostClassesValue',
+                        role: 'alert',
+                        '[attr.aria-live]': 'ariaLive',
+                    }, styles: [":host{display:flex;align-items:flex-start;gap:var(--ui-spacing-3);padding:var(--ui-spacing-3) var(--ui-spacing-4);border-radius:var(--ui-radius-md);border:1px solid transparent;font-family:var(--ui-font-family);font-size:var(--ui-font-size-sm);line-height:var(--ui-line-height-normal);box-sizing:border-box;width:100%}.content{flex:1}:host(.variant-info){background-color:color-mix(in srgb,var(--ui-color-info) 10%,transparent);color:var(--ui-color-info);border-color:color-mix(in srgb,var(--ui-color-info) 25%,transparent)}:host(.variant-success){background-color:color-mix(in srgb,var(--ui-color-success) 10%,transparent);color:var(--ui-color-success);border-color:color-mix(in srgb,var(--ui-color-success) 25%,transparent)}:host(.variant-warning){background-color:color-mix(in srgb,var(--ui-color-warning) 10%,transparent);color:var(--ui-color-warning);border-color:color-mix(in srgb,var(--ui-color-warning) 25%,transparent)}:host(.variant-danger){background-color:color-mix(in srgb,var(--ui-color-danger) 10%,transparent);color:var(--ui-color-danger);border-color:color-mix(in srgb,var(--ui-color-danger) 25%,transparent)}.dismiss{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:.125rem;background:transparent;border:none;border-radius:var(--ui-radius-sm);cursor:pointer;color:inherit;opacity:.7;transition:opacity var(--ui-transition-fast),background-color var(--ui-transition-fast);line-height:1}.dismiss:hover{opacity:1;background-color:color-mix(in srgb,currentColor 10%,transparent)}.dismiss:focus-visible{outline:none;box-shadow:var(--ui-focus-ring);opacity:1}\n"] }]
+        }], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], dismissible: [{ type: i0.Input, args: [{ isSignal: true, alias: "dismissible", required: false }] }], dismissed: [{ type: i0.Output, args: ["dismissed"] }] } });
+
+const LLM_SELECT = new InjectionToken('LLM_SELECT');
+
+/** @internal — Wrapper item for ActiveDescendantKeyManager integration. */
+class SelectOptionItem {
+    id;
+    value;
+    labelText;
+    activeOptionId;
+    disabled;
+    constructor(id, value, labelText, disabled, activeOptionId) {
+        this.id = id;
+        this.value = value;
+        this.labelText = labelText;
+        this.activeOptionId = activeOptionId;
+        this.disabled = disabled;
+    }
+    getLabel() {
+        return this.labelText;
+    }
+    setActiveStyles() {
+        this.activeOptionId.set(this.id);
+    }
+    setInactiveStyles() {
+        // Handled by key manager — no-op here
+    }
+}
+let nextId$4 = 0;
+/**
+ * Accessible dropdown select component for use with Angular Signal Forms.
+ * Uses the native Popover API for the panel overlay.
+ *
+ * Usage:
+ * ```html
+ * <llm-select [(value)]="country" placeholder="Select a country">
+ *   <llm-option optionValue="us">United States</llm-option>
+ *   <llm-option optionValue="ca">Canada</llm-option>
+ * </llm-select>
+ *
+ * <!-- With Signal Forms -->
+ * <llm-select [formField]="form.country" placeholder="Select a country">
+ *   <llm-option optionValue="us">United States</llm-option>
+ * </llm-select>
+ * ```
+ */
+class LlmSelect {
+    /** The selected value. Bound by [formField] directive. Supports [(value)] two-way binding. */
+    value = model('', ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    /** Whether the user has interacted. Bound by [formField] directive. */
+    touched = model(false, ...(ngDevMode ? [{ debugName: "touched" }] : /* istanbul ignore next */ []));
+    /** Placeholder text shown when no option is selected. */
+    placeholder = input('', ...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
+    /** Whether the select is disabled. Bound by [formField] directive. */
+    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
+    /** Whether the select has validation errors. Bound by [formField] directive. */
+    invalid = input(false, ...(ngDevMode ? [{ debugName: "invalid" }] : /* istanbul ignore next */ []));
+    /** Whether the select is required. Bound by [formField] directive. */
+    required = input(false, ...(ngDevMode ? [{ debugName: "required" }] : /* istanbul ignore next */ []));
+    /** The input's name attribute. Bound by [formField] directive. */
+    name = input('', ...(ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []));
+    /** Validation errors from the form system. Bound by [formField] directive. */
+    errors = input([], ...(ngDevMode ? [{ debugName: "errors" }] : /* istanbul ignore next */ []));
+    /** @internal */
+    activeOptionId = signal(null, ...(ngDevMode ? [{ debugName: "activeOptionId" }] : /* istanbul ignore next */ []));
+    /** @internal */
+    isOpen = signal(false, ...(ngDevMode ? [{ debugName: "isOpen" }] : /* istanbul ignore next */ []));
+    /** @internal */
+    optionsList = signal([], ...(ngDevMode ? [{ debugName: "optionsList" }] : /* istanbul ignore next */ []));
+    /** @internal */
+    panelRef = viewChild('panel', ...(ngDevMode ? [{ debugName: "panelRef" }] : /* istanbul ignore next */ []));
+    /** @internal */
+    triggerId = `llm-select-trigger-${nextId$4}`;
+    /** @internal */
+    panelId = `llm-select-panel-${nextId$4}`;
+    /** @internal */
+    errorId = `llm-select-errors-${nextId$4++}`;
+    /** @internal */
+    selectedLabel = computed(() => this.optionsList().find((o) => o.value === this.value())?.labelText ?? '', ...(ngDevMode ? [{ debugName: "selectedLabel" }] : /* istanbul ignore next */ []));
+    /** @internal */
+    showErrors = computed(() => this.touched() && this.invalid() && this.errors().length > 0, ...(ngDevMode ? [{ debugName: "showErrors" }] : /* istanbul ignore next */ []));
+    /** @internal */
+    hostClasses = computed(() => {
+        const classes = [];
+        if (this.isOpen())
+            classes.push('is-open');
+        if (this.disabled())
+            classes.push('is-disabled');
+        if (this.invalid())
+            classes.push('is-invalid');
+        if (this.touched())
+            classes.push('is-touched');
+        return classes.join(' ');
+    }, ...(ngDevMode ? [{ debugName: "hostClasses" }] : /* istanbul ignore next */ []));
+    /** @internal */
+    keyManager = null;
+    outsideClickHandler = null;
+    elementRef = inject(ElementRef);
+    /** @internal — called by LlmOption on init */
+    registerOption(id, value, labelText, disabled) {
+        this.optionsList.update((list) => [...list, { id, value, labelText, disabled }]);
+    }
+    /** @internal — called by LlmOption on destroy */
+    unregisterOption(id) {
+        this.optionsList.update((list) => list.filter((o) => o.id !== id));
+    }
+    /** @internal — called by LlmOption on select */
+    select(v) {
+        if (!this.disabled()) {
+            this.value.set(v);
+            this.close();
+        }
+    }
+    /** @internal — called by LlmOption on interaction */
+    markTouched() {
+        this.touched.set(true);
+    }
+    /** @internal */
+    onTriggerClick() {
+        if (this.disabled())
+            return;
+        if (this.isOpen()) {
+            this.close();
+        }
+        else {
+            this.open();
+        }
+    }
+    /** @internal */
+    onTriggerBlur() {
+        if (!this.isOpen()) {
+            this.touched.set(true);
+        }
+    }
+    /** @internal */
+    onPanelToggle(event) {
+        const toggleEvent = event;
+        if (toggleEvent.newState === 'closed') {
+            this.isOpen.set(false);
+            this.activeOptionId.set(null);
+        }
+    }
+    /** @internal */
+    onKeydown(event) {
+        if (this.disabled())
+            return;
+        switch (event.key) {
+            case 'Enter':
+            case ' ': {
+                event.preventDefault();
+                if (!this.isOpen()) {
+                    this.open();
+                }
+                else {
+                    const activeItem = this.keyManager?.activeItem;
+                    if (activeItem) {
+                        this.select(activeItem.value);
+                    }
+                }
+                break;
+            }
+            case 'Escape': {
+                event.preventDefault();
+                this.close();
+                break;
+            }
+            default: {
+                const isNav = ['ArrowDown', 'ArrowUp', 'ArrowLeft', 'ArrowRight', 'Home', 'End'].includes(event.key);
+                const isTypeahead = event.key.length === 1 && !event.ctrlKey && !event.metaKey && !event.altKey;
+                if ((isNav || isTypeahead) && !this.isOpen()) {
+                    this.open();
+                    if (isNav)
+                        return; // open() already sets active item
+                }
+                this.keyManager?.onKeydown(event);
+            }
+        }
+    }
+    open() {
+        const panel = this.panelRef();
+        if (!panel)
+            return;
+        panel.nativeElement.showPopover();
+        this.isOpen.set(true);
+        // (Re)create key manager with current options
+        const items = this.optionsList().map((o) => new SelectOptionItem(o.id, o.value, o.labelText, o.disabled, this.activeOptionId));
+        this.keyManager = new ActiveDescendantKeyManager(items)
+            .withWrap()
+            .withTypeAhead(500)
+            .withHomeAndEnd()
+            .withVerticalOrientation();
+        // Set active option to currently selected or first enabled
+        const selectedIdx = items.findIndex((i) => i.value === this.value() && !i.disabled);
+        const firstEnabledIdx = items.findIndex((i) => !i.disabled);
+        const activeIdx = selectedIdx >= 0 ? selectedIdx : firstEnabledIdx;
+        if (activeIdx >= 0) {
+            this.keyManager.setActiveItem(activeIdx);
+        }
+        // Outside click listener
+        this.outsideClickHandler = (e) => {
+            if (!this.elementRef.nativeElement.contains(e.target)) {
+                this.close();
+            }
+        };
+        document.addEventListener('click', this.outsideClickHandler);
+    }
+    close() {
+        const panel = this.panelRef();
+        if (!panel)
+            return;
+        try {
+            panel.nativeElement.hidePopover();
+        }
+        catch {
+            // Panel may already be hidden
+        }
+        this.isOpen.set(false);
+        this.activeOptionId.set(null);
+        this.keyManager = null;
+        if (this.outsideClickHandler) {
+            document.removeEventListener('click', this.outsideClickHandler);
+            this.outsideClickHandler = null;
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmSelect, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: LlmSelect, isStandalone: true, selector: "llm-select", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, touched: { classPropertyName: "touched", publicName: "touched", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, errors: { classPropertyName: "errors", publicName: "errors", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", touched: "touchedChange" }, host: { attributes: { "role": "combobox" }, listeners: { "keydown": "onKeydown($event)" }, properties: { "class": "hostClasses()" } }, providers: [{ provide: LLM_SELECT, useExisting: LlmSelect }], viewQueries: [{ propertyName: "panelRef", first: true, predicate: ["panel"], descendants: true, isSignal: true }], ngImport: i0, template: `
+    <button
+      type="button"
+      class="trigger"
+      [id]="triggerId"
+      [attr.aria-expanded]="isOpen()"
+      aria-haspopup="listbox"
+      [attr.aria-controls]="panelId"
+      [attr.aria-activedescendant]="activeOptionId()"
+      [attr.aria-invalid]="invalid() || null"
+      [attr.disabled]="disabled() || null"
+      (click)="onTriggerClick()"
+      (blur)="onTriggerBlur()"
+    >
+      <span class="trigger-text">{{ selectedLabel() || placeholder() }}</span>
+      <span class="trigger-icon" aria-hidden="true">▾</span>
+    </button>
+
+    <div
+      #panel
+      [id]="panelId"
+      popover="manual"
+      role="listbox"
+      class="panel"
+      [attr.aria-labelledby]="triggerId"
+      (toggle)="onPanelToggle($event)"
+    >
+      <ng-content />
+    </div>
+
+    @if (showErrors()) {
+      <div class="errors" [id]="errorId" aria-live="polite">
+        @for (error of errors(); track error.kind) {
+          <p class="error-message">{{ error.message }}</p>
+        }
+      </div>
+    }
+  `, isInline: true, styles: [":host{display:inline-block;position:relative;font-family:var(--ui-font-family);font-size:var(--ui-font-size-md)}.trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--ui-spacing-2);width:100%;padding:var(--ui-spacing-2) var(--ui-spacing-3);background:var(--ui-color-input-bg);border:1px solid var(--ui-color-input-border);border-radius:var(--ui-radius-md);color:var(--ui-color-text);font-family:inherit;font-size:inherit;cursor:pointer;transition:border-color var(--ui-transition-fast),box-shadow var(--ui-transition-fast);anchor-name:--select-trigger}.trigger:hover:not(:disabled){border-color:var(--ui-color-input-border-hover)}.trigger:focus-visible{outline:none;box-shadow:var(--ui-focus-ring);border-color:var(--ui-color-input-border-focus)}.trigger:disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}:host(.is-invalid) .trigger{border-color:var(--ui-color-input-border-invalid)}:host(.is-open) .trigger{border-color:var(--ui-color-input-border-focus);box-shadow:var(--ui-focus-ring)}.trigger-text{flex:1;text-align:start;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ui-color-text)}.trigger-text:empty,.trigger[data-placeholder] .trigger-text{color:var(--ui-color-placeholder)}.trigger-icon{flex-shrink:0;font-size:var(--ui-font-size-xs);color:var(--ui-color-text-muted);transition:transform var(--ui-transition-fast)}:host(.is-open) .trigger-icon{transform:rotate(180deg)}.panel[popover]{position:absolute;position-anchor:--select-trigger;inset-block-start:anchor(bottom);inset-inline-start:anchor(left);min-width:anchor-size(width);margin-block-start:var(--ui-spacing-1);padding:var(--ui-spacing-1) 0;background:var(--ui-color-surface-raised);border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-md);box-shadow:var(--ui-shadow-lg);z-index:var(--ui-z-dropdown);max-height:16rem;overflow-y:auto;opacity:0;transform:translateY(-4px);transition:opacity var(--ui-transition-normal),transform var(--ui-transition-normal)}.panel[popover]:popover-open{opacity:1;transform:translateY(0)}llm-option [role=option]{padding:var(--ui-spacing-2) var(--ui-spacing-3);cursor:pointer;color:var(--ui-color-text);transition:background var(--ui-transition-fast)}llm-option [role=option]:hover,llm-option [role=option].is-active{background:var(--ui-color-surface-sunken)}llm-option [role=option].is-selected{background:var(--ui-color-primary-light);color:var(--ui-color-primary);font-weight:var(--ui-font-weight-medium)}llm-option [role=option].is-disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}.errors{margin-top:var(--ui-spacing-1)}.error-message{margin:0;font-size:var(--ui-font-size-xs);color:var(--ui-color-error-text)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmSelect, decorators: [{
+            type: Component,
+            args: [{ selector: 'llm-select', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `
+    <button
+      type="button"
+      class="trigger"
+      [id]="triggerId"
+      [attr.aria-expanded]="isOpen()"
+      aria-haspopup="listbox"
+      [attr.aria-controls]="panelId"
+      [attr.aria-activedescendant]="activeOptionId()"
+      [attr.aria-invalid]="invalid() || null"
+      [attr.disabled]="disabled() || null"
+      (click)="onTriggerClick()"
+      (blur)="onTriggerBlur()"
+    >
+      <span class="trigger-text">{{ selectedLabel() || placeholder() }}</span>
+      <span class="trigger-icon" aria-hidden="true">▾</span>
+    </button>
+
+    <div
+      #panel
+      [id]="panelId"
+      popover="manual"
+      role="listbox"
+      class="panel"
+      [attr.aria-labelledby]="triggerId"
+      (toggle)="onPanelToggle($event)"
+    >
+      <ng-content />
+    </div>
+
+    @if (showErrors()) {
+      <div class="errors" [id]="errorId" aria-live="polite">
+        @for (error of errors(); track error.kind) {
+          <p class="error-message">{{ error.message }}</p>
+        }
+      </div>
+    }
+  `, host: {
+                        role: 'combobox',
+                        '[class]': 'hostClasses()',
+                        '(keydown)': 'onKeydown($event)',
+                    }, providers: [{ provide: LLM_SELECT, useExisting: LlmSelect }], styles: [":host{display:inline-block;position:relative;font-family:var(--ui-font-family);font-size:var(--ui-font-size-md)}.trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--ui-spacing-2);width:100%;padding:var(--ui-spacing-2) var(--ui-spacing-3);background:var(--ui-color-input-bg);border:1px solid var(--ui-color-input-border);border-radius:var(--ui-radius-md);color:var(--ui-color-text);font-family:inherit;font-size:inherit;cursor:pointer;transition:border-color var(--ui-transition-fast),box-shadow var(--ui-transition-fast);anchor-name:--select-trigger}.trigger:hover:not(:disabled){border-color:var(--ui-color-input-border-hover)}.trigger:focus-visible{outline:none;box-shadow:var(--ui-focus-ring);border-color:var(--ui-color-input-border-focus)}.trigger:disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}:host(.is-invalid) .trigger{border-color:var(--ui-color-input-border-invalid)}:host(.is-open) .trigger{border-color:var(--ui-color-input-border-focus);box-shadow:var(--ui-focus-ring)}.trigger-text{flex:1;text-align:start;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ui-color-text)}.trigger-text:empty,.trigger[data-placeholder] .trigger-text{color:var(--ui-color-placeholder)}.trigger-icon{flex-shrink:0;font-size:var(--ui-font-size-xs);color:var(--ui-color-text-muted);transition:transform var(--ui-transition-fast)}:host(.is-open) .trigger-icon{transform:rotate(180deg)}.panel[popover]{position:absolute;position-anchor:--select-trigger;inset-block-start:anchor(bottom);inset-inline-start:anchor(left);min-width:anchor-size(width);margin-block-start:var(--ui-spacing-1);padding:var(--ui-spacing-1) 0;background:var(--ui-color-surface-raised);border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-md);box-shadow:var(--ui-shadow-lg);z-index:var(--ui-z-dropdown);max-height:16rem;overflow-y:auto;opacity:0;transform:translateY(-4px);transition:opacity var(--ui-transition-normal),transform var(--ui-transition-normal)}.panel[popover]:popover-open{opacity:1;transform:translateY(0)}llm-option [role=option]{padding:var(--ui-spacing-2) var(--ui-spacing-3);cursor:pointer;color:var(--ui-color-text);transition:background var(--ui-transition-fast)}llm-option [role=option]:hover,llm-option [role=option].is-active{background:var(--ui-color-surface-sunken)}llm-option [role=option].is-selected{background:var(--ui-color-primary-light);color:var(--ui-color-primary);font-weight:var(--ui-font-weight-medium)}llm-option [role=option].is-disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}.errors{margin-top:var(--ui-spacing-1)}.error-message{margin:0;font-size:var(--ui-font-size-xs);color:var(--ui-color-error-text)}\n"] }]
+        }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], touched: [{ type: i0.Input, args: [{ isSignal: true, alias: "touched", required: false }] }, { type: i0.Output, args: ["touchedChange"] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], errors: [{ type: i0.Input, args: [{ isSignal: true, alias: "errors", required: false }] }], panelRef: [{ type: i0.ViewChild, args: ['panel', { isSignal: true }] }] } });
+
+let nextOptionId = 0;
+/**
+ * Option item for use inside `<llm-select>`.
+ *
+ * Usage:
+ * ```html
+ * <llm-option optionValue="us">United States</llm-option>
+ * ```
+ */
+class LlmOption {
+    /** The value this option represents. Required. */
+    optionValue = input.required(...(ngDevMode ? [{ debugName: "optionValue" }] : /* istanbul ignore next */ []));
+    /** Whether this option is disabled. */
+    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
+    /** @internal */
+    optionId = `llm-option-${nextOptionId++}`;
+    /** @internal */
+    context = inject(LLM_SELECT);
+    /** @internal */
+    elementRef = inject(ElementRef);
+    /** @internal */
+    isSelected = computed(() => this.context.value() === this.optionValue(), ...(ngDevMode ? [{ debugName: "isSelected" }] : /* istanbul ignore next */ []));
+    /** @internal */
+    isActive = computed(() => this.context.activeOptionId() === this.optionId, ...(ngDevMode ? [{ debugName: "isActive" }] : /* istanbul ignore next */ []));
+    ngOnInit() {
+        // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
+        const labelText = (this.elementRef.nativeElement.textContent ?? '').trim();
+        this.context.registerOption(this.optionId, this.optionValue(), labelText, this.disabled());
+    }
+    ngOnDestroy() {
+        this.context.unregisterOption(this.optionId);
+    }
+    /** @internal */
+    onClick() {
+        if (this.disabled())
+            return;
+        this.context.select(this.optionValue());
+        this.context.markTouched();
+    }
+    /** @internal */
+    onMouseEnter() {
+        if (!this.disabled()) {
+            this.context.activeOptionId.set(this.optionId);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmOption, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.4", type: LlmOption, isStandalone: true, selector: "llm-option", inputs: { optionValue: { classPropertyName: "optionValue", publicName: "optionValue", isSignal: true, isRequired: true, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+    <!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -->
+    <div
+      role="option"
+      [attr.id]="optionId"
+      [attr.aria-selected]="isSelected()"
+      [attr.aria-disabled]="disabled() || null"
+      [class.is-selected]="isSelected()"
+      [class.is-active]="isActive()"
+      [class.is-disabled]="disabled()"
+      (click)="onClick()"
+      (mouseenter)="onMouseEnter()"
+    >
+      <ng-content />
+    </div>
+  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmOption, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'llm-option',
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: `
+    <!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -->
+    <div
+      role="option"
+      [attr.id]="optionId"
+      [attr.aria-selected]="isSelected()"
+      [attr.aria-disabled]="disabled() || null"
+      [class.is-selected]="isSelected()"
+      [class.is-active]="isActive()"
+      [class.is-disabled]="disabled()"
+      (click)="onClick()"
+      (mouseenter)="onMouseEnter()"
+    >
+      <ng-content />
+    </div>
+  `,
+                }]
+        }], propDecorators: { optionValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "optionValue", required: true }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }] } });
+
+const LLM_DIALOG = new InjectionToken('LLM_DIALOG');
+
+let nextId$3 = 0;
+/**
+ * Accessible modal dialog using the native `<dialog>` element.
+ * Includes focus trap, Escape to close, backdrop click to close, and animation.
+ * Compose with `llm-dialog-header`, `llm-dialog-content`, and `llm-dialog-footer`.
+ *
+ * Usage:
+ * ```html
+ * <llm-dialog [(open)]="isOpen">
+ *   <llm-dialog-header>Dialog Title</llm-dialog-header>
+ *   <llm-dialog-content>Dialog body content.</llm-dialog-content>
+ *   <llm-dialog-footer>
+ *     <llm-button variant="primary" (click)="isOpen = false">Confirm</llm-button>
+ *   </llm-dialog-footer>
+ * </llm-dialog>
+ * ```
+ */
+class LlmDialog {
+    /** Whether the dialog is open. Supports two-way binding: [(open)]="isOpen". */
+    open = model(false, ...(ngDevMode ? [{ debugName: "open" }] : /* istanbul ignore next */ []));
+    /** Whether clicking the backdrop closes the dialog. */
+    closeOnBackdrop = input(true, ...(ngDevMode ? [{ debugName: "closeOnBackdrop" }] : /* istanbul ignore next */ []));
+    /** Size of the dialog panel. */
+    size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    /** Accessible label for the dialog (use instead of aria-labelledby when no header is present). */
+    ariaLabel = input('', { ...(ngDevMode ? { debugName: "ariaLabel" } : /* istanbul ignore next */ {}), alias: 'aria-label' });
+    /** ID of the element that labels the dialog (defaults to the llm-dialog-header id). */
+    ariaLabelledby = input('', { ...(ngDevMode ? { debugName: "ariaLabelledby" } : /* istanbul ignore next */ {}), alias: 'aria-labelledby' });
+    /** @internal — referenced by LlmDialogHeader via LLM_DIALOG token */
+    headerId = `llm-dialog-header-${nextId$3}`;
+    dialogId = `llm-dialog-${nextId$3++}`;
+    dialogRef = viewChild('dialogEl', ...(ngDevMode ? [{ debugName: "dialogRef" }] : /* istanbul ignore next */ []));
+    triggerEl = signal(null, ...(ngDevMode ? [{ debugName: "triggerEl" }] : /* istanbul ignore next */ []));
+    panelClass = computed(() => `panel size-${this.size()}`, ...(ngDevMode ? [{ debugName: "panelClass" }] : /* istanbul ignore next */ []));
+    hostClasses = computed(() => (this.open() ? 'is-open' : ''), ...(ngDevMode ? [{ debugName: "hostClasses" }] : /* istanbul ignore next */ []));
+    constructor() {
+        effect(() => {
+            const dialog = this.dialogRef()?.nativeElement;
+            if (!dialog)
+                return;
+            if (this.open()) {
+                this.triggerEl.set(document.activeElement);
+                dialog.showModal();
+            }
+            else {
+                if (dialog.open)
+                    dialog.close();
+                this.triggerEl()?.focus();
+                this.triggerEl.set(null);
+            }
+        });
+    }
+    onCancel(event) {
+        event.preventDefault();
+        this.open.set(false);
+    }
+    onBackdropClick(event) {
+        if (this.closeOnBackdrop() && event.target === this.dialogRef()?.nativeElement) {
+            this.open.set(false);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmDialog, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.4", type: LlmDialog, isStandalone: true, selector: "llm-dialog", inputs: { open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null }, closeOnBackdrop: { classPropertyName: "closeOnBackdrop", publicName: "closeOnBackdrop", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "aria-label", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelledby: { classPropertyName: "ariaLabelledby", publicName: "aria-labelledby", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { open: "openChange" }, host: { properties: { "class": "hostClasses()" } }, providers: [
+            {
+                provide: LLM_DIALOG,
+                useFactory: (dialog) => ({
+                    headerId: dialog.headerId,
+                    close: () => dialog.open.set(false),
+                }),
+                deps: [LlmDialog],
+            },
+        ], viewQueries: [{ propertyName: "dialogRef", first: true, predicate: ["dialogEl"], descendants: true, isSignal: true }], ngImport: i0, template: `
+    <!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -->
+    <dialog
+      #dialogEl
+      [attr.aria-label]="ariaLabel() || null"
+      [attr.aria-labelledby]="ariaLabel() ? null : (ariaLabelledby() || headerId)"
+      aria-modal="true"
+      [cdkTrapFocus]="open()"
+      (cancel)="onCancel($event)"
+      (click)="onBackdropClick($event)"
+    >
+      <div [class]="panelClass()">
+        <ng-content />
+      </div>
+    </dialog>
+  `, isInline: true, styles: ["llm-dialog{display:contents}dialog{all:unset;position:fixed;inset:0;margin:auto;display:none;flex-direction:column;max-height:calc(100dvh - var(--ui-spacing-8));border-radius:var(--ui-radius-lg);background:var(--ui-color-surface);box-shadow:var(--ui-shadow-xl, 0 20px 60px rgba(0, 0, 0, .3));color:var(--ui-color-text);overflow:hidden;opacity:0;transform:scale(.95);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),transform var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}dialog[open]{display:flex;opacity:1;transform:scale(1)}@starting-style{dialog[open]{opacity:0;transform:scale(.95)}}dialog::backdrop{background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}@starting-style{dialog[open]::backdrop{opacity:0}}@media(prefers-color-scheme:dark){dialog::backdrop{background:#000000b3}}[data-theme=dark] dialog::backdrop{background:#000000b3}.panel{display:flex;flex-direction:column;width:100%;max-height:inherit;overflow:hidden}.size-sm{width:min(24rem,90vw)}.size-md{width:min(36rem,90vw)}.size-lg{width:min(48rem,90vw)}.size-xl{width:min(64rem,90vw)}.size-full{width:100vw;height:100dvh;max-height:100dvh;border-radius:0;margin:0}llm-dialog-header{display:flex;align-items:center;justify-content:space-between;padding:var(--ui-spacing-4) var(--ui-spacing-5);border-bottom:1px solid var(--ui-color-border);font-size:var(--ui-font-size-xl);font-weight:600;letter-spacing:var(--ui-letter-spacing-tight);color:var(--ui-color-text);flex-shrink:0}llm-dialog-content{display:block;padding:var(--ui-spacing-5);overflow-y:auto;flex:1;color:var(--ui-color-text)}llm-dialog-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--ui-spacing-2);padding:var(--ui-spacing-4) var(--ui-spacing-5);border-top:1px solid var(--ui-color-border);flex-shrink:0}.close-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:1.75rem;height:1.75rem;padding:0;margin-left:var(--ui-spacing-3);background:transparent;border:none;border-radius:var(--ui-radius-sm);cursor:pointer;color:var(--ui-color-text-muted);transition:background-color var(--ui-transition-fast),color var(--ui-transition-fast);line-height:1}.close-btn:hover{background-color:var(--ui-color-surface-sunken);color:var(--ui-color-text)}.close-btn:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}\n"], dependencies: [{ kind: "ngmodule", type: A11yModule }, { kind: "directive", type: i1$1.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmDialog, decorators: [{
+            type: Component,
+            args: [{ selector: 'llm-dialog', standalone: true, imports: [A11yModule], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: LLM_DIALOG,
+                            useFactory: (dialog) => ({
+                                headerId: dialog.headerId,
+                                close: () => dialog.open.set(false),
+                            }),
+                            deps: [LlmDialog],
+                        },
+                    ], template: `
+    <!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -->
+    <dialog
+      #dialogEl
+      [attr.aria-label]="ariaLabel() || null"
+      [attr.aria-labelledby]="ariaLabel() ? null : (ariaLabelledby() || headerId)"
+      aria-modal="true"
+      [cdkTrapFocus]="open()"
+      (cancel)="onCancel($event)"
+      (click)="onBackdropClick($event)"
+    >
+      <div [class]="panelClass()">
+        <ng-content />
+      </div>
+    </dialog>
+  `, host: {
+                        '[class]': 'hostClasses()',
+                    }, styles: ["llm-dialog{display:contents}dialog{all:unset;position:fixed;inset:0;margin:auto;display:none;flex-direction:column;max-height:calc(100dvh - var(--ui-spacing-8));border-radius:var(--ui-radius-lg);background:var(--ui-color-surface);box-shadow:var(--ui-shadow-xl, 0 20px 60px rgba(0, 0, 0, .3));color:var(--ui-color-text);overflow:hidden;opacity:0;transform:scale(.95);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),transform var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}dialog[open]{display:flex;opacity:1;transform:scale(1)}@starting-style{dialog[open]{opacity:0;transform:scale(.95)}}dialog::backdrop{background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}@starting-style{dialog[open]::backdrop{opacity:0}}@media(prefers-color-scheme:dark){dialog::backdrop{background:#000000b3}}[data-theme=dark] dialog::backdrop{background:#000000b3}.panel{display:flex;flex-direction:column;width:100%;max-height:inherit;overflow:hidden}.size-sm{width:min(24rem,90vw)}.size-md{width:min(36rem,90vw)}.size-lg{width:min(48rem,90vw)}.size-xl{width:min(64rem,90vw)}.size-full{width:100vw;height:100dvh;max-height:100dvh;border-radius:0;margin:0}llm-dialog-header{display:flex;align-items:center;justify-content:space-between;padding:var(--ui-spacing-4) var(--ui-spacing-5);border-bottom:1px solid var(--ui-color-border);font-size:var(--ui-font-size-xl);font-weight:600;letter-spacing:var(--ui-letter-spacing-tight);color:var(--ui-color-text);flex-shrink:0}llm-dialog-content{display:block;padding:var(--ui-spacing-5);overflow-y:auto;flex:1;color:var(--ui-color-text)}llm-dialog-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--ui-spacing-2);padding:var(--ui-spacing-4) var(--ui-spacing-5);border-top:1px solid var(--ui-color-border);flex-shrink:0}.close-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:1.75rem;height:1.75rem;padding:0;margin-left:var(--ui-spacing-3);background:transparent;border:none;border-radius:var(--ui-radius-sm);cursor:pointer;color:var(--ui-color-text-muted);transition:background-color var(--ui-transition-fast),color var(--ui-transition-fast);line-height:1}.close-btn:hover{background-color:var(--ui-color-surface-sunken);color:var(--ui-color-text)}.close-btn:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: false }] }, { type: i0.Output, args: ["openChange"] }], closeOnBackdrop: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeOnBackdrop", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-label", required: false }] }], ariaLabelledby: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-labelledby", required: false }] }], dialogRef: [{ type: i0.ViewChild, args: ['dialogEl', { isSignal: true }] }] } });
+/**
+ * Header slot for `llm-dialog`. Renders above content with a bottom separator.
+ * Automatically receives the correct `id` for `aria-labelledby` association.
+ */
+class LlmDialogHeader {
+    context = inject(LLM_DIALOG);
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmDialogHeader, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.4", type: LlmDialogHeader, isStandalone: true, selector: "llm-dialog-header", host: { properties: { "attr.id": "context.headerId" } }, ngImport: i0, template: `
+    <ng-content />
+    <button
+      class="close-btn"
+      type="button"
+      aria-label="Close dialog"
+      (click)="context.close()"
+    >
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width="14"
+        height="14"
+        viewBox="0 0 24 24"
+        fill="none"
+        stroke="currentColor"
+        stroke-width="2.5"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+        aria-hidden="true"
+        focusable="false"
+      >
+        <line x1="18" y1="6" x2="6" y2="18" />
+        <line x1="6" y1="6" x2="18" y2="18" />
+      </svg>
+    </button>
+  `, isInline: true, styles: ["llm-dialog{display:contents}dialog{all:unset;position:fixed;inset:0;margin:auto;display:none;flex-direction:column;max-height:calc(100dvh - var(--ui-spacing-8));border-radius:var(--ui-radius-lg);background:var(--ui-color-surface);box-shadow:var(--ui-shadow-xl, 0 20px 60px rgba(0, 0, 0, .3));color:var(--ui-color-text);overflow:hidden;opacity:0;transform:scale(.95);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),transform var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}dialog[open]{display:flex;opacity:1;transform:scale(1)}@starting-style{dialog[open]{opacity:0;transform:scale(.95)}}dialog::backdrop{background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}@starting-style{dialog[open]::backdrop{opacity:0}}@media(prefers-color-scheme:dark){dialog::backdrop{background:#000000b3}}[data-theme=dark] dialog::backdrop{background:#000000b3}.panel{display:flex;flex-direction:column;width:100%;max-height:inherit;overflow:hidden}.size-sm{width:min(24rem,90vw)}.size-md{width:min(36rem,90vw)}.size-lg{width:min(48rem,90vw)}.size-xl{width:min(64rem,90vw)}.size-full{width:100vw;height:100dvh;max-height:100dvh;border-radius:0;margin:0}llm-dialog-header{display:flex;align-items:center;justify-content:space-between;padding:var(--ui-spacing-4) var(--ui-spacing-5);border-bottom:1px solid var(--ui-color-border);font-size:var(--ui-font-size-xl);font-weight:600;letter-spacing:var(--ui-letter-spacing-tight);color:var(--ui-color-text);flex-shrink:0}llm-dialog-content{display:block;padding:var(--ui-spacing-5);overflow-y:auto;flex:1;color:var(--ui-color-text)}llm-dialog-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--ui-spacing-2);padding:var(--ui-spacing-4) var(--ui-spacing-5);border-top:1px solid var(--ui-color-border);flex-shrink:0}.close-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:1.75rem;height:1.75rem;padding:0;margin-left:var(--ui-spacing-3);background:transparent;border:none;border-radius:var(--ui-radius-sm);cursor:pointer;color:var(--ui-color-text-muted);transition:background-color var(--ui-transition-fast),color var(--ui-transition-fast);line-height:1}.close-btn:hover{background-color:var(--ui-color-surface-sunken);color:var(--ui-color-text)}.close-btn:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmDialogHeader, decorators: [{
+            type: Component,
+            args: [{ selector: 'llm-dialog-header', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `
+    <ng-content />
+    <button
+      class="close-btn"
+      type="button"
+      aria-label="Close dialog"
+      (click)="context.close()"
+    >
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width="14"
+        height="14"
+        viewBox="0 0 24 24"
+        fill="none"
+        stroke="currentColor"
+        stroke-width="2.5"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+        aria-hidden="true"
+        focusable="false"
+      >
+        <line x1="18" y1="6" x2="6" y2="18" />
+        <line x1="6" y1="6" x2="18" y2="18" />
+      </svg>
+    </button>
+  `, host: {
+                        '[attr.id]': 'context.headerId',
+                    }, styles: ["llm-dialog{display:contents}dialog{all:unset;position:fixed;inset:0;margin:auto;display:none;flex-direction:column;max-height:calc(100dvh - var(--ui-spacing-8));border-radius:var(--ui-radius-lg);background:var(--ui-color-surface);box-shadow:var(--ui-shadow-xl, 0 20px 60px rgba(0, 0, 0, .3));color:var(--ui-color-text);overflow:hidden;opacity:0;transform:scale(.95);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),transform var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}dialog[open]{display:flex;opacity:1;transform:scale(1)}@starting-style{dialog[open]{opacity:0;transform:scale(.95)}}dialog::backdrop{background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}@starting-style{dialog[open]::backdrop{opacity:0}}@media(prefers-color-scheme:dark){dialog::backdrop{background:#000000b3}}[data-theme=dark] dialog::backdrop{background:#000000b3}.panel{display:flex;flex-direction:column;width:100%;max-height:inherit;overflow:hidden}.size-sm{width:min(24rem,90vw)}.size-md{width:min(36rem,90vw)}.size-lg{width:min(48rem,90vw)}.size-xl{width:min(64rem,90vw)}.size-full{width:100vw;height:100dvh;max-height:100dvh;border-radius:0;margin:0}llm-dialog-header{display:flex;align-items:center;justify-content:space-between;padding:var(--ui-spacing-4) var(--ui-spacing-5);border-bottom:1px solid var(--ui-color-border);font-size:var(--ui-font-size-xl);font-weight:600;letter-spacing:var(--ui-letter-spacing-tight);color:var(--ui-color-text);flex-shrink:0}llm-dialog-content{display:block;padding:var(--ui-spacing-5);overflow-y:auto;flex:1;color:var(--ui-color-text)}llm-dialog-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--ui-spacing-2);padding:var(--ui-spacing-4) var(--ui-spacing-5);border-top:1px solid var(--ui-color-border);flex-shrink:0}.close-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:1.75rem;height:1.75rem;padding:0;margin-left:var(--ui-spacing-3);background:transparent;border:none;border-radius:var(--ui-radius-sm);cursor:pointer;color:var(--ui-color-text-muted);transition:background-color var(--ui-transition-fast),color var(--ui-transition-fast);line-height:1}.close-btn:hover{background-color:var(--ui-color-surface-sunken);color:var(--ui-color-text)}.close-btn:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}\n"] }]
+        }] });
+/**
+ * Content slot for `llm-dialog`. Scrollable primary content area.
+ */
+class LlmDialogContent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmDialogContent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.4", type: LlmDialogContent, isStandalone: true, selector: "llm-dialog-content", ngImport: i0, template: `<ng-content />`, isInline: true, styles: ["llm-dialog{display:contents}dialog{all:unset;position:fixed;inset:0;margin:auto;display:none;flex-direction:column;max-height:calc(100dvh - var(--ui-spacing-8));border-radius:var(--ui-radius-lg);background:var(--ui-color-surface);box-shadow:var(--ui-shadow-xl, 0 20px 60px rgba(0, 0, 0, .3));color:var(--ui-color-text);overflow:hidden;opacity:0;transform:scale(.95);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),transform var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}dialog[open]{display:flex;opacity:1;transform:scale(1)}@starting-style{dialog[open]{opacity:0;transform:scale(.95)}}dialog::backdrop{background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}@starting-style{dialog[open]::backdrop{opacity:0}}@media(prefers-color-scheme:dark){dialog::backdrop{background:#000000b3}}[data-theme=dark] dialog::backdrop{background:#000000b3}.panel{display:flex;flex-direction:column;width:100%;max-height:inherit;overflow:hidden}.size-sm{width:min(24rem,90vw)}.size-md{width:min(36rem,90vw)}.size-lg{width:min(48rem,90vw)}.size-xl{width:min(64rem,90vw)}.size-full{width:100vw;height:100dvh;max-height:100dvh;border-radius:0;margin:0}llm-dialog-header{display:flex;align-items:center;justify-content:space-between;padding:var(--ui-spacing-4) var(--ui-spacing-5);border-bottom:1px solid var(--ui-color-border);font-size:var(--ui-font-size-xl);font-weight:600;letter-spacing:var(--ui-letter-spacing-tight);color:var(--ui-color-text);flex-shrink:0}llm-dialog-content{display:block;padding:var(--ui-spacing-5);overflow-y:auto;flex:1;color:var(--ui-color-text)}llm-dialog-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--ui-spacing-2);padding:var(--ui-spacing-4) var(--ui-spacing-5);border-top:1px solid var(--ui-color-border);flex-shrink:0}.close-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:1.75rem;height:1.75rem;padding:0;margin-left:var(--ui-spacing-3);background:transparent;border:none;border-radius:var(--ui-radius-sm);cursor:pointer;color:var(--ui-color-text-muted);transition:background-color var(--ui-transition-fast),color var(--ui-transition-fast);line-height:1}.close-btn:hover{background-color:var(--ui-color-surface-sunken);color:var(--ui-color-text)}.close-btn:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmDialogContent, decorators: [{
+            type: Component,
+            args: [{ selector: 'llm-dialog-content', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `<ng-content />`, styles: ["llm-dialog{display:contents}dialog{all:unset;position:fixed;inset:0;margin:auto;display:none;flex-direction:column;max-height:calc(100dvh - var(--ui-spacing-8));border-radius:var(--ui-radius-lg);background:var(--ui-color-surface);box-shadow:var(--ui-shadow-xl, 0 20px 60px rgba(0, 0, 0, .3));color:var(--ui-color-text);overflow:hidden;opacity:0;transform:scale(.95);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),transform var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}dialog[open]{display:flex;opacity:1;transform:scale(1)}@starting-style{dialog[open]{opacity:0;transform:scale(.95)}}dialog::backdrop{background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}@starting-style{dialog[open]::backdrop{opacity:0}}@media(prefers-color-scheme:dark){dialog::backdrop{background:#000000b3}}[data-theme=dark] dialog::backdrop{background:#000000b3}.panel{display:flex;flex-direction:column;width:100%;max-height:inherit;overflow:hidden}.size-sm{width:min(24rem,90vw)}.size-md{width:min(36rem,90vw)}.size-lg{width:min(48rem,90vw)}.size-xl{width:min(64rem,90vw)}.size-full{width:100vw;height:100dvh;max-height:100dvh;border-radius:0;margin:0}llm-dialog-header{display:flex;align-items:center;justify-content:space-between;padding:var(--ui-spacing-4) var(--ui-spacing-5);border-bottom:1px solid var(--ui-color-border);font-size:var(--ui-font-size-xl);font-weight:600;letter-spacing:var(--ui-letter-spacing-tight);color:var(--ui-color-text);flex-shrink:0}llm-dialog-content{display:block;padding:var(--ui-spacing-5);overflow-y:auto;flex:1;color:var(--ui-color-text)}llm-dialog-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--ui-spacing-2);padding:var(--ui-spacing-4) var(--ui-spacing-5);border-top:1px solid var(--ui-color-border);flex-shrink:0}.close-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:1.75rem;height:1.75rem;padding:0;margin-left:var(--ui-spacing-3);background:transparent;border:none;border-radius:var(--ui-radius-sm);cursor:pointer;color:var(--ui-color-text-muted);transition:background-color var(--ui-transition-fast),color var(--ui-transition-fast);line-height:1}.close-btn:hover{background-color:var(--ui-color-surface-sunken);color:var(--ui-color-text)}.close-btn:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}\n"] }]
+        }] });
+/**
+ * Footer slot for `llm-dialog`. Renders below content, typically holds action buttons.
+ */
+class LlmDialogFooter {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmDialogFooter, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.4", type: LlmDialogFooter, isStandalone: true, selector: "llm-dialog-footer", ngImport: i0, template: `<ng-content />`, isInline: true, styles: ["llm-dialog{display:contents}dialog{all:unset;position:fixed;inset:0;margin:auto;display:none;flex-direction:column;max-height:calc(100dvh - var(--ui-spacing-8));border-radius:var(--ui-radius-lg);background:var(--ui-color-surface);box-shadow:var(--ui-shadow-xl, 0 20px 60px rgba(0, 0, 0, .3));color:var(--ui-color-text);overflow:hidden;opacity:0;transform:scale(.95);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),transform var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}dialog[open]{display:flex;opacity:1;transform:scale(1)}@starting-style{dialog[open]{opacity:0;transform:scale(.95)}}dialog::backdrop{background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}@starting-style{dialog[open]::backdrop{opacity:0}}@media(prefers-color-scheme:dark){dialog::backdrop{background:#000000b3}}[data-theme=dark] dialog::backdrop{background:#000000b3}.panel{display:flex;flex-direction:column;width:100%;max-height:inherit;overflow:hidden}.size-sm{width:min(24rem,90vw)}.size-md{width:min(36rem,90vw)}.size-lg{width:min(48rem,90vw)}.size-xl{width:min(64rem,90vw)}.size-full{width:100vw;height:100dvh;max-height:100dvh;border-radius:0;margin:0}llm-dialog-header{display:flex;align-items:center;justify-content:space-between;padding:var(--ui-spacing-4) var(--ui-spacing-5);border-bottom:1px solid var(--ui-color-border);font-size:var(--ui-font-size-xl);font-weight:600;letter-spacing:var(--ui-letter-spacing-tight);color:var(--ui-color-text);flex-shrink:0}llm-dialog-content{display:block;padding:var(--ui-spacing-5);overflow-y:auto;flex:1;color:var(--ui-color-text)}llm-dialog-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--ui-spacing-2);padding:var(--ui-spacing-4) var(--ui-spacing-5);border-top:1px solid var(--ui-color-border);flex-shrink:0}.close-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:1.75rem;height:1.75rem;padding:0;margin-left:var(--ui-spacing-3);background:transparent;border:none;border-radius:var(--ui-radius-sm);cursor:pointer;color:var(--ui-color-text-muted);transition:background-color var(--ui-transition-fast),color var(--ui-transition-fast);line-height:1}.close-btn:hover{background-color:var(--ui-color-surface-sunken);color:var(--ui-color-text)}.close-btn:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmDialogFooter, decorators: [{
+            type: Component,
+            args: [{ selector: 'llm-dialog-footer', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `<ng-content />`, styles: ["llm-dialog{display:contents}dialog{all:unset;position:fixed;inset:0;margin:auto;display:none;flex-direction:column;max-height:calc(100dvh - var(--ui-spacing-8));border-radius:var(--ui-radius-lg);background:var(--ui-color-surface);box-shadow:var(--ui-shadow-xl, 0 20px 60px rgba(0, 0, 0, .3));color:var(--ui-color-text);overflow:hidden;opacity:0;transform:scale(.95);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),transform var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}dialog[open]{display:flex;opacity:1;transform:scale(1)}@starting-style{dialog[open]{opacity:0;transform:scale(.95)}}dialog::backdrop{background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}@starting-style{dialog[open]::backdrop{opacity:0}}@media(prefers-color-scheme:dark){dialog::backdrop{background:#000000b3}}[data-theme=dark] dialog::backdrop{background:#000000b3}.panel{display:flex;flex-direction:column;width:100%;max-height:inherit;overflow:hidden}.size-sm{width:min(24rem,90vw)}.size-md{width:min(36rem,90vw)}.size-lg{width:min(48rem,90vw)}.size-xl{width:min(64rem,90vw)}.size-full{width:100vw;height:100dvh;max-height:100dvh;border-radius:0;margin:0}llm-dialog-header{display:flex;align-items:center;justify-content:space-between;padding:var(--ui-spacing-4) var(--ui-spacing-5);border-bottom:1px solid var(--ui-color-border);font-size:var(--ui-font-size-xl);font-weight:600;letter-spacing:var(--ui-letter-spacing-tight);color:var(--ui-color-text);flex-shrink:0}llm-dialog-content{display:block;padding:var(--ui-spacing-5);overflow-y:auto;flex:1;color:var(--ui-color-text)}llm-dialog-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--ui-spacing-2);padding:var(--ui-spacing-4) var(--ui-spacing-5);border-top:1px solid var(--ui-color-border);flex-shrink:0}.close-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:1.75rem;height:1.75rem;padding:0;margin-left:var(--ui-spacing-3);background:transparent;border:none;border-radius:var(--ui-radius-sm);cursor:pointer;color:var(--ui-color-text-muted);transition:background-color var(--ui-transition-fast),color var(--ui-transition-fast);line-height:1}.close-btn:hover{background-color:var(--ui-color-surface-sunken);color:var(--ui-color-text)}.close-btn:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}\n"] }]
+        }] });
+
+const LLM_TAB_GROUP = new InjectionToken('LLM_TAB_GROUP');
+
+let nextId$2 = 0;
+/**
+ * Accessible tabbed interface container. Renders a tab list and manages
+ * keyboard navigation with roving tabindex.
+ *
+ * Usage:
+ * ```html
+ * <llm-tab-group [(selectedIndex)]="activeTab">
+ *   <llm-tab label="Account">Account settings here.</llm-tab>
+ *   <llm-tab label="Notifications">Notification prefs here.</llm-tab>
+ *   <llm-tab label="Billing" [disabled]="true">Billing info here.</llm-tab>
+ * </llm-tab-group>
+ * ```
+ */
+class LlmTabGroup {
+    /** Index of the currently active tab. Supports two-way binding. */
+    selectedIndex = model(0, ...(ngDevMode ? [{ debugName: "selectedIndex" }] : /* istanbul ignore next */ []));
+    /** Visual variant. */
+    variant = input('default', ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
+    /** @internal */
+    tabs = signal([], ...(ngDevMode ? [{ debugName: "tabs" }] : /* istanbul ignore next */ []));
+    /** @internal */
+    elementRef = inject(ElementRef);
+    /** @internal */
+    hostClasses = computed(() => `variant-${this.variant()}`, ...(ngDevMode ? [{ debugName: "hostClasses" }] : /* istanbul ignore next */ []));
+    /** @internal — called by LlmTab on init */
+    registerTab(info) {
+        this.tabs.update((list) => [...list, info]);
+    }
+    /** @internal — called by LlmTab on destroy */
+    unregisterTab(id) {
+        this.tabs.update((list) => list.filter((t) => t.id !== id));
+    }
+    /** @internal */
+    selectTab(index) {
+        const tab = this.tabs()[index];
+        // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition, @typescript-eslint/strict-boolean-expressions
+        if (tab && !tab.disabled) {
+            this.selectedIndex.set(index);
+        }
+    }
+    /** @internal */
+    onTabKeydown(event) {
+        const tabs = this.tabs();
+        const enabled = tabs.map((tab, i) => ({ tab, i })).filter(({ tab }) => !tab.disabled);
+        if (enabled.length === 0)
+            return;
+        const currentPos = enabled.findIndex(({ i }) => i === this.selectedIndex());
+        const n = enabled.length;
+        let targetEntry = null;
+        switch (event.key) {
+            case 'ArrowRight':
+                event.preventDefault();
+                targetEntry = enabled[(currentPos + 1) % n];
+                break;
+            case 'ArrowLeft':
+                event.preventDefault();
+                targetEntry = enabled[(currentPos - 1 + n) % n];
+                break;
+            case 'Home':
+                event.preventDefault();
+                targetEntry = enabled[0];
+                break;
+            case 'End':
+                event.preventDefault();
+                targetEntry = enabled[n - 1];
+                break;
+        }
+        if (targetEntry) {
+            this.selectedIndex.set(targetEntry.i);
+            const buttons = this.elementRef.nativeElement.querySelectorAll('[role="tab"]');
+            // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
+            buttons[targetEntry.i]?.focus();
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmTabGroup, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: LlmTabGroup, isStandalone: true, selector: "llm-tab-group", inputs: { selectedIndex: { classPropertyName: "selectedIndex", publicName: "selectedIndex", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectedIndex: "selectedIndexChange" }, host: { properties: { "class": "hostClasses()" } }, providers: [{ provide: LLM_TAB_GROUP, useExisting: LlmTabGroup }], ngImport: i0, template: `
+    <div class="tablist" role="tablist">
+      @for (tab of tabs(); track tab.id; let i = $index) {
+        <button
+          type="button"
+          role="tab"
+          [id]="tab.tabId"
+          [attr.aria-selected]="selectedIndex() === i"
+          [attr.aria-controls]="tab.panelId"
+          [attr.aria-disabled]="tab.disabled || null"
+          [attr.tabindex]="selectedIndex() === i ? 0 : -1"
+          [class.is-active]="selectedIndex() === i"
+          [class.is-disabled]="tab.disabled"
+          (click)="selectTab(i)"
+          (keydown)="onTabKeydown($event)"
+        >
+          {{ tab.label }}
+        </button>
+      }
+    </div>
+    <ng-content />
+  `, isInline: true, styles: [":host{display:block;font-family:var(--ui-font-family)}.tablist{display:flex;gap:var(--ui-spacing-1);border-bottom:1px solid var(--ui-color-border);overflow-x:auto;scrollbar-width:none}.tablist::-webkit-scrollbar{display:none}.tablist button{all:unset;box-sizing:border-box;position:relative;display:inline-flex;align-items:center;padding:var(--ui-spacing-2) var(--ui-spacing-4);font-size:var(--ui-font-size-sm);font-weight:var(--ui-font-weight-medium);color:var(--ui-color-text-muted);cursor:pointer;transition:var(--ui-transition-fast);transition-property:color,background-color;border-radius:var(--ui-radius-md) var(--ui-radius-md) 0 0;white-space:nowrap;-webkit-user-select:none;user-select:none}.tablist button:after{content:\"\";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:transparent;border-radius:var(--ui-radius-full);transition:background var(--ui-transition-fast)}.tablist button.is-active{color:var(--ui-color-primary)}.tablist button.is-active:after{background:var(--ui-color-primary)}.tablist button:hover:not(.is-disabled):not(.is-active){color:var(--ui-color-text);background:var(--ui-color-surface-sunken)}.tablist button:focus-visible{outline:none;box-shadow:var(--ui-focus-ring);border-radius:var(--ui-radius-md)}.tablist button.is-disabled{opacity:.4;cursor:not-allowed}llm-tab [role=tabpanel]{padding:var(--ui-spacing-4) 0}llm-tab [role=tabpanel]:focus-visible{outline:none;box-shadow:var(--ui-focus-ring);border-radius:var(--ui-radius-md)}:host(.variant-pills) .tablist{border-bottom:none;gap:var(--ui-spacing-2);padding:var(--ui-spacing-1);background:var(--ui-color-surface-sunken);border-radius:var(--ui-radius-lg)}:host(.variant-pills) .tablist button{border-radius:var(--ui-radius-md);padding:var(--ui-spacing-1) var(--ui-spacing-4);font-size:var(--ui-font-size-sm)}:host(.variant-pills) .tablist button:after{display:none}:host(.variant-pills) .tablist button.is-active{background:var(--ui-color-surface);color:var(--ui-color-text);box-shadow:var(--ui-shadow-sm)}:host(.variant-pills) .tablist button:hover:not(.is-disabled):not(.is-active){background:transparent;color:var(--ui-color-text)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmTabGroup, decorators: [{
+            type: Component,
+            args: [{ selector: 'llm-tab-group', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `
+    <div class="tablist" role="tablist">
+      @for (tab of tabs(); track tab.id; let i = $index) {
+        <button
+          type="button"
+          role="tab"
+          [id]="tab.tabId"
+          [attr.aria-selected]="selectedIndex() === i"
+          [attr.aria-controls]="tab.panelId"
+          [attr.aria-disabled]="tab.disabled || null"
+          [attr.tabindex]="selectedIndex() === i ? 0 : -1"
+          [class.is-active]="selectedIndex() === i"
+          [class.is-disabled]="tab.disabled"
+          (click)="selectTab(i)"
+          (keydown)="onTabKeydown($event)"
+        >
+          {{ tab.label }}
+        </button>
+      }
+    </div>
+    <ng-content />
+  `, host: {
+                        '[class]': 'hostClasses()',
+                    }, providers: [{ provide: LLM_TAB_GROUP, useExisting: LlmTabGroup }], styles: [":host{display:block;font-family:var(--ui-font-family)}.tablist{display:flex;gap:var(--ui-spacing-1);border-bottom:1px solid var(--ui-color-border);overflow-x:auto;scrollbar-width:none}.tablist::-webkit-scrollbar{display:none}.tablist button{all:unset;box-sizing:border-box;position:relative;display:inline-flex;align-items:center;padding:var(--ui-spacing-2) var(--ui-spacing-4);font-size:var(--ui-font-size-sm);font-weight:var(--ui-font-weight-medium);color:var(--ui-color-text-muted);cursor:pointer;transition:var(--ui-transition-fast);transition-property:color,background-color;border-radius:var(--ui-radius-md) var(--ui-radius-md) 0 0;white-space:nowrap;-webkit-user-select:none;user-select:none}.tablist button:after{content:\"\";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:transparent;border-radius:var(--ui-radius-full);transition:background var(--ui-transition-fast)}.tablist button.is-active{color:var(--ui-color-primary)}.tablist button.is-active:after{background:var(--ui-color-primary)}.tablist button:hover:not(.is-disabled):not(.is-active){color:var(--ui-color-text);background:var(--ui-color-surface-sunken)}.tablist button:focus-visible{outline:none;box-shadow:var(--ui-focus-ring);border-radius:var(--ui-radius-md)}.tablist button.is-disabled{opacity:.4;cursor:not-allowed}llm-tab [role=tabpanel]{padding:var(--ui-spacing-4) 0}llm-tab [role=tabpanel]:focus-visible{outline:none;box-shadow:var(--ui-focus-ring);border-radius:var(--ui-radius-md)}:host(.variant-pills) .tablist{border-bottom:none;gap:var(--ui-spacing-2);padding:var(--ui-spacing-1);background:var(--ui-color-surface-sunken);border-radius:var(--ui-radius-lg)}:host(.variant-pills) .tablist button{border-radius:var(--ui-radius-md);padding:var(--ui-spacing-1) var(--ui-spacing-4);font-size:var(--ui-font-size-sm)}:host(.variant-pills) .tablist button:after{display:none}:host(.variant-pills) .tablist button.is-active{background:var(--ui-color-surface);color:var(--ui-color-text);box-shadow:var(--ui-shadow-sm)}:host(.variant-pills) .tablist button:hover:not(.is-disabled):not(.is-active){background:transparent;color:var(--ui-color-text)}\n"] }]
+        }], propDecorators: { selectedIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedIndex", required: false }] }, { type: i0.Output, args: ["selectedIndexChange"] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }] } });
+/**
+ * Individual tab definition. Place inside `<llm-tab-group>`.
+ *
+ * Usage:
+ * ```html
+ * <llm-tab label="Settings">Settings content here.</llm-tab>
+ * ```
+ */
+class LlmTab {
+    /** Text displayed on the tab button. Required. */
+    label = input.required(...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
+    /** Whether this tab is disabled. */
+    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
+    /** @internal */
+    tabId = `llm-tab-${nextId$2}`;
+    /** @internal */
+    panelId = `llm-tab-panel-${nextId$2}`;
+    /** @internal */
+    id = `llm-tab-instance-${nextId$2++}`;
+    /** @internal */
+    context = inject(LLM_TAB_GROUP);
+    /** @internal */
+    isActive = computed(() => {
+        const index = this.context.tabs().findIndex((t) => t.id === this.id);
+        return this.context.selectedIndex() === index;
+    }, ...(ngDevMode ? [{ debugName: "isActive" }] : /* istanbul ignore next */ []));
+    ngOnInit() {
+        this.context.registerTab({
+            id: this.id,
+            label: this.label(),
+            disabled: this.disabled(),
+            panelId: this.panelId,
+            tabId: this.tabId,
+        });
+    }
+    ngOnDestroy() {
+        this.context.unregisterTab(this.id);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmTab, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: LlmTab, isStandalone: true, selector: "llm-tab", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+    @if (isActive()) {
+      <div
+        role="tabpanel"
+        [id]="panelId"
+        [attr.aria-labelledby]="tabId"
+        [tabindex]="0"
+      >
+        <ng-content />
+      </div>
+    }
+  `, isInline: true, styles: [":host{display:contents}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmTab, decorators: [{
+            type: Component,
+            args: [{ selector: 'llm-tab', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `
+    @if (isActive()) {
+      <div
+        role="tabpanel"
+        [id]="panelId"
+        [attr.aria-labelledby]="tabId"
+        [tabindex]="0"
+      >
+        <ng-content />
+      </div>
+    }
+  `, styles: [":host{display:contents}\n"] }]
+        }], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: true }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }] } });
+
+const LLM_ACCORDION_GROUP = new InjectionToken('LLM_ACCORDION_GROUP');
+
+let nextId$1 = 0;
+/**
+ * Container that manages accordion items. Controls single vs multi expansion
+ * and provides keyboard navigation across items.
+ *
+ * Usage:
+ * ```html
+ * <llm-accordion-group [multi]="true" variant="separated">
+ *   <llm-accordion-item [(expanded)]="open">
+ *     <span llmAccordionHeader>Title</span>
+ *     Body content here.
+ *   </llm-accordion-item>
+ * </llm-accordion-group>
+ * ```
+ */
+class LlmAccordionGroup {
+    /** Allow multiple items to be expanded simultaneously. */
+    multi = input(false, ...(ngDevMode ? [{ debugName: "multi" }] : /* istanbul ignore next */ []));
+    /** Visual variant. */
+    variant = input('default', ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
+    /** @internal */
+    hostClasses = computed(() => `variant-${this.variant()}`, ...(ngDevMode ? [{ debugName: "hostClasses" }] : /* istanbul ignore next */ []));
+    /** @internal */
+    get hostClassesValue() {
+        return this.hostClasses();
+    }
+    /** @internal */
+    items = signal([], ...(ngDevMode ? [{ debugName: "items" }] : /* istanbul ignore next */ []));
+    register(item) {
+        this.items.update((list) => [...list, item]);
+    }
+    unregister(item) {
+        this.items.update((list) => list.filter((i) => i !== item));
+    }
+    handleKeydown(event, item) {
+        const allItems = this.items();
+        const enabled = allItems.filter((i) => !i.isItemDisabled());
+        if (enabled.length === 0)
+            return;
+        const pos = enabled.indexOf(item);
+        const n = enabled.length;
+        let target = null;
+        switch (event.key) {
+            case 'ArrowDown':
+                event.preventDefault();
+                target = enabled[(pos + 1) % n];
+                break;
+            case 'ArrowUp':
+                event.preventDefault();
+                target = enabled[(pos - 1 + n) % n];
+                break;
+            case 'Home':
+                event.preventDefault();
+                target = enabled[0];
+                break;
+            case 'End':
+                event.preventDefault();
+                target = enabled[n - 1];
+                break;
+        }
+        target?.focusTrigger();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmAccordionGroup, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.4", type: LlmAccordionGroup, isStandalone: true, selector: "llm-accordion-group", inputs: { multi: { classPropertyName: "multi", publicName: "multi", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "presentation" }, properties: { "class": "hostClassesValue" } }, providers: [{ provide: LLM_ACCORDION_GROUP, useExisting: LlmAccordionGroup }], hostDirectives: [{ directive: i1$2.CdkAccordion, inputs: ["multi", "multi"] }], ngImport: i0, template: `<ng-content />`, isInline: true, styles: [":host{display:block;font-family:var(--ui-font-family)}:host(.variant-default){border-top:1px solid var(--ui-color-border)}:host(.variant-default) llm-accordion-item{border-bottom:1px solid var(--ui-color-border)}:host(.variant-bordered){border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-lg);overflow:hidden}:host(.variant-bordered) llm-accordion-item:not(:last-child){border-bottom:1px solid var(--ui-color-border)}:host(.variant-separated){display:flex;flex-direction:column;gap:var(--ui-spacing-2)}:host(.variant-separated) llm-accordion-item{border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-lg);overflow:hidden}llm-accordion-item{display:block}.accordion-heading{all:unset;display:block}.accordion-trigger{all:unset;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--ui-spacing-4);font-size:var(--ui-font-size-md);font-weight:var(--ui-font-weight-medium);color:var(--ui-color-text);cursor:pointer;transition:background-color var(--ui-transition-fast);-webkit-user-select:none;user-select:none}.accordion-trigger:hover:not(.is-disabled){background:var(--ui-color-surface-sunken)}.accordion-trigger:focus-visible{outline:none;box-shadow:var(--ui-focus-ring);position:relative;z-index:1}.accordion-trigger.is-disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}.chevron{flex-shrink:0;color:var(--ui-color-text-muted);transition:transform var(--ui-duration-normal) var(--ui-ease-out)}.chevron.is-expanded{transform:rotate(180deg)}.accordion-panel-wrapper{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--ui-duration-normal) var(--ui-ease-out)}.accordion-panel-wrapper.is-expanded{grid-template-rows:1fr}.accordion-panel{overflow:hidden}.accordion-panel-wrapper.is-expanded .accordion-panel{padding:0 var(--ui-spacing-4) var(--ui-spacing-4)}.accordion-panel-wrapper:not(.is-expanded) .accordion-panel{padding:0 var(--ui-spacing-4)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmAccordionGroup, decorators: [{
+            type: Component,
+            args: [{ selector: 'llm-accordion-group', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `<ng-content />`, hostDirectives: [{ directive: CdkAccordion, inputs: ['multi'] }], host: {
+                        '[class]': 'hostClassesValue',
+                        role: 'presentation',
+                    }, providers: [{ provide: LLM_ACCORDION_GROUP, useExisting: LlmAccordionGroup }], styles: [":host{display:block;font-family:var(--ui-font-family)}:host(.variant-default){border-top:1px solid var(--ui-color-border)}:host(.variant-default) llm-accordion-item{border-bottom:1px solid var(--ui-color-border)}:host(.variant-bordered){border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-lg);overflow:hidden}:host(.variant-bordered) llm-accordion-item:not(:last-child){border-bottom:1px solid var(--ui-color-border)}:host(.variant-separated){display:flex;flex-direction:column;gap:var(--ui-spacing-2)}:host(.variant-separated) llm-accordion-item{border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-lg);overflow:hidden}llm-accordion-item{display:block}.accordion-heading{all:unset;display:block}.accordion-trigger{all:unset;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--ui-spacing-4);font-size:var(--ui-font-size-md);font-weight:var(--ui-font-weight-medium);color:var(--ui-color-text);cursor:pointer;transition:background-color var(--ui-transition-fast);-webkit-user-select:none;user-select:none}.accordion-trigger:hover:not(.is-disabled){background:var(--ui-color-surface-sunken)}.accordion-trigger:focus-visible{outline:none;box-shadow:var(--ui-focus-ring);position:relative;z-index:1}.accordion-trigger.is-disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}.chevron{flex-shrink:0;color:var(--ui-color-text-muted);transition:transform var(--ui-duration-normal) var(--ui-ease-out)}.chevron.is-expanded{transform:rotate(180deg)}.accordion-panel-wrapper{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--ui-duration-normal) var(--ui-ease-out)}.accordion-panel-wrapper.is-expanded{grid-template-rows:1fr}.accordion-panel{overflow:hidden}.accordion-panel-wrapper.is-expanded .accordion-panel{padding:0 var(--ui-spacing-4) var(--ui-spacing-4)}.accordion-panel-wrapper:not(.is-expanded) .accordion-panel{padding:0 var(--ui-spacing-4)}\n"] }]
+        }], propDecorators: { multi: [{ type: i0.Input, args: [{ isSignal: true, alias: "multi", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }] } });
+/**
+ * Directive to mark the accordion header content.
+ */
+class LlmAccordionHeader {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmAccordionHeader, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.4", type: LlmAccordionHeader, isStandalone: true, selector: "[llmAccordionHeader]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmAccordionHeader, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[llmAccordionHeader]',
+                    standalone: true,
+                }]
+        }] });
+/**
+ * Individual collapsible accordion item. Place inside `<llm-accordion-group>`.
+ *
+ * Usage:
+ * ```html
+ * <llm-accordion-item [(expanded)]="isOpen">
+ *   <span llmAccordionHeader>Section Title</span>
+ *   Section content goes here.
+ * </llm-accordion-item>
+ * ```
+ */
+class LlmAccordionItem {
+    /** Whether this item is expanded. Supports two-way binding. */
+    expanded = model(false, ...(ngDevMode ? [{ debugName: "expanded" }] : /* istanbul ignore next */ []));
+    /** Whether this item is disabled. */
+    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
+    /** @internal */
+    id = `llm-accordion-item-${nextId$1++}`;
+    /** @internal */
+    triggerId = `${this.id}-trigger`;
+    /** @internal */
+    panelId = `${this.id}-panel`;
+    /** @internal */
+    group = inject(LlmAccordionGroup);
+    /** @internal */
+    cdkItem = inject(CdkAccordionItem);
+    /** @internal */
+    el = inject(ElementRef);
+    /** @internal */
+    isExpanded = signal(false, ...(ngDevMode ? [{ debugName: "isExpanded" }] : /* istanbul ignore next */ []));
+    /** @internal */
+    get isExpandedValue() {
+        return this.isExpanded();
+    }
+    /** @internal */
+    get isDisabled() {
+        return this.disabled();
+    }
+    /** @internal */
+    get ariaDisabled() {
+        return this.disabled() || null;
+    }
+    constructor() {
+        this.cdkItem.expandedChange.subscribe((expanded) => {
+            this.isExpanded.set(expanded);
+            this.expanded.set(expanded);
+        });
+    }
+    ngOnInit() {
+        this.group.register(this);
+        // Sync initial expanded model
+        if (this.expanded()) {
+            this.cdkItem.open();
+        }
+    }
+    ngOnDestroy() {
+        this.group.unregister(this);
+    }
+    /** @internal — for FocusKeyManager */
+    focusTrigger() {
+        this.el.nativeElement.querySelector('.accordion-trigger')?.focus();
+    }
+    /** @internal — for FocusKeyManager */
+    isItemDisabled() {
+        return this.disabled();
+    }
+    /** @internal */
+    onToggle() {
+        if (this.disabled())
+            return;
+        this.cdkItem.toggle();
+    }
+    /** @internal */
+    onKeydown(event) {
+        this.group.handleKeydown(event, this);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmAccordionItem, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.4", type: LlmAccordionItem, isStandalone: true, selector: "llm-accordion-item", inputs: { expanded: { classPropertyName: "expanded", publicName: "expanded", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { expanded: "expandedChange" }, host: { properties: { "attr.data-accordion-id": "id" } }, hostDirectives: [{ directive: i1$2.CdkAccordionItem }], ngImport: i0, template: `
+    <h3 class="accordion-heading">
+      <button
+        type="button"
+        class="accordion-trigger"
+        [id]="triggerId"
+        [attr.aria-expanded]="isExpandedValue"
+        [attr.aria-controls]="panelId"
+        [attr.aria-disabled]="ariaDisabled"
+        [class.is-disabled]="isDisabled"
+        (click)="onToggle()"
+        (keydown)="onKeydown($event)"
+      >
+        <ng-content select="[llmAccordionHeader]" />
+        <svg
+          class="chevron"
+          [class.is-expanded]="isExpandedValue"
+          width="16"
+          height="16"
+          viewBox="0 0 16 16"
+          fill="none"
+          aria-hidden="true"
+        >
+          <path
+            d="M4 6L8 10L12 6"
+            stroke="currentColor"
+            stroke-width="1.5"
+            stroke-linecap="round"
+            stroke-linejoin="round"
+          />
+        </svg>
+      </button>
+    </h3>
+    <div
+      class="accordion-panel-wrapper"
+      [class.is-expanded]="isExpandedValue"
+    >
+      <div
+        role="region"
+        [id]="panelId"
+        [attr.aria-labelledby]="triggerId"
+        class="accordion-panel"
+      >
+        <ng-content />
+      </div>
+    </div>
+  `, isInline: true, styles: [":host{display:block;font-family:var(--ui-font-family)}:host(.variant-default){border-top:1px solid var(--ui-color-border)}:host(.variant-default) llm-accordion-item{border-bottom:1px solid var(--ui-color-border)}:host(.variant-bordered){border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-lg);overflow:hidden}:host(.variant-bordered) llm-accordion-item:not(:last-child){border-bottom:1px solid var(--ui-color-border)}:host(.variant-separated){display:flex;flex-direction:column;gap:var(--ui-spacing-2)}:host(.variant-separated) llm-accordion-item{border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-lg);overflow:hidden}llm-accordion-item{display:block}.accordion-heading{all:unset;display:block}.accordion-trigger{all:unset;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--ui-spacing-4);font-size:var(--ui-font-size-md);font-weight:var(--ui-font-weight-medium);color:var(--ui-color-text);cursor:pointer;transition:background-color var(--ui-transition-fast);-webkit-user-select:none;user-select:none}.accordion-trigger:hover:not(.is-disabled){background:var(--ui-color-surface-sunken)}.accordion-trigger:focus-visible{outline:none;box-shadow:var(--ui-focus-ring);position:relative;z-index:1}.accordion-trigger.is-disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}.chevron{flex-shrink:0;color:var(--ui-color-text-muted);transition:transform var(--ui-duration-normal) var(--ui-ease-out)}.chevron.is-expanded{transform:rotate(180deg)}.accordion-panel-wrapper{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--ui-duration-normal) var(--ui-ease-out)}.accordion-panel-wrapper.is-expanded{grid-template-rows:1fr}.accordion-panel{overflow:hidden}.accordion-panel-wrapper.is-expanded .accordion-panel{padding:0 var(--ui-spacing-4) var(--ui-spacing-4)}.accordion-panel-wrapper:not(.is-expanded) .accordion-panel{padding:0 var(--ui-spacing-4)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmAccordionItem, decorators: [{
+            type: Component,
+            args: [{ selector: 'llm-accordion-item', standalone: true, imports: [], changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [CdkAccordionItem], template: `
+    <h3 class="accordion-heading">
+      <button
+        type="button"
+        class="accordion-trigger"
+        [id]="triggerId"
+        [attr.aria-expanded]="isExpandedValue"
+        [attr.aria-controls]="panelId"
+        [attr.aria-disabled]="ariaDisabled"
+        [class.is-disabled]="isDisabled"
+        (click)="onToggle()"
+        (keydown)="onKeydown($event)"
+      >
+        <ng-content select="[llmAccordionHeader]" />
+        <svg
+          class="chevron"
+          [class.is-expanded]="isExpandedValue"
+          width="16"
+          height="16"
+          viewBox="0 0 16 16"
+          fill="none"
+          aria-hidden="true"
+        >
+          <path
+            d="M4 6L8 10L12 6"
+            stroke="currentColor"
+            stroke-width="1.5"
+            stroke-linecap="round"
+            stroke-linejoin="round"
+          />
+        </svg>
+      </button>
+    </h3>
+    <div
+      class="accordion-panel-wrapper"
+      [class.is-expanded]="isExpandedValue"
+    >
+      <div
+        role="region"
+        [id]="panelId"
+        [attr.aria-labelledby]="triggerId"
+        class="accordion-panel"
+      >
+        <ng-content />
+      </div>
+    </div>
+  `, host: {
+                        '[attr.data-accordion-id]': 'id',
+                    }, styles: [":host{display:block;font-family:var(--ui-font-family)}:host(.variant-default){border-top:1px solid var(--ui-color-border)}:host(.variant-default) llm-accordion-item{border-bottom:1px solid var(--ui-color-border)}:host(.variant-bordered){border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-lg);overflow:hidden}:host(.variant-bordered) llm-accordion-item:not(:last-child){border-bottom:1px solid var(--ui-color-border)}:host(.variant-separated){display:flex;flex-direction:column;gap:var(--ui-spacing-2)}:host(.variant-separated) llm-accordion-item{border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-lg);overflow:hidden}llm-accordion-item{display:block}.accordion-heading{all:unset;display:block}.accordion-trigger{all:unset;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--ui-spacing-4);font-size:var(--ui-font-size-md);font-weight:var(--ui-font-weight-medium);color:var(--ui-color-text);cursor:pointer;transition:background-color var(--ui-transition-fast);-webkit-user-select:none;user-select:none}.accordion-trigger:hover:not(.is-disabled){background:var(--ui-color-surface-sunken)}.accordion-trigger:focus-visible{outline:none;box-shadow:var(--ui-focus-ring);position:relative;z-index:1}.accordion-trigger.is-disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}.chevron{flex-shrink:0;color:var(--ui-color-text-muted);transition:transform var(--ui-duration-normal) var(--ui-ease-out)}.chevron.is-expanded{transform:rotate(180deg)}.accordion-panel-wrapper{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--ui-duration-normal) var(--ui-ease-out)}.accordion-panel-wrapper.is-expanded{grid-template-rows:1fr}.accordion-panel{overflow:hidden}.accordion-panel-wrapper.is-expanded .accordion-panel{padding:0 var(--ui-spacing-4) var(--ui-spacing-4)}.accordion-panel-wrapper:not(.is-expanded) .accordion-panel{padding:0 var(--ui-spacing-4)}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { expanded: [{ type: i0.Input, args: [{ isSignal: true, alias: "expanded", required: false }] }, { type: i0.Output, args: ["expandedChange"] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }] } });
+
+/**
+ * Trigger directive that opens an `<llm-menu>` dropdown.
+ * Apply to any element (typically `<llm-button>`) to wire up click + keyboard open/close.
+ *
+ * Usage:
+ * ```html
+ * <llm-button [llmMenuTriggerFor]="myMenu">Open</llm-button>
+ * <ng-template #myMenu>
+ *   <llm-menu>
+ *     <llm-menu-item (triggered)="action()">Action</llm-menu-item>
+ *   </llm-menu>
+ * </ng-template>
+ * ```
+ */
+class LlmMenuTrigger {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmMenuTrigger, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.4", type: LlmMenuTrigger, isStandalone: true, selector: "[llmMenuTriggerFor]", hostDirectives: [{ directive: i1$3.CdkMenuTrigger, inputs: ["cdkMenuTriggerFor", "llmMenuTriggerFor"] }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmMenuTrigger, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[llmMenuTriggerFor]',
+                    standalone: true,
+                    hostDirectives: [
+                        {
+                            directive: CdkMenuTrigger,
+                            inputs: ['cdkMenuTriggerFor: llmMenuTriggerFor'],
+                        },
+                    ],
+                }]
+        }] });
+/**
+ * Accessible dropdown menu panel.
+ * Uses `@angular/cdk/menu` for keyboard navigation, focus management, and ARIA.
+ *
+ * Usage:
+ * ```html
+ * <llm-button [llmMenuTriggerFor]="actions">Actions</llm-button>
+ * <ng-template #actions>
+ *   <llm-menu>
+ *     <llm-menu-item (triggered)="onCopy()">Copy</llm-menu-item>
+ *     <llm-menu-separator />
+ *     <llm-menu-item [disabled]="true">Paste</llm-menu-item>
+ *   </llm-menu>
+ * </ng-template>
+ * ```
+ */
+class LlmMenu {
+    /** Visual variant. `compact` reduces font size and padding. */
+    variant = input('default', ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
+    /** @internal */
+    hostClasses = computed(() => `llm-menu variant-${this.variant()}`, ...(ngDevMode ? [{ debugName: "hostClasses" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmMenu, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.4", type: LlmMenu, isStandalone: true, selector: "llm-menu", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "hostClasses()" } }, hostDirectives: [{ directive: i1$3.CdkMenu }], ngImport: i0, template: `<ng-content />`, isInline: true, styles: ["llm-menu{display:block;min-width:10rem;padding:var(--ui-spacing-1) 0;background:var(--ui-color-surface-raised);border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-md);box-shadow:var(--ui-shadow-lg);font-family:var(--ui-font-family);font-size:var(--ui-font-size-md);color:var(--ui-color-text);outline:none;overflow:hidden;opacity:0;transform:translateY(-4px);animation:llm-menu-enter var(--ui-duration-normal) var(--ui-ease-out) forwards}llm-menu.variant-compact{font-size:var(--ui-font-size-sm)}llm-menu.variant-compact .llm-menu-item{padding:var(--ui-spacing-1) var(--ui-spacing-3)}@keyframes llm-menu-enter{to{opacity:1;transform:translateY(0)}}.llm-menu-item{display:flex;align-items:center;gap:var(--ui-spacing-2);padding:var(--ui-spacing-2) var(--ui-spacing-3);cursor:pointer;color:var(--ui-color-text);transition:background var(--ui-transition-fast);outline:none;border:none;background:none;font:inherit;width:100%;text-align:start}.llm-menu-item:hover,.llm-menu-item:focus-visible,.llm-menu-item.cdk-menu-item-highlighted{background:var(--ui-color-surface-sunken)}.llm-menu-item.is-disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}.llm-menu-item-chevron{margin-inline-start:auto;font-size:var(--ui-font-size-lg);color:var(--ui-color-text-muted);line-height:1}.llm-menu-separator{display:block;height:1px;margin:var(--ui-spacing-1) 0;background:var(--ui-color-border)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmMenu, decorators: [{
+            type: Component,
+            args: [{ selector: 'llm-menu', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, hostDirectives: [CdkMenu], template: `<ng-content />`, host: {
+                        '[class]': 'hostClasses()',
+                    }, styles: ["llm-menu{display:block;min-width:10rem;padding:var(--ui-spacing-1) 0;background:var(--ui-color-surface-raised);border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-md);box-shadow:var(--ui-shadow-lg);font-family:var(--ui-font-family);font-size:var(--ui-font-size-md);color:var(--ui-color-text);outline:none;overflow:hidden;opacity:0;transform:translateY(-4px);animation:llm-menu-enter var(--ui-duration-normal) var(--ui-ease-out) forwards}llm-menu.variant-compact{font-size:var(--ui-font-size-sm)}llm-menu.variant-compact .llm-menu-item{padding:var(--ui-spacing-1) var(--ui-spacing-3)}@keyframes llm-menu-enter{to{opacity:1;transform:translateY(0)}}.llm-menu-item{display:flex;align-items:center;gap:var(--ui-spacing-2);padding:var(--ui-spacing-2) var(--ui-spacing-3);cursor:pointer;color:var(--ui-color-text);transition:background var(--ui-transition-fast);outline:none;border:none;background:none;font:inherit;width:100%;text-align:start}.llm-menu-item:hover,.llm-menu-item:focus-visible,.llm-menu-item.cdk-menu-item-highlighted{background:var(--ui-color-surface-sunken)}.llm-menu-item.is-disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}.llm-menu-item-chevron{margin-inline-start:auto;font-size:var(--ui-font-size-lg);color:var(--ui-color-text-muted);line-height:1}.llm-menu-separator{display:block;height:1px;margin:var(--ui-spacing-1) 0;background:var(--ui-color-border)}\n"] }]
+        }], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }] } });
+/**
+ * A single item inside an `<llm-menu>`.
+ * Supports keyboard navigation, disabled state, and nested submenus via `[llmMenuTriggerFor]`.
+ *
+ * Usage:
+ * ```html
+ * <llm-menu-item (triggered)="doSomething()">Label</llm-menu-item>
+ * <llm-menu-item [disabled]="true">Disabled</llm-menu-item>
+ * ```
+ */
+class LlmMenuItem {
+    /** Whether this menu item is disabled. */
+    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
+    /** @internal — detect if this item also triggers a submenu */
+    menuTrigger = inject(CdkMenuTrigger, { optional: true, self: true });
+    /** @internal */
+    hasSubmenu = computed(() => !!this.menuTrigger, ...(ngDevMode ? [{ debugName: "hasSubmenu" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmMenuItem, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: LlmMenuItem, isStandalone: true, selector: "llm-menu-item", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.is-disabled": "disabled()" }, classAttribute: "llm-menu-item" }, hostDirectives: [{ directive: i1$3.CdkMenuItem, inputs: ["cdkMenuItemDisabled", "disabled"], outputs: ["cdkMenuItemTriggered", "triggered"] }], ngImport: i0, template: `
+    <ng-content />
+    @if (hasSubmenu()) {
+      <span class="llm-menu-item-chevron" aria-hidden="true">&#x203A;</span>
+    }
+  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmMenuItem, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'llm-menu-item',
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    hostDirectives: [
+                        {
+                            directive: CdkMenuItem,
+                            inputs: ['cdkMenuItemDisabled: disabled'],
+                            outputs: ['cdkMenuItemTriggered: triggered'],
+                        },
+                    ],
+                    template: `
+    <ng-content />
+    @if (hasSubmenu()) {
+      <span class="llm-menu-item-chevron" aria-hidden="true">&#x203A;</span>
+    }
+  `,
+                    host: {
+                        class: 'llm-menu-item',
+                        '[class.is-disabled]': 'disabled()',
+                    },
+                }]
+        }], propDecorators: { disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }] } });
+/**
+ * Visual separator between groups of menu items.
+ *
+ * Usage:
+ * ```html
+ * <llm-menu-item>Copy</llm-menu-item>
+ * <llm-menu-separator />
+ * <llm-menu-item>Delete</llm-menu-item>
+ * ```
+ */
+class LlmMenuSeparator {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmMenuSeparator, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.4", type: LlmMenuSeparator, isStandalone: true, selector: "llm-menu-separator", host: { attributes: { "role": "separator" }, classAttribute: "llm-menu-separator" }, ngImport: i0, template: ``, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmMenuSeparator, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'llm-menu-separator',
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: ``,
+                    host: {
+                        class: 'llm-menu-separator',
+                        role: 'separator',
+                    },
+                }]
+        }] });
+
+let nextTooltipId = 0;
+/** @internal — Rendered inside the CDK overlay when the tooltip is visible. */
+class LlmTooltipContent {
+    /** @internal */
+    text = input('', ...(ngDevMode ? [{ debugName: "text" }] : /* istanbul ignore next */ []));
+    /** @internal */
+    tooltipId = input('', ...(ngDevMode ? [{ debugName: "tooltipId" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmTooltipContent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.4", type: LlmTooltipContent, isStandalone: true, selector: "llm-tooltip-content", inputs: { text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, tooltipId: { classPropertyName: "tooltipId", publicName: "tooltipId", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "tooltip" }, properties: { "id": "tooltipId()" }, classAttribute: "llm-tooltip" }, ngImport: i0, template: `{{ text() }}`, isInline: true, styles: [".llm-tooltip{display:block;padding:var(--ui-spacing-1) var(--ui-spacing-2);background:var(--ui-color-text);color:var(--ui-color-surface);font-family:var(--ui-font-family);font-size:var(--ui-font-size-xs);line-height:var(--ui-line-height-normal);border-radius:var(--ui-radius-sm);box-shadow:var(--ui-shadow-md);max-width:20rem;word-wrap:break-word;pointer-events:none;animation:llm-tooltip-enter var(--ui-duration-fast) var(--ui-ease-out) forwards}@keyframes llm-tooltip-enter{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmTooltipContent, decorators: [{
+            type: Component,
+            args: [{ selector: 'llm-tooltip-content', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: `{{ text() }}`, host: {
+                        class: 'llm-tooltip',
+                        role: 'tooltip',
+                        '[id]': 'tooltipId()',
+                    }, styles: [".llm-tooltip{display:block;padding:var(--ui-spacing-1) var(--ui-spacing-2);background:var(--ui-color-text);color:var(--ui-color-surface);font-family:var(--ui-font-family);font-size:var(--ui-font-size-xs);line-height:var(--ui-line-height-normal);border-radius:var(--ui-radius-sm);box-shadow:var(--ui-shadow-md);max-width:20rem;word-wrap:break-word;pointer-events:none;animation:llm-tooltip-enter var(--ui-duration-fast) var(--ui-ease-out) forwards}@keyframes llm-tooltip-enter{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}\n"] }]
+        }], propDecorators: { text: [{ type: i0.Input, args: [{ isSignal: true, alias: "text", required: false }] }], tooltipId: [{ type: i0.Input, args: [{ isSignal: true, alias: "tooltipId", required: false }] }] } });
+const POSITIONS = {
+    above: [
+        { originX: 'center', originY: 'top', overlayX: 'center', overlayY: 'bottom', offsetY: -8 },
+        { originX: 'center', originY: 'bottom', overlayX: 'center', overlayY: 'top', offsetY: 8 },
+    ],
+    below: [
+        { originX: 'center', originY: 'bottom', overlayX: 'center', overlayY: 'top', offsetY: 8 },
+        { originX: 'center', originY: 'top', overlayX: 'center', overlayY: 'bottom', offsetY: -8 },
+    ],
+    left: [
+        { originX: 'start', originY: 'center', overlayX: 'end', overlayY: 'center', offsetX: -8 },
+        { originX: 'end', originY: 'center', overlayX: 'start', overlayY: 'center', offsetX: 8 },
+    ],
+    right: [
+        { originX: 'end', originY: 'center', overlayX: 'start', overlayY: 'center', offsetX: 8 },
+        { originX: 'start', originY: 'center', overlayX: 'end', overlayY: 'center', offsetX: -8 },
+    ],
+};
+/**
+ * Attribute directive that displays a text tooltip on hover or focus.
+ * Uses `@angular/cdk/overlay` for viewport-aware positioning.
+ *
+ * Usage:
+ * ```html
+ * <llm-button llmTooltip="Save your changes">Save</llm-button>
+ * <llm-button llmTooltip="Copy to clipboard" llmTooltipPosition="right">Copy</llm-button>
+ * ```
+ */
+class LlmTooltip {
+    /** The tooltip text. */
+    llmTooltip = input.required(...(ngDevMode ? [{ debugName: "llmTooltip" }] : /* istanbul ignore next */ []));
+    /** Preferred tooltip placement. Falls back to the opposite side if clipped. */
+    llmTooltipPosition = input('above', ...(ngDevMode ? [{ debugName: "llmTooltipPosition" }] : /* istanbul ignore next */ []));
+    /** Disable the tooltip without removing the directive. */
+    llmTooltipDisabled = input(false, ...(ngDevMode ? [{ debugName: "llmTooltipDisabled" }] : /* istanbul ignore next */ []));
+    /** Delay in ms before the tooltip appears. */
+    llmTooltipShowDelay = input(300, ...(ngDevMode ? [{ debugName: "llmTooltipShowDelay" }] : /* istanbul ignore next */ []));
+    /** Delay in ms before the tooltip hides. */
+    llmTooltipHideDelay = input(0, ...(ngDevMode ? [{ debugName: "llmTooltipHideDelay" }] : /* istanbul ignore next */ []));
+    injector = inject(Injector);
+    elementRef = inject(ElementRef);
+    overlayRef = null;
+    showTimer = null;
+    hideTimer = null;
+    /** @internal — links host aria-describedby to the tooltip element */
+    activeTooltipId = signal(null, ...(ngDevMode ? [{ debugName: "activeTooltipId" }] : /* istanbul ignore next */ []));
+    /** @internal */
+    show() {
+        if (this.llmTooltipDisabled() || !this.llmTooltip())
+            return;
+        this.clearHideTimer();
+        if (this.overlayRef?.hasAttached())
+            return;
+        this.showTimer = setTimeout(() => {
+            this.showTimer = null;
+            this.attach();
+        }, this.llmTooltipShowDelay());
+    }
+    /** @internal */
+    hide() {
+        this.clearShowTimer();
+        if (!this.overlayRef?.hasAttached())
+            return;
+        this.hideTimer = setTimeout(() => {
+            this.hideTimer = null;
+            this.overlayRef?.detach();
+            this.activeTooltipId.set(null);
+        }, this.llmTooltipHideDelay());
+    }
+    ngOnDestroy() {
+        this.clearShowTimer();
+        this.clearHideTimer();
+        this.overlayRef?.dispose();
+        this.overlayRef = null;
+    }
+    attach() {
+        if (!this.overlayRef) {
+            this.overlayRef = this.createOverlay();
+        }
+        if (this.overlayRef.hasAttached())
+            return;
+        const id = `llm-tooltip-${nextTooltipId++}`;
+        const portal = new ComponentPortal(LlmTooltipContent);
+        const ref = this.overlayRef.attach(portal);
+        ref.setInput('text', this.llmTooltip());
+        ref.setInput('tooltipId', id);
+        this.activeTooltipId.set(id);
+    }
+    createOverlay() {
+        const positions = POSITIONS[this.llmTooltipPosition()] ?? POSITIONS['above'];
+        const positionStrategy = createFlexibleConnectedPositionStrategy(this.injector, this.elementRef)
+            .withPositions(positions)
+            .withFlexibleDimensions(false)
+            .withPush(true);
+        const scrollStrategy = createRepositionScrollStrategy(this.injector);
+        return createOverlayRef(this.injector, {
+            positionStrategy,
+            scrollStrategy,
+            panelClass: 'llm-tooltip-panel',
+        });
+    }
+    clearShowTimer() {
+        if (this.showTimer !== null) {
+            clearTimeout(this.showTimer);
+            this.showTimer = null;
+        }
+    }
+    clearHideTimer() {
+        if (this.hideTimer !== null) {
+            clearTimeout(this.hideTimer);
+            this.hideTimer = null;
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmTooltip, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.4", type: LlmTooltip, isStandalone: true, selector: "[llmTooltip]", inputs: { llmTooltip: { classPropertyName: "llmTooltip", publicName: "llmTooltip", isSignal: true, isRequired: true, transformFunction: null }, llmTooltipPosition: { classPropertyName: "llmTooltipPosition", publicName: "llmTooltipPosition", isSignal: true, isRequired: false, transformFunction: null }, llmTooltipDisabled: { classPropertyName: "llmTooltipDisabled", publicName: "llmTooltipDisabled", isSignal: true, isRequired: false, transformFunction: null }, llmTooltipShowDelay: { classPropertyName: "llmTooltipShowDelay", publicName: "llmTooltipShowDelay", isSignal: true, isRequired: false, transformFunction: null }, llmTooltipHideDelay: { classPropertyName: "llmTooltipHideDelay", publicName: "llmTooltipHideDelay", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "mouseenter": "show()", "mouseleave": "hide()", "focusin": "show()", "focusout": "hide()", "keydown.escape": "hide()" }, properties: { "attr.aria-describedby": "activeTooltipId()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmTooltip, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[llmTooltip]',
+                    standalone: true,
+                    host: {
+                        '(mouseenter)': 'show()',
+                        '(mouseleave)': 'hide()',
+                        '(focusin)': 'show()',
+                        '(focusout)': 'hide()',
+                        '(keydown.escape)': 'hide()',
+                        '[attr.aria-describedby]': 'activeTooltipId()',
+                    },
+                }]
+        }], propDecorators: { llmTooltip: [{ type: i0.Input, args: [{ isSignal: true, alias: "llmTooltip", required: true }] }], llmTooltipPosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "llmTooltipPosition", required: false }] }], llmTooltipDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "llmTooltipDisabled", required: false }] }], llmTooltipShowDelay: [{ type: i0.Input, args: [{ isSignal: true, alias: "llmTooltipShowDelay", required: false }] }], llmTooltipHideDelay: [{ type: i0.Input, args: [{ isSignal: true, alias: "llmTooltipHideDelay", required: false }] }] } });
+
+/**
+ * Loading placeholder that mimics the shape of content while it loads.
+ *
+ * Usage:
+ * ```html
+ * <llm-skeleton />
+ * <llm-skeleton variant="circular" width="40px" />
+ * <llm-skeleton variant="rectangular" height="200px" />
+ * ```
+ */
+class LlmSkeleton {
+    /** Shape variant of the skeleton placeholder. */
+    variant = input('text', ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
+    /** CSS width of the skeleton. */
+    width = input('100%', ...(ngDevMode ? [{ debugName: "width" }] : /* istanbul ignore next */ []));
+    /** CSS height — when empty, a sensible default is chosen per variant. */
+    height = input('', ...(ngDevMode ? [{ debugName: "height" }] : /* istanbul ignore next */ []));
+    /** Whether the shimmer animation is active. */
+    animated = input(true, ...(ngDevMode ? [{ debugName: "animated" }] : /* istanbul ignore next */ []));
+    computedHeight = computed(() => {
+        if (this.height())
+            return this.height();
+        switch (this.variant()) {
+            case 'text':
+                return '1em';
+            case 'circular':
+                return this.width();
+            case 'rectangular':
+                return '100px';
+        }
+    }, ...(ngDevMode ? [{ debugName: "computedHeight" }] : /* istanbul ignore next */ []));
+    hostClasses = computed(() => {
+        const classes = [`variant-${this.variant()}`];
+        if (this.animated())
+            classes.push('is-animated');
+        return classes.join(' ');
+    }, ...(ngDevMode ? [{ debugName: "hostClasses" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmSkeleton, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.4", type: LlmSkeleton, isStandalone: true, selector: "llm-skeleton", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, animated: { classPropertyName: "animated", publicName: "animated", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "aria-hidden": "true" }, properties: { "class": "hostClasses()", "style.width": "width()", "style.height": "computedHeight()" } }, ngImport: i0, template: ``, isInline: true, styles: [":host{display:block;background:var(--ui-color-border);overflow:hidden;position:relative}:host(.variant-text){border-radius:var(--ui-radius-sm)}:host(.variant-circular){border-radius:var(--ui-radius-full, 9999px)}:host(.variant-rectangular){border-radius:var(--ui-radius-md)}:host(.is-animated):after{content:\"\";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){:host(.is-animated):after{animation:none}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmSkeleton, decorators: [{
+            type: Component,
+            args: [{ selector: 'llm-skeleton', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: ``, host: {
+                        '[class]': 'hostClasses()',
+                        '[style.width]': 'width()',
+                        '[style.height]': 'computedHeight()',
+                        'aria-hidden': 'true',
+                    }, styles: [":host{display:block;background:var(--ui-color-border);overflow:hidden;position:relative}:host(.variant-text){border-radius:var(--ui-radius-sm)}:host(.variant-circular){border-radius:var(--ui-radius-full, 9999px)}:host(.variant-rectangular){border-radius:var(--ui-radius-md)}:host(.is-animated):after{content:\"\";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){:host(.is-animated):after{animation:none}}\n"] }]
+        }], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }], height: [{ type: i0.Input, args: [{ isSignal: true, alias: "height", required: false }] }], animated: [{ type: i0.Input, args: [{ isSignal: true, alias: "animated", required: false }] }] } });
+
+let toastId = 0;
+/**
+ * Service for showing transient toast notifications.
+ *
+ * Usage:
+ * ```typescript
+ * const toast = inject(LlmToastService);
+ * toast.show('Saved successfully', { variant: 'success' });
+ * ```
+ */
+class LlmToastService {
+    toasts = signal([], ...(ngDevMode ? [{ debugName: "toasts" }] : /* istanbul ignore next */ []));
+    timers = new Map();
+    /**
+     * Show a toast notification.
+     * @returns The unique id of the toast, which can be used with `dismiss()`.
+     */
+    show(message, options) {
+        const id = `llm-toast-${toastId++}`;
+        const toast = {
+            id,
+            message,
+            variant: options?.variant ?? 'default',
+            duration: options?.duration ?? 5000,
+            dismissible: options?.dismissible ?? true,
+        };
+        this.toasts.update((list) => [...list, toast]);
+        if (toast.duration > 0) {
+            const timer = setTimeout(() => this.dismiss(id), toast.duration);
+            this.timers.set(id, timer);
+        }
+        return id;
+    }
+    /** Dismiss a single toast by id. */
+    dismiss(id) {
+        const timer = this.timers.get(id);
+        if (timer !== undefined) {
+            clearTimeout(timer);
+            this.timers.delete(id);
+        }
+        this.toasts.update((list) => list.filter((t) => t.id !== id));
+    }
+    /** Clear all active toasts. */
+    clear() {
+        for (const timer of this.timers.values()) {
+            clearTimeout(timer);
+        }
+        this.timers.clear();
+        this.toasts.set([]);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmToastService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmToastService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmToastService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+/**
+ * Individual toast notification.
+ *
+ * Typically rendered by `llm-toast-container`, but can also be used standalone.
+ */
+class LlmToast {
+    /** Semantic color variant. */
+    variant = input('default', ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
+    /** Whether to show a dismiss button. */
+    dismissible = input(true, ...(ngDevMode ? [{ debugName: "dismissible" }] : /* istanbul ignore next */ []));
+    /** The message to display. */
+    message = input('', ...(ngDevMode ? [{ debugName: "message" }] : /* istanbul ignore next */ []));
+    /** Unique identifier for this toast. */
+    toastId = input('', ...(ngDevMode ? [{ debugName: "toastId" }] : /* istanbul ignore next */ []));
+    /** Emitted when the toast is dismissed by the user. */
+    dismissed = output();
+    hostClasses = computed(() => `variant-${this.variant()}`, ...(ngDevMode ? [{ debugName: "hostClasses" }] : /* istanbul ignore next */ []));
+    onDismiss() {
+        this.dismissed.emit(this.toastId());
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmToast, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: LlmToast, isStandalone: true, selector: "llm-toast", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, dismissible: { classPropertyName: "dismissible", publicName: "dismissible", isSignal: true, isRequired: false, transformFunction: null }, message: { classPropertyName: "message", publicName: "message", isSignal: true, isRequired: false, transformFunction: null }, toastId: { classPropertyName: "toastId", publicName: "toastId", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { dismissed: "dismissed" }, host: { attributes: { "role": "status" }, properties: { "class": "hostClasses()" } }, ngImport: i0, template: `
+    <span class="message">{{ message() }}</span>
+    @if (dismissible()) {
+      <button class="dismiss" type="button" aria-label="Dismiss" (click)="onDismiss()">
+        <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false">
+          <line x1="18" y1="6" x2="6" y2="18" />
+          <line x1="6" y1="6" x2="18" y2="18" />
+        </svg>
+      </button>
+    }
+  `, isInline: true, styles: [":host{display:flex;align-items:center;gap:var(--ui-spacing-3);padding:var(--ui-spacing-3) var(--ui-spacing-4);border-radius:var(--ui-radius-md);border-left:3px solid transparent;font-family:var(--ui-font-family);font-size:var(--ui-font-size-sm);line-height:var(--ui-line-height-normal);box-shadow:var(--ui-shadow-md);background-color:var(--ui-color-surface-raised, var(--ui-color-surface));color:var(--ui-color-text);pointer-events:auto;min-width:16rem;max-width:100%;box-sizing:border-box;animation:toast-enter .3s ease-out}:host(.variant-default){border-left-color:var(--ui-color-border)}:host(.variant-success){border-left-color:var(--ui-color-success);background-color:color-mix(in srgb,var(--ui-color-success) 8%,var(--ui-color-surface-raised, var(--ui-color-surface)))}:host(.variant-warning){border-left-color:var(--ui-color-warning);background-color:color-mix(in srgb,var(--ui-color-warning) 8%,var(--ui-color-surface-raised, var(--ui-color-surface)))}:host(.variant-danger){border-left-color:var(--ui-color-danger);background-color:color-mix(in srgb,var(--ui-color-danger) 8%,var(--ui-color-surface-raised, var(--ui-color-surface)))}:host(.variant-info){border-left-color:var(--ui-color-info);background-color:color-mix(in srgb,var(--ui-color-info) 8%,var(--ui-color-surface-raised, var(--ui-color-surface)))}.message{flex:1}.dismiss{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:.125rem;background:transparent;border:none;border-radius:var(--ui-radius-sm);cursor:pointer;color:var(--ui-color-text-muted, currentColor);opacity:.7;transition:opacity var(--ui-transition-fast, .15s),background-color var(--ui-transition-fast, .15s);line-height:1}.dismiss:hover{opacity:1;background-color:color-mix(in srgb,currentColor 10%,transparent)}.dismiss:focus-visible{outline:none;box-shadow:var(--ui-focus-ring);opacity:1}@keyframes toast-enter{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){:host{animation:none}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmToast, decorators: [{
+            type: Component,
+            args: [{ selector: 'llm-toast', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `
+    <span class="message">{{ message() }}</span>
+    @if (dismissible()) {
+      <button class="dismiss" type="button" aria-label="Dismiss" (click)="onDismiss()">
+        <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false">
+          <line x1="18" y1="6" x2="6" y2="18" />
+          <line x1="6" y1="6" x2="18" y2="18" />
+        </svg>
+      </button>
+    }
+  `, host: {
+                        '[class]': 'hostClasses()',
+                        role: 'status',
+                    }, styles: [":host{display:flex;align-items:center;gap:var(--ui-spacing-3);padding:var(--ui-spacing-3) var(--ui-spacing-4);border-radius:var(--ui-radius-md);border-left:3px solid transparent;font-family:var(--ui-font-family);font-size:var(--ui-font-size-sm);line-height:var(--ui-line-height-normal);box-shadow:var(--ui-shadow-md);background-color:var(--ui-color-surface-raised, var(--ui-color-surface));color:var(--ui-color-text);pointer-events:auto;min-width:16rem;max-width:100%;box-sizing:border-box;animation:toast-enter .3s ease-out}:host(.variant-default){border-left-color:var(--ui-color-border)}:host(.variant-success){border-left-color:var(--ui-color-success);background-color:color-mix(in srgb,var(--ui-color-success) 8%,var(--ui-color-surface-raised, var(--ui-color-surface)))}:host(.variant-warning){border-left-color:var(--ui-color-warning);background-color:color-mix(in srgb,var(--ui-color-warning) 8%,var(--ui-color-surface-raised, var(--ui-color-surface)))}:host(.variant-danger){border-left-color:var(--ui-color-danger);background-color:color-mix(in srgb,var(--ui-color-danger) 8%,var(--ui-color-surface-raised, var(--ui-color-surface)))}:host(.variant-info){border-left-color:var(--ui-color-info);background-color:color-mix(in srgb,var(--ui-color-info) 8%,var(--ui-color-surface-raised, var(--ui-color-surface)))}.message{flex:1}.dismiss{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:.125rem;background:transparent;border:none;border-radius:var(--ui-radius-sm);cursor:pointer;color:var(--ui-color-text-muted, currentColor);opacity:.7;transition:opacity var(--ui-transition-fast, .15s),background-color var(--ui-transition-fast, .15s);line-height:1}.dismiss:hover{opacity:1;background-color:color-mix(in srgb,currentColor 10%,transparent)}.dismiss:focus-visible{outline:none;box-shadow:var(--ui-focus-ring);opacity:1}@keyframes toast-enter{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){:host{animation:none}}\n"] }]
+        }], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], dismissible: [{ type: i0.Input, args: [{ isSignal: true, alias: "dismissible", required: false }] }], message: [{ type: i0.Input, args: [{ isSignal: true, alias: "message", required: false }] }], toastId: [{ type: i0.Input, args: [{ isSignal: true, alias: "toastId", required: false }] }], dismissed: [{ type: i0.Output, args: ["dismissed"] }] } });
+/**
+ * Container that renders the toast stack at a fixed viewport position.
+ * Place once in your app root or layout component.
+ *
+ * Usage:
+ * ```html
+ * <llm-toast-container position="bottom-right" />
+ * ```
+ */
+class LlmToastContainer {
+    toastService = inject(LlmToastService);
+    destroyRef = inject(DestroyRef);
+    /** Position of the toast stack on the viewport. */
+    position = input('bottom-right', ...(ngDevMode ? [{ debugName: "position" }] : /* istanbul ignore next */ []));
+    hostClasses = computed(() => `position-${this.position()}`, ...(ngDevMode ? [{ debugName: "hostClasses" }] : /* istanbul ignore next */ []));
+    constructor() {
+        this.destroyRef.onDestroy(() => this.toastService.clear());
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmToastContainer, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: LlmToastContainer, isStandalone: true, selector: "llm-toast-container", inputs: { position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "aria-live": "polite", "role": "status" }, properties: { "class": "hostClasses()" } }, ngImport: i0, template: `
+    @for (toast of toastService.toasts(); track toast.id) {
+      <llm-toast
+        [variant]="toast.variant"
+        [dismissible]="toast.dismissible"
+        [message]="toast.message"
+        [toastId]="toast.id"
+        (dismissed)="toastService.dismiss($event)"
+      />
+    }
+  `, isInline: true, styles: [":host{position:fixed;z-index:var(--ui-z-toast, 400);display:flex;flex-direction:column;gap:var(--ui-spacing-2);pointer-events:none;max-width:min(24rem,calc(100vw - 2rem));box-sizing:border-box}:host(.position-bottom-right){bottom:var(--ui-spacing-4);right:var(--ui-spacing-4);align-items:flex-end}:host(.position-bottom-center){bottom:var(--ui-spacing-4);left:50%;transform:translate(-50%);align-items:center}:host(.position-top-right){top:var(--ui-spacing-4);right:var(--ui-spacing-4);align-items:flex-end}:host(.position-top-center){top:var(--ui-spacing-4);left:50%;transform:translate(-50%);align-items:center}\n"], dependencies: [{ kind: "component", type: LlmToast, selector: "llm-toast", inputs: ["variant", "dismissible", "message", "toastId"], outputs: ["dismissed"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmToastContainer, decorators: [{
+            type: Component,
+            args: [{ selector: 'llm-toast-container', standalone: true, imports: [LlmToast], changeDetection: ChangeDetectionStrategy.OnPush, template: `
+    @for (toast of toastService.toasts(); track toast.id) {
+      <llm-toast
+        [variant]="toast.variant"
+        [dismissible]="toast.dismissible"
+        [message]="toast.message"
+        [toastId]="toast.id"
+        (dismissed)="toastService.dismiss($event)"
+      />
+    }
+  `, host: {
+                        '[class]': 'hostClasses()',
+                        'aria-live': 'polite',
+                        role: 'status',
+                    }, styles: [":host{position:fixed;z-index:var(--ui-z-toast, 400);display:flex;flex-direction:column;gap:var(--ui-spacing-2);pointer-events:none;max-width:min(24rem,calc(100vw - 2rem));box-sizing:border-box}:host(.position-bottom-right){bottom:var(--ui-spacing-4);right:var(--ui-spacing-4);align-items:flex-end}:host(.position-bottom-center){bottom:var(--ui-spacing-4);left:50%;transform:translate(-50%);align-items:center}:host(.position-top-right){top:var(--ui-spacing-4);right:var(--ui-spacing-4);align-items:flex-end}:host(.position-top-center){top:var(--ui-spacing-4);left:50%;transform:translate(-50%);align-items:center}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { position: [{ type: i0.Input, args: [{ isSignal: true, alias: "position", required: false }] }] } });
+
+/**
+ * Displays a user avatar with image, initials, or icon fallback.
+ *
+ * Fallback order: image → initials (from `name`) → generic icon.
+ *
+ * Usage:
+ * ```html
+ * <llm-avatar src="https://example.com/photo.jpg" name="Jane Doe" />
+ * <llm-avatar name="John Smith" size="lg" status="online" />
+ * <llm-avatar size="sm" shape="square" />
+ * ```
+ */
+class LlmAvatar {
+    /** Image URL. Falls back to initials or icon if empty or fails to load. */
+    src = input('', ...(ngDevMode ? [{ debugName: "src" }] : /* istanbul ignore next */ []));
+    /** Alt text for the image (also used as aria-label). */
+    alt = input('', ...(ngDevMode ? [{ debugName: "alt" }] : /* istanbul ignore next */ []));
+    /** Full name used to generate initials fallback and default aria-label. */
+    name = input('', ...(ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []));
+    /** Size of the avatar. */
+    size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    /** Shape of the avatar. */
+    shape = input('circle', ...(ngDevMode ? [{ debugName: "shape" }] : /* istanbul ignore next */ []));
+    /** Presence status indicator dot. Empty string hides the dot. */
+    status = input('', ...(ngDevMode ? [{ debugName: "status" }] : /* istanbul ignore next */ []));
+    /** @internal — reset to true whenever src changes */
+    showImage = signal(true, ...(ngDevMode ? [{ debugName: "showImage" }] : /* istanbul ignore next */ []));
+    /** @internal */
+    initials = computed(() => {
+        const name = this.name();
+        if (!name)
+            return '';
+        return name
+            .split(' ')
+            .filter(Boolean)
+            .slice(0, 2)
+            .map((w) => w[0].toUpperCase())
+            .join('');
+    }, ...(ngDevMode ? [{ debugName: "initials" }] : /* istanbul ignore next */ []));
+    /** @internal */
+    ariaLabel = computed(() => this.alt() || this.name() || 'Avatar', ...(ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
+    /** @internal */
+    hostClasses = computed(() => `size-${this.size()} shape-${this.shape()}`, ...(ngDevMode ? [{ debugName: "hostClasses" }] : /* istanbul ignore next */ []));
+    constructor() {
+        effect(() => {
+            this.src(); // track src changes
+            untracked(() => this.showImage.set(true));
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmAvatar, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: LlmAvatar, isStandalone: true, selector: "llm-avatar", inputs: { src: { classPropertyName: "src", publicName: "src", isSignal: true, isRequired: false, transformFunction: null }, alt: { classPropertyName: "alt", publicName: "alt", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, shape: { classPropertyName: "shape", publicName: "shape", isSignal: true, isRequired: false, transformFunction: null }, status: { classPropertyName: "status", publicName: "status", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "img" }, properties: { "class": "hostClasses()", "attr.aria-label": "ariaLabel()" } }, ngImport: i0, template: `
+    <!-- eslint-disable -->
+    @if (src() && showImage()) {
+      <img [src]="src()" [alt]="alt()" (error)="showImage.set(false)" />
+    } @else if (initials()) {
+      <span class="initials" aria-hidden="true">{{ initials() }}</span>
+    } @else {
+      <svg class="icon" aria-hidden="true" viewBox="0 0 24 24" fill="currentColor">
+        <path d="M12 12c2.761 0 5-2.239 5-5s-2.239-5-5-5-5 2.239-5 5 2.239 5 5 5zm0 2c-3.314 0-10 1.343-10 4v2h20v-2c0-2.657-6.686-4-10-4z" />
+      </svg>
+    }
+    @if (status()) {
+      <span [class]="'status-dot status-' + status()" aria-hidden="true"></span>
+    }
+  `, isInline: true, styles: [":host{display:inline-flex;align-items:center;justify-content:center;position:relative;overflow:hidden;flex-shrink:0;font-family:var(--ui-font-family);font-weight:var(--ui-font-weight-semibold);background-color:color-mix(in srgb,var(--ui-color-primary) 12%,var(--ui-color-surface-sunken));color:var(--ui-color-primary);-webkit-user-select:none;user-select:none}:host(.size-xs){width:24px;height:24px;font-size:.625rem}:host(.size-sm){width:32px;height:32px;font-size:var(--ui-font-size-xs)}:host(.size-md){width:40px;height:40px;font-size:var(--ui-font-size-sm)}:host(.size-lg){width:48px;height:48px;font-size:var(--ui-font-size-md)}:host(.size-xl){width:64px;height:64px;font-size:var(--ui-font-size-lg)}:host(.shape-circle){border-radius:var(--ui-radius-full)}:host(.shape-square){border-radius:var(--ui-radius-md)}img{width:100%;height:100%;object-fit:cover;display:block}.initials{line-height:1;letter-spacing:.02em}.icon{width:55%;height:55%;opacity:.6}.status-dot{position:absolute;bottom:0;right:0;width:25%;height:25%;min-width:6px;min-height:6px;max-width:14px;max-height:14px;border-radius:var(--ui-radius-full);border:2px solid var(--ui-color-surface);box-sizing:content-box}.status-dot.status-online{background-color:var(--ui-color-success)}.status-dot.status-offline{background-color:var(--ui-color-text-muted)}.status-dot.status-away{background-color:var(--ui-color-warning)}.status-dot.status-busy{background-color:var(--ui-color-danger)}:host(.group){display:inline-flex;align-items:center;background:none;overflow:visible;padding-inline-start:4px}:host-context(llm-avatar-group){box-shadow:0 0 0 2px var(--ui-color-surface);margin-inline-start:-8px}.overflow-badge{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background-color:var(--ui-color-surface-sunken);color:var(--ui-color-text-muted);border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-full);font-family:var(--ui-font-family);font-weight:var(--ui-font-weight-semibold);box-shadow:0 0 0 2px var(--ui-color-surface);margin-inline-start:-8px}.overflow-badge.size-xs{width:24px;height:24px;font-size:.5625rem}.overflow-badge.size-sm{width:32px;height:32px;font-size:var(--ui-font-size-xs)}.overflow-badge.size-md{width:40px;height:40px;font-size:var(--ui-font-size-sm)}.overflow-badge.size-lg{width:48px;height:48px;font-size:var(--ui-font-size-sm)}.overflow-badge.size-xl{width:64px;height:64px;font-size:var(--ui-font-size-md)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmAvatar, decorators: [{
+            type: Component,
+            args: [{ selector: 'llm-avatar', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `
+    <!-- eslint-disable -->
+    @if (src() && showImage()) {
+      <img [src]="src()" [alt]="alt()" (error)="showImage.set(false)" />
+    } @else if (initials()) {
+      <span class="initials" aria-hidden="true">{{ initials() }}</span>
+    } @else {
+      <svg class="icon" aria-hidden="true" viewBox="0 0 24 24" fill="currentColor">
+        <path d="M12 12c2.761 0 5-2.239 5-5s-2.239-5-5-5-5 2.239-5 5 2.239 5 5 5zm0 2c-3.314 0-10 1.343-10 4v2h20v-2c0-2.657-6.686-4-10-4z" />
+      </svg>
+    }
+    @if (status()) {
+      <span [class]="'status-dot status-' + status()" aria-hidden="true"></span>
+    }
+  `, host: {
+                        '[class]': 'hostClasses()',
+                        role: 'img',
+                        '[attr.aria-label]': 'ariaLabel()',
+                    }, styles: [":host{display:inline-flex;align-items:center;justify-content:center;position:relative;overflow:hidden;flex-shrink:0;font-family:var(--ui-font-family);font-weight:var(--ui-font-weight-semibold);background-color:color-mix(in srgb,var(--ui-color-primary) 12%,var(--ui-color-surface-sunken));color:var(--ui-color-primary);-webkit-user-select:none;user-select:none}:host(.size-xs){width:24px;height:24px;font-size:.625rem}:host(.size-sm){width:32px;height:32px;font-size:var(--ui-font-size-xs)}:host(.size-md){width:40px;height:40px;font-size:var(--ui-font-size-sm)}:host(.size-lg){width:48px;height:48px;font-size:var(--ui-font-size-md)}:host(.size-xl){width:64px;height:64px;font-size:var(--ui-font-size-lg)}:host(.shape-circle){border-radius:var(--ui-radius-full)}:host(.shape-square){border-radius:var(--ui-radius-md)}img{width:100%;height:100%;object-fit:cover;display:block}.initials{line-height:1;letter-spacing:.02em}.icon{width:55%;height:55%;opacity:.6}.status-dot{position:absolute;bottom:0;right:0;width:25%;height:25%;min-width:6px;min-height:6px;max-width:14px;max-height:14px;border-radius:var(--ui-radius-full);border:2px solid var(--ui-color-surface);box-sizing:content-box}.status-dot.status-online{background-color:var(--ui-color-success)}.status-dot.status-offline{background-color:var(--ui-color-text-muted)}.status-dot.status-away{background-color:var(--ui-color-warning)}.status-dot.status-busy{background-color:var(--ui-color-danger)}:host(.group){display:inline-flex;align-items:center;background:none;overflow:visible;padding-inline-start:4px}:host-context(llm-avatar-group){box-shadow:0 0 0 2px var(--ui-color-surface);margin-inline-start:-8px}.overflow-badge{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background-color:var(--ui-color-surface-sunken);color:var(--ui-color-text-muted);border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-full);font-family:var(--ui-font-family);font-weight:var(--ui-font-weight-semibold);box-shadow:0 0 0 2px var(--ui-color-surface);margin-inline-start:-8px}.overflow-badge.size-xs{width:24px;height:24px;font-size:.5625rem}.overflow-badge.size-sm{width:32px;height:32px;font-size:var(--ui-font-size-xs)}.overflow-badge.size-md{width:40px;height:40px;font-size:var(--ui-font-size-sm)}.overflow-badge.size-lg{width:48px;height:48px;font-size:var(--ui-font-size-sm)}.overflow-badge.size-xl{width:64px;height:64px;font-size:var(--ui-font-size-md)}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { src: [{ type: i0.Input, args: [{ isSignal: true, alias: "src", required: false }] }], alt: [{ type: i0.Input, args: [{ isSignal: true, alias: "alt", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], shape: [{ type: i0.Input, args: [{ isSignal: true, alias: "shape", required: false }] }], status: [{ type: i0.Input, args: [{ isSignal: true, alias: "status", required: false }] }] } });
+/**
+ * Groups multiple avatars with overlap and an overflow count badge.
+ *
+ * Usage:
+ * ```html
+ * <llm-avatar-group [max]="3" size="md">
+ *   <llm-avatar name="Alice" />
+ *   <llm-avatar name="Bob" />
+ *   <llm-avatar name="Charlie" />
+ *   <llm-avatar name="Dave" />
+ * </llm-avatar-group>
+ * ```
+ */
+class LlmAvatarGroup {
+    /** Maximum visible avatars before showing an overflow count. */
+    max = input(5, ...(ngDevMode ? [{ debugName: "max" }] : /* istanbul ignore next */ []));
+    /** Size applied to the overflow badge (match the size used on child avatars). */
+    size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    avatarEls = contentChildren(LlmAvatar, { ...(ngDevMode ? { debugName: "avatarEls" } : /* istanbul ignore next */ {}), read: ElementRef });
+    overflowCount = computed(() => Math.max(0, this.avatarEls().length - this.max()), ...(ngDevMode ? [{ debugName: "overflowCount" }] : /* istanbul ignore next */ []));
+    constructor() {
+        effect(() => {
+            const max = this.max();
+            this.avatarEls().forEach((el, i) => {
+                el.nativeElement.style.display = i >= max ? 'none' : '';
+            });
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmAvatarGroup, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: LlmAvatarGroup, isStandalone: true, selector: "llm-avatar-group", inputs: { max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "\"group size-\" + size()" }, classAttribute: "group" }, queries: [{ propertyName: "avatarEls", predicate: LlmAvatar, read: ElementRef, isSignal: true }], ngImport: i0, template: `
+    <ng-content />
+    @if (overflowCount() > 0) {
+      <span [class]="'overflow-badge size-' + size()">+{{ overflowCount() }}</span>
+    }
+  `, isInline: true, styles: [":host{display:inline-flex;align-items:center;justify-content:center;position:relative;overflow:hidden;flex-shrink:0;font-family:var(--ui-font-family);font-weight:var(--ui-font-weight-semibold);background-color:color-mix(in srgb,var(--ui-color-primary) 12%,var(--ui-color-surface-sunken));color:var(--ui-color-primary);-webkit-user-select:none;user-select:none}:host(.size-xs){width:24px;height:24px;font-size:.625rem}:host(.size-sm){width:32px;height:32px;font-size:var(--ui-font-size-xs)}:host(.size-md){width:40px;height:40px;font-size:var(--ui-font-size-sm)}:host(.size-lg){width:48px;height:48px;font-size:var(--ui-font-size-md)}:host(.size-xl){width:64px;height:64px;font-size:var(--ui-font-size-lg)}:host(.shape-circle){border-radius:var(--ui-radius-full)}:host(.shape-square){border-radius:var(--ui-radius-md)}img{width:100%;height:100%;object-fit:cover;display:block}.initials{line-height:1;letter-spacing:.02em}.icon{width:55%;height:55%;opacity:.6}.status-dot{position:absolute;bottom:0;right:0;width:25%;height:25%;min-width:6px;min-height:6px;max-width:14px;max-height:14px;border-radius:var(--ui-radius-full);border:2px solid var(--ui-color-surface);box-sizing:content-box}.status-dot.status-online{background-color:var(--ui-color-success)}.status-dot.status-offline{background-color:var(--ui-color-text-muted)}.status-dot.status-away{background-color:var(--ui-color-warning)}.status-dot.status-busy{background-color:var(--ui-color-danger)}:host(.group){display:inline-flex;align-items:center;background:none;overflow:visible;padding-inline-start:4px}:host-context(llm-avatar-group){box-shadow:0 0 0 2px var(--ui-color-surface);margin-inline-start:-8px}.overflow-badge{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background-color:var(--ui-color-surface-sunken);color:var(--ui-color-text-muted);border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-full);font-family:var(--ui-font-family);font-weight:var(--ui-font-weight-semibold);box-shadow:0 0 0 2px var(--ui-color-surface);margin-inline-start:-8px}.overflow-badge.size-xs{width:24px;height:24px;font-size:.5625rem}.overflow-badge.size-sm{width:32px;height:32px;font-size:var(--ui-font-size-xs)}.overflow-badge.size-md{width:40px;height:40px;font-size:var(--ui-font-size-sm)}.overflow-badge.size-lg{width:48px;height:48px;font-size:var(--ui-font-size-sm)}.overflow-badge.size-xl{width:64px;height:64px;font-size:var(--ui-font-size-md)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmAvatarGroup, decorators: [{
+            type: Component,
+            args: [{ selector: 'llm-avatar-group', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `
+    <ng-content />
+    @if (overflowCount() > 0) {
+      <span [class]="'overflow-badge size-' + size()">+{{ overflowCount() }}</span>
+    }
+  `, host: {
+                        class: 'group',
+                        '[class]': '"group size-" + size()',
+                    }, styles: [":host{display:inline-flex;align-items:center;justify-content:center;position:relative;overflow:hidden;flex-shrink:0;font-family:var(--ui-font-family);font-weight:var(--ui-font-weight-semibold);background-color:color-mix(in srgb,var(--ui-color-primary) 12%,var(--ui-color-surface-sunken));color:var(--ui-color-primary);-webkit-user-select:none;user-select:none}:host(.size-xs){width:24px;height:24px;font-size:.625rem}:host(.size-sm){width:32px;height:32px;font-size:var(--ui-font-size-xs)}:host(.size-md){width:40px;height:40px;font-size:var(--ui-font-size-sm)}:host(.size-lg){width:48px;height:48px;font-size:var(--ui-font-size-md)}:host(.size-xl){width:64px;height:64px;font-size:var(--ui-font-size-lg)}:host(.shape-circle){border-radius:var(--ui-radius-full)}:host(.shape-square){border-radius:var(--ui-radius-md)}img{width:100%;height:100%;object-fit:cover;display:block}.initials{line-height:1;letter-spacing:.02em}.icon{width:55%;height:55%;opacity:.6}.status-dot{position:absolute;bottom:0;right:0;width:25%;height:25%;min-width:6px;min-height:6px;max-width:14px;max-height:14px;border-radius:var(--ui-radius-full);border:2px solid var(--ui-color-surface);box-sizing:content-box}.status-dot.status-online{background-color:var(--ui-color-success)}.status-dot.status-offline{background-color:var(--ui-color-text-muted)}.status-dot.status-away{background-color:var(--ui-color-warning)}.status-dot.status-busy{background-color:var(--ui-color-danger)}:host(.group){display:inline-flex;align-items:center;background:none;overflow:visible;padding-inline-start:4px}:host-context(llm-avatar-group){box-shadow:0 0 0 2px var(--ui-color-surface);margin-inline-start:-8px}.overflow-badge{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background-color:var(--ui-color-surface-sunken);color:var(--ui-color-text-muted);border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-full);font-family:var(--ui-font-family);font-weight:var(--ui-font-weight-semibold);box-shadow:0 0 0 2px var(--ui-color-surface);margin-inline-start:-8px}.overflow-badge.size-xs{width:24px;height:24px;font-size:.5625rem}.overflow-badge.size-sm{width:32px;height:32px;font-size:var(--ui-font-size-xs)}.overflow-badge.size-md{width:40px;height:40px;font-size:var(--ui-font-size-sm)}.overflow-badge.size-lg{width:48px;height:48px;font-size:var(--ui-font-size-sm)}.overflow-badge.size-xl{width:64px;height:64px;font-size:var(--ui-font-size-md)}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], avatarEls: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => LlmAvatar), { ...{ read: ElementRef }, isSignal: true }] }] } });
+
+/**
+ * Progress bar with determinate and indeterminate states.
+ *
+ * Usage:
+ * ```html
+ * <llm-progress [value]="75" />
+ * <llm-progress variant="success" [value]="100" />
+ * <llm-progress [indeterminate]="true" />
+ * ```
+ */
+class LlmProgress {
+    /** Current value of the progress bar. */
+    value = input(0, ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    /** Maximum value. */
+    max = input(100, ...(ngDevMode ? [{ debugName: "max" }] : /* istanbul ignore next */ []));
+    /** Semantic color variant. */
+    variant = input('default', ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
+    /** Height size of the track. */
+    size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    /** Shows an animated indeterminate state (loading). */
+    indeterminate = input(false, ...(ngDevMode ? [{ debugName: "indeterminate" }] : /* istanbul ignore next */ []));
+    clampedValue = computed(() => Math.min(Math.max(this.value(), 0), this.max()), ...(ngDevMode ? [{ debugName: "clampedValue" }] : /* istanbul ignore next */ []));
+    fillWidth = computed(() => this.indeterminate()
+        ? '100%'
+        : `${(this.clampedValue() / this.max()) * 100}%`, ...(ngDevMode ? [{ debugName: "fillWidth" }] : /* istanbul ignore next */ []));
+    hostClasses = computed(() => `variant-${this.variant()} size-${this.size()}${this.indeterminate() ? ' is-indeterminate' : ''}`, ...(ngDevMode ? [{ debugName: "hostClasses" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmProgress, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.4", type: LlmProgress, isStandalone: true, selector: "llm-progress", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, indeterminate: { classPropertyName: "indeterminate", publicName: "indeterminate", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "progressbar", "aria-valuemin": "0" }, properties: { "attr.aria-valuenow": "indeterminate() ? null : clampedValue()", "attr.aria-valuemax": "indeterminate() ? null : max()", "class": "hostClasses()" } }, ngImport: i0, template: `
+    <div class="track">
+      <div class="fill" [style.width]="fillWidth()"></div>
+    </div>
+  `, isInline: true, styles: [":host{display:block;width:100%;font-family:var(--ui-font-family)}.track{position:relative;width:100%;border-radius:var(--ui-radius-full);background-color:var(--ui-color-surface-sunken);overflow:hidden}:host(.size-sm) .track{height:4px}:host(.size-md) .track{height:8px}:host(.size-lg) .track{height:12px}.fill{height:100%;border-radius:var(--ui-radius-full);background-color:var(--ui-color-primary);transition:width var(--ui-transition-normal)}:host(.variant-success) .fill{background-color:var(--ui-color-success)}:host(.variant-warning) .fill{background-color:var(--ui-color-warning)}:host(.variant-danger) .fill{background-color:var(--ui-color-danger)}@keyframes progress-indeterminate{0%{transform:translate(-150%)}to{transform:translate(350%)}}:host(.is-indeterminate) .fill{width:40%!important;animation:progress-indeterminate 1.4s var(--ui-ease-in-out) infinite}@media(prefers-reduced-motion:reduce){:host(.is-indeterminate) .fill{animation:none;opacity:.5}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmProgress, decorators: [{
+            type: Component,
+            args: [{ selector: 'llm-progress', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `
+    <div class="track">
+      <div class="fill" [style.width]="fillWidth()"></div>
+    </div>
+  `, host: {
+                        role: 'progressbar',
+                        'aria-valuemin': '0',
+                        '[attr.aria-valuenow]': 'indeterminate() ? null : clampedValue()',
+                        '[attr.aria-valuemax]': 'indeterminate() ? null : max()',
+                        '[class]': 'hostClasses()',
+                    }, styles: [":host{display:block;width:100%;font-family:var(--ui-font-family)}.track{position:relative;width:100%;border-radius:var(--ui-radius-full);background-color:var(--ui-color-surface-sunken);overflow:hidden}:host(.size-sm) .track{height:4px}:host(.size-md) .track{height:8px}:host(.size-lg) .track{height:12px}.fill{height:100%;border-radius:var(--ui-radius-full);background-color:var(--ui-color-primary);transition:width var(--ui-transition-normal)}:host(.variant-success) .fill{background-color:var(--ui-color-success)}:host(.variant-warning) .fill{background-color:var(--ui-color-warning)}:host(.variant-danger) .fill{background-color:var(--ui-color-danger)}@keyframes progress-indeterminate{0%{transform:translate(-150%)}to{transform:translate(350%)}}:host(.is-indeterminate) .fill{width:40%!important;animation:progress-indeterminate 1.4s var(--ui-ease-in-out) infinite}@media(prefers-reduced-motion:reduce){:host(.is-indeterminate) .fill{animation:none;opacity:.5}}\n"] }]
+        }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], indeterminate: [{ type: i0.Input, args: [{ isSignal: true, alias: "indeterminate", required: false }] }] } });
+
+const LLM_BREADCRUMBS = new InjectionToken('LLM_BREADCRUMBS');
+
+/**
+ * Accessible breadcrumb navigation. Wrap `llm-breadcrumb-item` elements inside.
+ * The last item is automatically marked as the current page.
+ *
+ * Usage:
+ * ```html
+ * <llm-breadcrumbs>
+ *   <llm-breadcrumb-item href="/home">Home</llm-breadcrumb-item>
+ *   <llm-breadcrumb-item href="/products">Products</llm-breadcrumb-item>
+ *   <llm-breadcrumb-item>Widget X</llm-breadcrumb-item>
+ * </llm-breadcrumbs>
+ * ```
+ */
+class LlmBreadcrumbs {
+    _itemIds = signal([], ...(ngDevMode ? [{ debugName: "_itemIds" }] : /* istanbul ignore next */ []));
+    _nextId = 0;
+    /** @internal — used by LlmBreadcrumbItem via LLM_BREADCRUMBS token */
+    lastItemId = computed(() => {
+        const ids = this._itemIds();
+        return ids.length > 0 ? ids[ids.length - 1] : -1;
+    }, ...(ngDevMode ? [{ debugName: "lastItemId" }] : /* istanbul ignore next */ []));
+    /** @internal */
+    registerItem() {
+        const id = this._nextId++;
+        this._itemIds.update((ids) => [...ids, id]);
+        return id;
+    }
+    /** @internal */
+    unregisterItem(id) {
+        this._itemIds.update((ids) => ids.filter((i) => i !== id));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmBreadcrumbs, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.4", type: LlmBreadcrumbs, isStandalone: true, selector: "llm-breadcrumbs", providers: [
+            {
+                provide: LLM_BREADCRUMBS,
+                useFactory: (bc) => ({
+                    registerItem: () => bc.registerItem(),
+                    unregisterItem: (id) => bc.unregisterItem(id),
+                    lastItemId: bc.lastItemId,
+                }),
+                deps: [LlmBreadcrumbs],
+            },
+        ], ngImport: i0, template: `
+    <nav aria-label="Breadcrumb">
+      <ol role="list" class="list">
+        <ng-content />
+      </ol>
+    </nav>
+  `, isInline: true, styles: ["llm-breadcrumbs{display:block;font-family:var(--ui-font-family)}nav{display:block}.list{display:flex;flex-wrap:wrap;align-items:center;gap:0;list-style:none;margin:0;padding:0;font-size:var(--ui-font-size-sm);color:var(--ui-color-text-muted)}llm-breadcrumb-item{display:contents}.item{display:flex;align-items:center}.item:after{content:\"\\203a\";margin:0 var(--ui-spacing-2);color:var(--ui-color-border-hover);font-size:var(--ui-font-size-md);line-height:1}:host(.is-current) .item:after{display:none}.item a[href]{color:var(--ui-color-text-muted);text-decoration:none;border-radius:var(--ui-radius-sm);padding:.125rem .25rem;margin:-.125rem -.25rem;transition:color var(--ui-transition-fast)}.item a[href]:hover{color:var(--ui-color-text);text-decoration:underline}.item a[href]:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}.item a:not([href]){color:var(--ui-color-text);font-weight:var(--ui-font-weight-semibold)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmBreadcrumbs, decorators: [{
+            type: Component,
+            args: [{ selector: 'llm-breadcrumbs', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: LLM_BREADCRUMBS,
+                            useFactory: (bc) => ({
+                                registerItem: () => bc.registerItem(),
+                                unregisterItem: (id) => bc.unregisterItem(id),
+                                lastItemId: bc.lastItemId,
+                            }),
+                            deps: [LlmBreadcrumbs],
+                        },
+                    ], template: `
+    <nav aria-label="Breadcrumb">
+      <ol role="list" class="list">
+        <ng-content />
+      </ol>
+    </nav>
+  `, styles: ["llm-breadcrumbs{display:block;font-family:var(--ui-font-family)}nav{display:block}.list{display:flex;flex-wrap:wrap;align-items:center;gap:0;list-style:none;margin:0;padding:0;font-size:var(--ui-font-size-sm);color:var(--ui-color-text-muted)}llm-breadcrumb-item{display:contents}.item{display:flex;align-items:center}.item:after{content:\"\\203a\";margin:0 var(--ui-spacing-2);color:var(--ui-color-border-hover);font-size:var(--ui-font-size-md);line-height:1}:host(.is-current) .item:after{display:none}.item a[href]{color:var(--ui-color-text-muted);text-decoration:none;border-radius:var(--ui-radius-sm);padding:.125rem .25rem;margin:-.125rem -.25rem;transition:color var(--ui-transition-fast)}.item a[href]:hover{color:var(--ui-color-text);text-decoration:underline}.item a[href]:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}.item a:not([href]){color:var(--ui-color-text);font-weight:var(--ui-font-weight-semibold)}\n"] }]
+        }] });
+/**
+ * A single breadcrumb step. The last item is automatically treated as
+ * `aria-current="page"` and rendered as plain text (no link).
+ */
+class LlmBreadcrumbItem {
+    /** Optional href for navigation. Ignored on the last (current) item. */
+    href = input('', ...(ngDevMode ? [{ debugName: "href" }] : /* istanbul ignore next */ []));
+    context = inject(LLM_BREADCRUMBS);
+    myIndex = signal(-1, ...(ngDevMode ? [{ debugName: "myIndex" }] : /* istanbul ignore next */ []));
+    isCurrent = computed(() => this.myIndex() >= 0 && this.myIndex() === this.context.lastItemId(), ...(ngDevMode ? [{ debugName: "isCurrent" }] : /* istanbul ignore next */ []));
+    ngOnInit() {
+        this.myIndex.set(this.context.registerItem());
+    }
+    ngOnDestroy() {
+        if (this.myIndex() >= 0) {
+            this.context.unregisterItem(this.myIndex());
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmBreadcrumbItem, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.4", type: LlmBreadcrumbItem, isStandalone: true, selector: "llm-breadcrumb-item", inputs: { href: { classPropertyName: "href", publicName: "href", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.is-current": "isCurrent()" } }, ngImport: i0, template: `
+    <li class="item">
+      <a
+        [attr.href]="href() && !isCurrent() ? href() : null"
+        [attr.aria-current]="isCurrent() ? 'page' : null"
+      ><ng-content /></a>
+    </li>
+  `, isInline: true, styles: ["llm-breadcrumbs{display:block;font-family:var(--ui-font-family)}nav{display:block}.list{display:flex;flex-wrap:wrap;align-items:center;gap:0;list-style:none;margin:0;padding:0;font-size:var(--ui-font-size-sm);color:var(--ui-color-text-muted)}llm-breadcrumb-item{display:contents}.item{display:flex;align-items:center}.item:after{content:\"\\203a\";margin:0 var(--ui-spacing-2);color:var(--ui-color-border-hover);font-size:var(--ui-font-size-md);line-height:1}:host(.is-current) .item:after{display:none}.item a[href]{color:var(--ui-color-text-muted);text-decoration:none;border-radius:var(--ui-radius-sm);padding:.125rem .25rem;margin:-.125rem -.25rem;transition:color var(--ui-transition-fast)}.item a[href]:hover{color:var(--ui-color-text);text-decoration:underline}.item a[href]:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}.item a:not([href]){color:var(--ui-color-text);font-weight:var(--ui-font-weight-semibold)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmBreadcrumbItem, decorators: [{
+            type: Component,
+            args: [{ selector: 'llm-breadcrumb-item', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `
+    <li class="item">
+      <a
+        [attr.href]="href() && !isCurrent() ? href() : null"
+        [attr.aria-current]="isCurrent() ? 'page' : null"
+      ><ng-content /></a>
+    </li>
+  `, host: {
+                        '[class.is-current]': 'isCurrent()',
+                    }, styles: ["llm-breadcrumbs{display:block;font-family:var(--ui-font-family)}nav{display:block}.list{display:flex;flex-wrap:wrap;align-items:center;gap:0;list-style:none;margin:0;padding:0;font-size:var(--ui-font-size-sm);color:var(--ui-color-text-muted)}llm-breadcrumb-item{display:contents}.item{display:flex;align-items:center}.item:after{content:\"\\203a\";margin:0 var(--ui-spacing-2);color:var(--ui-color-border-hover);font-size:var(--ui-font-size-md);line-height:1}:host(.is-current) .item:after{display:none}.item a[href]{color:var(--ui-color-text-muted);text-decoration:none;border-radius:var(--ui-radius-sm);padding:.125rem .25rem;margin:-.125rem -.25rem;transition:color var(--ui-transition-fast)}.item a[href]:hover{color:var(--ui-color-text);text-decoration:underline}.item a[href]:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}.item a:not([href]){color:var(--ui-color-text);font-weight:var(--ui-font-weight-semibold)}\n"] }]
+        }], propDecorators: { href: [{ type: i0.Input, args: [{ isSignal: true, alias: "href", required: false }] }] } });
+
+/**
+ * Pagination control for navigating multi-page content.
+ *
+ * Usage:
+ * ```html
+ * <llm-pagination [(page)]="currentPage" [pageCount]="totalPages" />
+ * ```
+ */
+class LlmPagination {
+    /** Current page (1-based). Supports two-way binding: [(page)]="currentPage". */
+    page = model(1, ...(ngDevMode ? [{ debugName: "page" }] : /* istanbul ignore next */ []));
+    /** Total number of pages. */
+    pageCount = input(1, ...(ngDevMode ? [{ debugName: "pageCount" }] : /* istanbul ignore next */ []));
+    /** Number of page buttons to show on each side of the current page. */
+    siblingCount = input(1, ...(ngDevMode ? [{ debugName: "siblingCount" }] : /* istanbul ignore next */ []));
+    /** Whether to show first/last page jump buttons. */
+    showFirstLast = input(true, ...(ngDevMode ? [{ debugName: "showFirstLast" }] : /* istanbul ignore next */ []));
+    pageItems = computed(() => {
+        const total = this.pageCount();
+        const current = this.page();
+        const siblings = this.siblingCount();
+        if (total <= 1)
+            return [{ type: 'page', page: 1 }];
+        const items = [];
+        // Always include first page
+        items.push({ type: 'page', page: 1 });
+        const left = Math.max(2, current - siblings);
+        const right = Math.min(total - 1, current + siblings);
+        // Left ellipsis
+        if (left > 2) {
+            items.push({ type: 'ellipsis', key: 'ellipsis-start' });
+        }
+        // Middle pages
+        for (let p = left; p <= right; p++) {
+            items.push({ type: 'page', page: p });
+        }
+        // Right ellipsis
+        if (right < total - 1) {
+            items.push({ type: 'ellipsis', key: 'ellipsis-end' });
+        }
+        // Always include last page
+        items.push({ type: 'page', page: total });
+        return items;
+    }, ...(ngDevMode ? [{ debugName: "pageItems" }] : /* istanbul ignore next */ []));
+    goTo(p) {
+        const clamped = Math.min(Math.max(p, 1), this.pageCount());
+        this.page.set(clamped);
+    }
+    goPrev() {
+        this.goTo(this.page() - 1);
+    }
+    goNext() {
+        this.goTo(this.page() + 1);
+    }
+    goFirst() {
+        this.goTo(1);
+    }
+    goLast() {
+        this.goTo(this.pageCount());
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmPagination, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: LlmPagination, isStandalone: true, selector: "llm-pagination", inputs: { page: { classPropertyName: "page", publicName: "page", isSignal: true, isRequired: false, transformFunction: null }, pageCount: { classPropertyName: "pageCount", publicName: "pageCount", isSignal: true, isRequired: false, transformFunction: null }, siblingCount: { classPropertyName: "siblingCount", publicName: "siblingCount", isSignal: true, isRequired: false, transformFunction: null }, showFirstLast: { classPropertyName: "showFirstLast", publicName: "showFirstLast", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { page: "pageChange" }, ngImport: i0, template: `
+    <nav aria-label="Pagination">
+      <ul role="list" class="page-list">
+        @if (showFirstLast()) {
+          <li>
+            <button
+              class="page-btn"
+              [class.is-disabled]="page() <= 1"
+              [disabled]="page() <= 1"
+              aria-label="First page"
+              (click)="goFirst()"
+            >«</button>
+          </li>
+        }
+        <li>
+          <button
+            class="page-btn"
+            [class.is-disabled]="page() <= 1"
+            [disabled]="page() <= 1"
+            aria-label="Previous page"
+            (click)="goPrev()"
+          >‹</button>
+        </li>
+
+        @for (item of pageItems(); track $index) {
+          @if (item.type === 'page') {
+            <li>
+              <button
+                class="page-btn"
+                [class.is-active]="item.page === page()"
+                [attr.aria-current]="item.page === page() ? 'page' : null"
+                [attr.aria-label]="'Page ' + item.page"
+                (click)="goTo(item.page)"
+              >{{ item.page }}</button>
+            </li>
+          } @else {
+            <li>
+              <span class="ellipsis" aria-hidden="true">…</span>
+            </li>
+          }
+        }
+
+        <li>
+          <button
+            class="page-btn"
+            [class.is-disabled]="page() >= pageCount()"
+            [disabled]="page() >= pageCount()"
+            aria-label="Next page"
+            (click)="goNext()"
+          >›</button>
+        </li>
+        @if (showFirstLast()) {
+          <li>
+            <button
+              class="page-btn"
+              [class.is-disabled]="page() >= pageCount()"
+              [disabled]="page() >= pageCount()"
+              aria-label="Last page"
+              (click)="goLast()"
+            >»</button>
+          </li>
+        }
+      </ul>
+    </nav>
+  `, isInline: true, styles: [":host{display:block;font-family:var(--ui-font-family)}nav{display:block}.page-list{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ui-spacing-1);list-style:none;margin:0;padding:0}.page-btn{all:unset;display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:var(--ui-radius-md);border:1px solid var(--ui-color-border);background:var(--ui-color-surface);color:var(--ui-color-text);font-size:var(--ui-font-size-sm);font-weight:var(--ui-font-weight-medium);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--ui-transition-fast),border-color var(--ui-transition-fast),color var(--ui-transition-fast)}.page-btn:hover:not(:disabled){background-color:var(--ui-color-surface-sunken);border-color:var(--ui-color-border-hover)}.page-btn:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}.page-btn.is-active{background-color:var(--ui-color-primary);border-color:var(--ui-color-primary);color:var(--ui-color-text-on-primary)}.page-btn.is-active:hover{background-color:var(--ui-color-primary-hover);border-color:var(--ui-color-primary-hover)}.page-btn.is-disabled,.page-btn:disabled{opacity:.4;pointer-events:none;cursor:default}.ellipsis{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;color:var(--ui-color-text-muted);font-size:var(--ui-font-size-sm);-webkit-user-select:none;user-select:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmPagination, decorators: [{
+            type: Component,
+            args: [{ selector: 'llm-pagination', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `
+    <nav aria-label="Pagination">
+      <ul role="list" class="page-list">
+        @if (showFirstLast()) {
+          <li>
+            <button
+              class="page-btn"
+              [class.is-disabled]="page() <= 1"
+              [disabled]="page() <= 1"
+              aria-label="First page"
+              (click)="goFirst()"
+            >«</button>
+          </li>
+        }
+        <li>
+          <button
+            class="page-btn"
+            [class.is-disabled]="page() <= 1"
+            [disabled]="page() <= 1"
+            aria-label="Previous page"
+            (click)="goPrev()"
+          >‹</button>
+        </li>
+
+        @for (item of pageItems(); track $index) {
+          @if (item.type === 'page') {
+            <li>
+              <button
+                class="page-btn"
+                [class.is-active]="item.page === page()"
+                [attr.aria-current]="item.page === page() ? 'page' : null"
+                [attr.aria-label]="'Page ' + item.page"
+                (click)="goTo(item.page)"
+              >{{ item.page }}</button>
+            </li>
+          } @else {
+            <li>
+              <span class="ellipsis" aria-hidden="true">…</span>
+            </li>
+          }
+        }
+
+        <li>
+          <button
+            class="page-btn"
+            [class.is-disabled]="page() >= pageCount()"
+            [disabled]="page() >= pageCount()"
+            aria-label="Next page"
+            (click)="goNext()"
+          >›</button>
+        </li>
+        @if (showFirstLast()) {
+          <li>
+            <button
+              class="page-btn"
+              [class.is-disabled]="page() >= pageCount()"
+              [disabled]="page() >= pageCount()"
+              aria-label="Last page"
+              (click)="goLast()"
+            >»</button>
+          </li>
+        }
+      </ul>
+    </nav>
+  `, styles: [":host{display:block;font-family:var(--ui-font-family)}nav{display:block}.page-list{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ui-spacing-1);list-style:none;margin:0;padding:0}.page-btn{all:unset;display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:var(--ui-radius-md);border:1px solid var(--ui-color-border);background:var(--ui-color-surface);color:var(--ui-color-text);font-size:var(--ui-font-size-sm);font-weight:var(--ui-font-weight-medium);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--ui-transition-fast),border-color var(--ui-transition-fast),color var(--ui-transition-fast)}.page-btn:hover:not(:disabled){background-color:var(--ui-color-surface-sunken);border-color:var(--ui-color-border-hover)}.page-btn:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}.page-btn.is-active{background-color:var(--ui-color-primary);border-color:var(--ui-color-primary);color:var(--ui-color-text-on-primary)}.page-btn.is-active:hover{background-color:var(--ui-color-primary-hover);border-color:var(--ui-color-primary-hover)}.page-btn.is-disabled,.page-btn:disabled{opacity:.4;pointer-events:none;cursor:default}.ellipsis{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;color:var(--ui-color-text-muted);font-size:var(--ui-font-size-sm);-webkit-user-select:none;user-select:none}\n"] }]
+        }], propDecorators: { page: [{ type: i0.Input, args: [{ isSignal: true, alias: "page", required: false }] }, { type: i0.Output, args: ["pageChange"] }], pageCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageCount", required: false }] }], siblingCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "siblingCount", required: false }] }], showFirstLast: [{ type: i0.Input, args: [{ isSignal: true, alias: "showFirstLast", required: false }] }] } });
+
+const LLM_DRAWER = new InjectionToken('LLM_DRAWER');
+
+let nextId = 0;
+/**
+ * Slide-in drawer panel using the native `<dialog>` element.
+ * Supports left, right, top, and bottom positions with focus trap,
+ * Escape to close, and backdrop click to close.
+ * Compose with `llm-drawer-header`, `llm-drawer-content`, and `llm-drawer-footer`.
+ *
+ * Usage:
+ * ```html
+ * <llm-button (click)="isOpen = true">Open</llm-button>
+ * <llm-drawer [(open)]="isOpen" position="right">
+ *   <llm-drawer-header>Settings</llm-drawer-header>
+ *   <llm-drawer-content>Content here.</llm-drawer-content>
+ *   <llm-drawer-footer>
+ *     <llm-button variant="primary" (click)="isOpen = false">Save</llm-button>
+ *   </llm-drawer-footer>
+ * </llm-drawer>
+ * ```
+ */
+class LlmDrawer {
+    /** Whether the drawer is open. Supports two-way binding: [(open)]="isOpen". */
+    open = model(false, ...(ngDevMode ? [{ debugName: "open" }] : /* istanbul ignore next */ []));
+    /** Which edge the drawer slides in from. */
+    position = input('right', ...(ngDevMode ? [{ debugName: "position" }] : /* istanbul ignore next */ []));
+    /** Width (for left/right) or height (for top/bottom) of the panel. */
+    size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    /** Whether clicking the backdrop closes the drawer. */
+    closeOnBackdrop = input(true, ...(ngDevMode ? [{ debugName: "closeOnBackdrop" }] : /* istanbul ignore next */ []));
+    /** @internal — referenced by LlmDrawerHeader via LLM_DRAWER token */
+    headerId = `llm-drawer-header-${nextId}`;
+    drawerId = `llm-drawer-${nextId++}`;
+    dialogRef = viewChild('dialogEl', ...(ngDevMode ? [{ debugName: "dialogRef" }] : /* istanbul ignore next */ []));
+    triggerEl = signal(null, ...(ngDevMode ? [{ debugName: "triggerEl" }] : /* istanbul ignore next */ []));
+    hostClasses = computed(() => `position-${this.position()} size-${this.size()}${this.open() ? ' is-open' : ''}`, ...(ngDevMode ? [{ debugName: "hostClasses" }] : /* istanbul ignore next */ []));
+    constructor() {
+        effect(() => {
+            const dialog = this.dialogRef()?.nativeElement;
+            if (!dialog)
+                return;
+            if (this.open()) {
+                this.triggerEl.set(document.activeElement);
+                dialog.showModal();
+            }
+            else {
+                if (dialog.open)
+                    dialog.close();
+                this.triggerEl()?.focus();
+                this.triggerEl.set(null);
+            }
+        });
+    }
+    onCancel(event) {
+        event.preventDefault();
+        this.open.set(false);
+    }
+    onBackdropClick(event) {
+        if (this.closeOnBackdrop() && event.target === this.dialogRef()?.nativeElement) {
+            this.open.set(false);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmDrawer, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.4", type: LlmDrawer, isStandalone: true, selector: "llm-drawer", inputs: { open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, closeOnBackdrop: { classPropertyName: "closeOnBackdrop", publicName: "closeOnBackdrop", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { open: "openChange" }, host: { properties: { "class": "hostClasses()" } }, providers: [
+            {
+                provide: LLM_DRAWER,
+                useFactory: (drawer) => ({
+                    headerId: drawer.headerId,
+                    close: () => drawer.open.set(false),
+                }),
+                deps: [LlmDrawer],
+            },
+        ], viewQueries: [{ propertyName: "dialogRef", first: true, predicate: ["dialogEl"], descendants: true, isSignal: true }], ngImport: i0, template: `
+    <!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -->
+    <dialog
+      #dialogEl
+      [attr.aria-labelledby]="headerId"
+      aria-modal="true"
+      [cdkTrapFocus]="open()"
+      (cancel)="onCancel($event)"
+      (close)="open.set(false)"
+      (click)="onBackdropClick($event)"
+    >
+      <!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -->
+      <div class="panel" (click)="$event.stopPropagation()">
+        <ng-content />
+      </div>
+    </dialog>
+  `, isInline: true, styles: ["llm-drawer{display:contents}dialog{all:unset;position:fixed;display:none;flex-direction:column;background:var(--ui-color-surface);box-shadow:var(--ui-shadow-xl, 0 20px 60px rgba(0, 0, 0, .3));color:var(--ui-color-text);overflow:hidden;transition:transform var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}dialog[open]{display:flex;transform:translate(0)!important}dialog::backdrop{background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}@starting-style{dialog[open]::backdrop{opacity:0}}@media(prefers-color-scheme:dark){dialog::backdrop{background:#000000b3}}[data-theme=dark] dialog::backdrop{background:#000000b3}.panel{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden}:host(.position-right) dialog{inset:0 0 0 auto;height:100dvh;transform:translate(100%)}@starting-style{:host(.position-right) dialog[open]{transform:translate(100%)}}:host(.position-left) dialog{inset:0 auto 0 0;height:100dvh;transform:translate(-100%)}@starting-style{:host(.position-left) dialog[open]{transform:translate(-100%)}}:host(.position-top) dialog{inset:0 0 auto;width:100vw;transform:translateY(-100%)}@starting-style{:host(.position-top) dialog[open]{transform:translateY(-100%)}}:host(.position-bottom) dialog{inset:auto 0 0;width:100vw;transform:translateY(100%)}@starting-style{:host(.position-bottom) dialog[open]{transform:translateY(100%)}}:host(.position-right.size-sm) dialog,:host(.position-left.size-sm) dialog{width:20rem}:host(.position-right.size-md) dialog,:host(.position-left.size-md) dialog{width:28rem}:host(.position-right.size-lg) dialog,:host(.position-left.size-lg) dialog{width:40rem}:host(.position-right.size-full) dialog,:host(.position-left.size-full) dialog{width:100vw}:host(.position-top.size-sm) dialog,:host(.position-bottom.size-sm) dialog{height:12rem}:host(.position-top.size-md) dialog,:host(.position-bottom.size-md) dialog{height:20rem}:host(.position-top.size-lg) dialog,:host(.position-bottom.size-lg) dialog{height:32rem}:host(.position-top.size-full) dialog,:host(.position-bottom.size-full) dialog{height:100dvh}llm-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:var(--ui-spacing-4) var(--ui-spacing-5);border-bottom:1px solid var(--ui-color-border);font-size:var(--ui-font-size-xl);font-weight:600;letter-spacing:var(--ui-letter-spacing-tight);color:var(--ui-color-text);flex-shrink:0}llm-drawer-content{display:block;padding:var(--ui-spacing-5);overflow-y:auto;flex:1;color:var(--ui-color-text)}llm-drawer-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--ui-spacing-2);padding:var(--ui-spacing-4) var(--ui-spacing-5);border-top:1px solid var(--ui-color-border);flex-shrink:0}.close-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:1.75rem;height:1.75rem;padding:0;margin-left:var(--ui-spacing-3);background:transparent;border:none;border-radius:var(--ui-radius-sm);cursor:pointer;color:var(--ui-color-text-muted);transition:background-color var(--ui-transition-fast),color var(--ui-transition-fast);line-height:1}.close-btn:hover{background-color:var(--ui-color-surface-sunken);color:var(--ui-color-text)}.close-btn:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}\n"], dependencies: [{ kind: "ngmodule", type: A11yModule }, { kind: "directive", type: i1$1.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmDrawer, decorators: [{
+            type: Component,
+            args: [{ selector: 'llm-drawer', standalone: true, imports: [A11yModule], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: LLM_DRAWER,
+                            useFactory: (drawer) => ({
+                                headerId: drawer.headerId,
+                                close: () => drawer.open.set(false),
+                            }),
+                            deps: [LlmDrawer],
+                        },
+                    ], template: `
+    <!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -->
+    <dialog
+      #dialogEl
+      [attr.aria-labelledby]="headerId"
+      aria-modal="true"
+      [cdkTrapFocus]="open()"
+      (cancel)="onCancel($event)"
+      (close)="open.set(false)"
+      (click)="onBackdropClick($event)"
+    >
+      <!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -->
+      <div class="panel" (click)="$event.stopPropagation()">
+        <ng-content />
+      </div>
+    </dialog>
+  `, host: {
+                        '[class]': 'hostClasses()',
+                    }, styles: ["llm-drawer{display:contents}dialog{all:unset;position:fixed;display:none;flex-direction:column;background:var(--ui-color-surface);box-shadow:var(--ui-shadow-xl, 0 20px 60px rgba(0, 0, 0, .3));color:var(--ui-color-text);overflow:hidden;transition:transform var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}dialog[open]{display:flex;transform:translate(0)!important}dialog::backdrop{background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}@starting-style{dialog[open]::backdrop{opacity:0}}@media(prefers-color-scheme:dark){dialog::backdrop{background:#000000b3}}[data-theme=dark] dialog::backdrop{background:#000000b3}.panel{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden}:host(.position-right) dialog{inset:0 0 0 auto;height:100dvh;transform:translate(100%)}@starting-style{:host(.position-right) dialog[open]{transform:translate(100%)}}:host(.position-left) dialog{inset:0 auto 0 0;height:100dvh;transform:translate(-100%)}@starting-style{:host(.position-left) dialog[open]{transform:translate(-100%)}}:host(.position-top) dialog{inset:0 0 auto;width:100vw;transform:translateY(-100%)}@starting-style{:host(.position-top) dialog[open]{transform:translateY(-100%)}}:host(.position-bottom) dialog{inset:auto 0 0;width:100vw;transform:translateY(100%)}@starting-style{:host(.position-bottom) dialog[open]{transform:translateY(100%)}}:host(.position-right.size-sm) dialog,:host(.position-left.size-sm) dialog{width:20rem}:host(.position-right.size-md) dialog,:host(.position-left.size-md) dialog{width:28rem}:host(.position-right.size-lg) dialog,:host(.position-left.size-lg) dialog{width:40rem}:host(.position-right.size-full) dialog,:host(.position-left.size-full) dialog{width:100vw}:host(.position-top.size-sm) dialog,:host(.position-bottom.size-sm) dialog{height:12rem}:host(.position-top.size-md) dialog,:host(.position-bottom.size-md) dialog{height:20rem}:host(.position-top.size-lg) dialog,:host(.position-bottom.size-lg) dialog{height:32rem}:host(.position-top.size-full) dialog,:host(.position-bottom.size-full) dialog{height:100dvh}llm-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:var(--ui-spacing-4) var(--ui-spacing-5);border-bottom:1px solid var(--ui-color-border);font-size:var(--ui-font-size-xl);font-weight:600;letter-spacing:var(--ui-letter-spacing-tight);color:var(--ui-color-text);flex-shrink:0}llm-drawer-content{display:block;padding:var(--ui-spacing-5);overflow-y:auto;flex:1;color:var(--ui-color-text)}llm-drawer-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--ui-spacing-2);padding:var(--ui-spacing-4) var(--ui-spacing-5);border-top:1px solid var(--ui-color-border);flex-shrink:0}.close-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:1.75rem;height:1.75rem;padding:0;margin-left:var(--ui-spacing-3);background:transparent;border:none;border-radius:var(--ui-radius-sm);cursor:pointer;color:var(--ui-color-text-muted);transition:background-color var(--ui-transition-fast),color var(--ui-transition-fast);line-height:1}.close-btn:hover{background-color:var(--ui-color-surface-sunken);color:var(--ui-color-text)}.close-btn:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: false }] }, { type: i0.Output, args: ["openChange"] }], position: [{ type: i0.Input, args: [{ isSignal: true, alias: "position", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], closeOnBackdrop: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeOnBackdrop", required: false }] }], dialogRef: [{ type: i0.ViewChild, args: ['dialogEl', { isSignal: true }] }] } });
+/**
+ * Header slot for `llm-drawer`. Contains the title and a close button.
+ * Automatically receives the correct `id` for `aria-labelledby` association.
+ */
+class LlmDrawerHeader {
+    context = inject(LLM_DRAWER);
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmDrawerHeader, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.4", type: LlmDrawerHeader, isStandalone: true, selector: "llm-drawer-header", host: { properties: { "attr.id": "context.headerId" } }, ngImport: i0, template: `
+    <ng-content />
+    <button
+      class="close-btn"
+      type="button"
+      aria-label="Close drawer"
+      (click)="context.close()"
+    >
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width="14"
+        height="14"
+        viewBox="0 0 24 24"
+        fill="none"
+        stroke="currentColor"
+        stroke-width="2.5"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+        aria-hidden="true"
+        focusable="false"
+      >
+        <line x1="18" y1="6" x2="6" y2="18" />
+        <line x1="6" y1="6" x2="18" y2="18" />
+      </svg>
+    </button>
+  `, isInline: true, styles: ["llm-drawer{display:contents}dialog{all:unset;position:fixed;display:none;flex-direction:column;background:var(--ui-color-surface);box-shadow:var(--ui-shadow-xl, 0 20px 60px rgba(0, 0, 0, .3));color:var(--ui-color-text);overflow:hidden;transition:transform var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}dialog[open]{display:flex;transform:translate(0)!important}dialog::backdrop{background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}@starting-style{dialog[open]::backdrop{opacity:0}}@media(prefers-color-scheme:dark){dialog::backdrop{background:#000000b3}}[data-theme=dark] dialog::backdrop{background:#000000b3}.panel{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden}:host(.position-right) dialog{inset:0 0 0 auto;height:100dvh;transform:translate(100%)}@starting-style{:host(.position-right) dialog[open]{transform:translate(100%)}}:host(.position-left) dialog{inset:0 auto 0 0;height:100dvh;transform:translate(-100%)}@starting-style{:host(.position-left) dialog[open]{transform:translate(-100%)}}:host(.position-top) dialog{inset:0 0 auto;width:100vw;transform:translateY(-100%)}@starting-style{:host(.position-top) dialog[open]{transform:translateY(-100%)}}:host(.position-bottom) dialog{inset:auto 0 0;width:100vw;transform:translateY(100%)}@starting-style{:host(.position-bottom) dialog[open]{transform:translateY(100%)}}:host(.position-right.size-sm) dialog,:host(.position-left.size-sm) dialog{width:20rem}:host(.position-right.size-md) dialog,:host(.position-left.size-md) dialog{width:28rem}:host(.position-right.size-lg) dialog,:host(.position-left.size-lg) dialog{width:40rem}:host(.position-right.size-full) dialog,:host(.position-left.size-full) dialog{width:100vw}:host(.position-top.size-sm) dialog,:host(.position-bottom.size-sm) dialog{height:12rem}:host(.position-top.size-md) dialog,:host(.position-bottom.size-md) dialog{height:20rem}:host(.position-top.size-lg) dialog,:host(.position-bottom.size-lg) dialog{height:32rem}:host(.position-top.size-full) dialog,:host(.position-bottom.size-full) dialog{height:100dvh}llm-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:var(--ui-spacing-4) var(--ui-spacing-5);border-bottom:1px solid var(--ui-color-border);font-size:var(--ui-font-size-xl);font-weight:600;letter-spacing:var(--ui-letter-spacing-tight);color:var(--ui-color-text);flex-shrink:0}llm-drawer-content{display:block;padding:var(--ui-spacing-5);overflow-y:auto;flex:1;color:var(--ui-color-text)}llm-drawer-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--ui-spacing-2);padding:var(--ui-spacing-4) var(--ui-spacing-5);border-top:1px solid var(--ui-color-border);flex-shrink:0}.close-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:1.75rem;height:1.75rem;padding:0;margin-left:var(--ui-spacing-3);background:transparent;border:none;border-radius:var(--ui-radius-sm);cursor:pointer;color:var(--ui-color-text-muted);transition:background-color var(--ui-transition-fast),color var(--ui-transition-fast);line-height:1}.close-btn:hover{background-color:var(--ui-color-surface-sunken);color:var(--ui-color-text)}.close-btn:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmDrawerHeader, decorators: [{
+            type: Component,
+            args: [{ selector: 'llm-drawer-header', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `
+    <ng-content />
+    <button
+      class="close-btn"
+      type="button"
+      aria-label="Close drawer"
+      (click)="context.close()"
+    >
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width="14"
+        height="14"
+        viewBox="0 0 24 24"
+        fill="none"
+        stroke="currentColor"
+        stroke-width="2.5"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+        aria-hidden="true"
+        focusable="false"
+      >
+        <line x1="18" y1="6" x2="6" y2="18" />
+        <line x1="6" y1="6" x2="18" y2="18" />
+      </svg>
+    </button>
+  `, host: {
+                        '[attr.id]': 'context.headerId',
+                    }, styles: ["llm-drawer{display:contents}dialog{all:unset;position:fixed;display:none;flex-direction:column;background:var(--ui-color-surface);box-shadow:var(--ui-shadow-xl, 0 20px 60px rgba(0, 0, 0, .3));color:var(--ui-color-text);overflow:hidden;transition:transform var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}dialog[open]{display:flex;transform:translate(0)!important}dialog::backdrop{background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}@starting-style{dialog[open]::backdrop{opacity:0}}@media(prefers-color-scheme:dark){dialog::backdrop{background:#000000b3}}[data-theme=dark] dialog::backdrop{background:#000000b3}.panel{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden}:host(.position-right) dialog{inset:0 0 0 auto;height:100dvh;transform:translate(100%)}@starting-style{:host(.position-right) dialog[open]{transform:translate(100%)}}:host(.position-left) dialog{inset:0 auto 0 0;height:100dvh;transform:translate(-100%)}@starting-style{:host(.position-left) dialog[open]{transform:translate(-100%)}}:host(.position-top) dialog{inset:0 0 auto;width:100vw;transform:translateY(-100%)}@starting-style{:host(.position-top) dialog[open]{transform:translateY(-100%)}}:host(.position-bottom) dialog{inset:auto 0 0;width:100vw;transform:translateY(100%)}@starting-style{:host(.position-bottom) dialog[open]{transform:translateY(100%)}}:host(.position-right.size-sm) dialog,:host(.position-left.size-sm) dialog{width:20rem}:host(.position-right.size-md) dialog,:host(.position-left.size-md) dialog{width:28rem}:host(.position-right.size-lg) dialog,:host(.position-left.size-lg) dialog{width:40rem}:host(.position-right.size-full) dialog,:host(.position-left.size-full) dialog{width:100vw}:host(.position-top.size-sm) dialog,:host(.position-bottom.size-sm) dialog{height:12rem}:host(.position-top.size-md) dialog,:host(.position-bottom.size-md) dialog{height:20rem}:host(.position-top.size-lg) dialog,:host(.position-bottom.size-lg) dialog{height:32rem}:host(.position-top.size-full) dialog,:host(.position-bottom.size-full) dialog{height:100dvh}llm-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:var(--ui-spacing-4) var(--ui-spacing-5);border-bottom:1px solid var(--ui-color-border);font-size:var(--ui-font-size-xl);font-weight:600;letter-spacing:var(--ui-letter-spacing-tight);color:var(--ui-color-text);flex-shrink:0}llm-drawer-content{display:block;padding:var(--ui-spacing-5);overflow-y:auto;flex:1;color:var(--ui-color-text)}llm-drawer-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--ui-spacing-2);padding:var(--ui-spacing-4) var(--ui-spacing-5);border-top:1px solid var(--ui-color-border);flex-shrink:0}.close-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:1.75rem;height:1.75rem;padding:0;margin-left:var(--ui-spacing-3);background:transparent;border:none;border-radius:var(--ui-radius-sm);cursor:pointer;color:var(--ui-color-text-muted);transition:background-color var(--ui-transition-fast),color var(--ui-transition-fast);line-height:1}.close-btn:hover{background-color:var(--ui-color-surface-sunken);color:var(--ui-color-text)}.close-btn:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}\n"] }]
+        }] });
+/**
+ * Content slot for `llm-drawer`. Scrollable primary content area.
+ */
+class LlmDrawerContent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmDrawerContent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.4", type: LlmDrawerContent, isStandalone: true, selector: "llm-drawer-content", ngImport: i0, template: `<ng-content />`, isInline: true, styles: ["llm-drawer{display:contents}dialog{all:unset;position:fixed;display:none;flex-direction:column;background:var(--ui-color-surface);box-shadow:var(--ui-shadow-xl, 0 20px 60px rgba(0, 0, 0, .3));color:var(--ui-color-text);overflow:hidden;transition:transform var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}dialog[open]{display:flex;transform:translate(0)!important}dialog::backdrop{background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}@starting-style{dialog[open]::backdrop{opacity:0}}@media(prefers-color-scheme:dark){dialog::backdrop{background:#000000b3}}[data-theme=dark] dialog::backdrop{background:#000000b3}.panel{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden}:host(.position-right) dialog{inset:0 0 0 auto;height:100dvh;transform:translate(100%)}@starting-style{:host(.position-right) dialog[open]{transform:translate(100%)}}:host(.position-left) dialog{inset:0 auto 0 0;height:100dvh;transform:translate(-100%)}@starting-style{:host(.position-left) dialog[open]{transform:translate(-100%)}}:host(.position-top) dialog{inset:0 0 auto;width:100vw;transform:translateY(-100%)}@starting-style{:host(.position-top) dialog[open]{transform:translateY(-100%)}}:host(.position-bottom) dialog{inset:auto 0 0;width:100vw;transform:translateY(100%)}@starting-style{:host(.position-bottom) dialog[open]{transform:translateY(100%)}}:host(.position-right.size-sm) dialog,:host(.position-left.size-sm) dialog{width:20rem}:host(.position-right.size-md) dialog,:host(.position-left.size-md) dialog{width:28rem}:host(.position-right.size-lg) dialog,:host(.position-left.size-lg) dialog{width:40rem}:host(.position-right.size-full) dialog,:host(.position-left.size-full) dialog{width:100vw}:host(.position-top.size-sm) dialog,:host(.position-bottom.size-sm) dialog{height:12rem}:host(.position-top.size-md) dialog,:host(.position-bottom.size-md) dialog{height:20rem}:host(.position-top.size-lg) dialog,:host(.position-bottom.size-lg) dialog{height:32rem}:host(.position-top.size-full) dialog,:host(.position-bottom.size-full) dialog{height:100dvh}llm-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:var(--ui-spacing-4) var(--ui-spacing-5);border-bottom:1px solid var(--ui-color-border);font-size:var(--ui-font-size-xl);font-weight:600;letter-spacing:var(--ui-letter-spacing-tight);color:var(--ui-color-text);flex-shrink:0}llm-drawer-content{display:block;padding:var(--ui-spacing-5);overflow-y:auto;flex:1;color:var(--ui-color-text)}llm-drawer-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--ui-spacing-2);padding:var(--ui-spacing-4) var(--ui-spacing-5);border-top:1px solid var(--ui-color-border);flex-shrink:0}.close-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:1.75rem;height:1.75rem;padding:0;margin-left:var(--ui-spacing-3);background:transparent;border:none;border-radius:var(--ui-radius-sm);cursor:pointer;color:var(--ui-color-text-muted);transition:background-color var(--ui-transition-fast),color var(--ui-transition-fast);line-height:1}.close-btn:hover{background-color:var(--ui-color-surface-sunken);color:var(--ui-color-text)}.close-btn:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmDrawerContent, decorators: [{
+            type: Component,
+            args: [{ selector: 'llm-drawer-content', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `<ng-content />`, styles: ["llm-drawer{display:contents}dialog{all:unset;position:fixed;display:none;flex-direction:column;background:var(--ui-color-surface);box-shadow:var(--ui-shadow-xl, 0 20px 60px rgba(0, 0, 0, .3));color:var(--ui-color-text);overflow:hidden;transition:transform var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}dialog[open]{display:flex;transform:translate(0)!important}dialog::backdrop{background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}@starting-style{dialog[open]::backdrop{opacity:0}}@media(prefers-color-scheme:dark){dialog::backdrop{background:#000000b3}}[data-theme=dark] dialog::backdrop{background:#000000b3}.panel{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden}:host(.position-right) dialog{inset:0 0 0 auto;height:100dvh;transform:translate(100%)}@starting-style{:host(.position-right) dialog[open]{transform:translate(100%)}}:host(.position-left) dialog{inset:0 auto 0 0;height:100dvh;transform:translate(-100%)}@starting-style{:host(.position-left) dialog[open]{transform:translate(-100%)}}:host(.position-top) dialog{inset:0 0 auto;width:100vw;transform:translateY(-100%)}@starting-style{:host(.position-top) dialog[open]{transform:translateY(-100%)}}:host(.position-bottom) dialog{inset:auto 0 0;width:100vw;transform:translateY(100%)}@starting-style{:host(.position-bottom) dialog[open]{transform:translateY(100%)}}:host(.position-right.size-sm) dialog,:host(.position-left.size-sm) dialog{width:20rem}:host(.position-right.size-md) dialog,:host(.position-left.size-md) dialog{width:28rem}:host(.position-right.size-lg) dialog,:host(.position-left.size-lg) dialog{width:40rem}:host(.position-right.size-full) dialog,:host(.position-left.size-full) dialog{width:100vw}:host(.position-top.size-sm) dialog,:host(.position-bottom.size-sm) dialog{height:12rem}:host(.position-top.size-md) dialog,:host(.position-bottom.size-md) dialog{height:20rem}:host(.position-top.size-lg) dialog,:host(.position-bottom.size-lg) dialog{height:32rem}:host(.position-top.size-full) dialog,:host(.position-bottom.size-full) dialog{height:100dvh}llm-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:var(--ui-spacing-4) var(--ui-spacing-5);border-bottom:1px solid var(--ui-color-border);font-size:var(--ui-font-size-xl);font-weight:600;letter-spacing:var(--ui-letter-spacing-tight);color:var(--ui-color-text);flex-shrink:0}llm-drawer-content{display:block;padding:var(--ui-spacing-5);overflow-y:auto;flex:1;color:var(--ui-color-text)}llm-drawer-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--ui-spacing-2);padding:var(--ui-spacing-4) var(--ui-spacing-5);border-top:1px solid var(--ui-color-border);flex-shrink:0}.close-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:1.75rem;height:1.75rem;padding:0;margin-left:var(--ui-spacing-3);background:transparent;border:none;border-radius:var(--ui-radius-sm);cursor:pointer;color:var(--ui-color-text-muted);transition:background-color var(--ui-transition-fast),color var(--ui-transition-fast);line-height:1}.close-btn:hover{background-color:var(--ui-color-surface-sunken);color:var(--ui-color-text)}.close-btn:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}\n"] }]
+        }] });
+/**
+ * Footer slot for `llm-drawer`. Renders at the bottom with action buttons.
+ */
+class LlmDrawerFooter {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmDrawerFooter, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.4", type: LlmDrawerFooter, isStandalone: true, selector: "llm-drawer-footer", ngImport: i0, template: `<ng-content />`, isInline: true, styles: ["llm-drawer{display:contents}dialog{all:unset;position:fixed;display:none;flex-direction:column;background:var(--ui-color-surface);box-shadow:var(--ui-shadow-xl, 0 20px 60px rgba(0, 0, 0, .3));color:var(--ui-color-text);overflow:hidden;transition:transform var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}dialog[open]{display:flex;transform:translate(0)!important}dialog::backdrop{background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}@starting-style{dialog[open]::backdrop{opacity:0}}@media(prefers-color-scheme:dark){dialog::backdrop{background:#000000b3}}[data-theme=dark] dialog::backdrop{background:#000000b3}.panel{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden}:host(.position-right) dialog{inset:0 0 0 auto;height:100dvh;transform:translate(100%)}@starting-style{:host(.position-right) dialog[open]{transform:translate(100%)}}:host(.position-left) dialog{inset:0 auto 0 0;height:100dvh;transform:translate(-100%)}@starting-style{:host(.position-left) dialog[open]{transform:translate(-100%)}}:host(.position-top) dialog{inset:0 0 auto;width:100vw;transform:translateY(-100%)}@starting-style{:host(.position-top) dialog[open]{transform:translateY(-100%)}}:host(.position-bottom) dialog{inset:auto 0 0;width:100vw;transform:translateY(100%)}@starting-style{:host(.position-bottom) dialog[open]{transform:translateY(100%)}}:host(.position-right.size-sm) dialog,:host(.position-left.size-sm) dialog{width:20rem}:host(.position-right.size-md) dialog,:host(.position-left.size-md) dialog{width:28rem}:host(.position-right.size-lg) dialog,:host(.position-left.size-lg) dialog{width:40rem}:host(.position-right.size-full) dialog,:host(.position-left.size-full) dialog{width:100vw}:host(.position-top.size-sm) dialog,:host(.position-bottom.size-sm) dialog{height:12rem}:host(.position-top.size-md) dialog,:host(.position-bottom.size-md) dialog{height:20rem}:host(.position-top.size-lg) dialog,:host(.position-bottom.size-lg) dialog{height:32rem}:host(.position-top.size-full) dialog,:host(.position-bottom.size-full) dialog{height:100dvh}llm-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:var(--ui-spacing-4) var(--ui-spacing-5);border-bottom:1px solid var(--ui-color-border);font-size:var(--ui-font-size-xl);font-weight:600;letter-spacing:var(--ui-letter-spacing-tight);color:var(--ui-color-text);flex-shrink:0}llm-drawer-content{display:block;padding:var(--ui-spacing-5);overflow-y:auto;flex:1;color:var(--ui-color-text)}llm-drawer-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--ui-spacing-2);padding:var(--ui-spacing-4) var(--ui-spacing-5);border-top:1px solid var(--ui-color-border);flex-shrink:0}.close-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:1.75rem;height:1.75rem;padding:0;margin-left:var(--ui-spacing-3);background:transparent;border:none;border-radius:var(--ui-radius-sm);cursor:pointer;color:var(--ui-color-text-muted);transition:background-color var(--ui-transition-fast),color var(--ui-transition-fast);line-height:1}.close-btn:hover{background-color:var(--ui-color-surface-sunken);color:var(--ui-color-text)}.close-btn:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LlmDrawerFooter, decorators: [{
+            type: Component,
+            args: [{ selector: 'llm-drawer-footer', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `<ng-content />`, styles: ["llm-drawer{display:contents}dialog{all:unset;position:fixed;display:none;flex-direction:column;background:var(--ui-color-surface);box-shadow:var(--ui-shadow-xl, 0 20px 60px rgba(0, 0, 0, .3));color:var(--ui-color-text);overflow:hidden;transition:transform var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}dialog[open]{display:flex;transform:translate(0)!important}dialog::backdrop{background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}@starting-style{dialog[open]::backdrop{opacity:0}}@media(prefers-color-scheme:dark){dialog::backdrop{background:#000000b3}}[data-theme=dark] dialog::backdrop{background:#000000b3}.panel{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden}:host(.position-right) dialog{inset:0 0 0 auto;height:100dvh;transform:translate(100%)}@starting-style{:host(.position-right) dialog[open]{transform:translate(100%)}}:host(.position-left) dialog{inset:0 auto 0 0;height:100dvh;transform:translate(-100%)}@starting-style{:host(.position-left) dialog[open]{transform:translate(-100%)}}:host(.position-top) dialog{inset:0 0 auto;width:100vw;transform:translateY(-100%)}@starting-style{:host(.position-top) dialog[open]{transform:translateY(-100%)}}:host(.position-bottom) dialog{inset:auto 0 0;width:100vw;transform:translateY(100%)}@starting-style{:host(.position-bottom) dialog[open]{transform:translateY(100%)}}:host(.position-right.size-sm) dialog,:host(.position-left.size-sm) dialog{width:20rem}:host(.position-right.size-md) dialog,:host(.position-left.size-md) dialog{width:28rem}:host(.position-right.size-lg) dialog,:host(.position-left.size-lg) dialog{width:40rem}:host(.position-right.size-full) dialog,:host(.position-left.size-full) dialog{width:100vw}:host(.position-top.size-sm) dialog,:host(.position-bottom.size-sm) dialog{height:12rem}:host(.position-top.size-md) dialog,:host(.position-bottom.size-md) dialog{height:20rem}:host(.position-top.size-lg) dialog,:host(.position-bottom.size-lg) dialog{height:32rem}:host(.position-top.size-full) dialog,:host(.position-bottom.size-full) dialog{height:100dvh}llm-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:var(--ui-spacing-4) var(--ui-spacing-5);border-bottom:1px solid var(--ui-color-border);font-size:var(--ui-font-size-xl);font-weight:600;letter-spacing:var(--ui-letter-spacing-tight);color:var(--ui-color-text);flex-shrink:0}llm-drawer-content{display:block;padding:var(--ui-spacing-5);overflow-y:auto;flex:1;color:var(--ui-color-text)}llm-drawer-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--ui-spacing-2);padding:var(--ui-spacing-4) var(--ui-spacing-5);border-top:1px solid var(--ui-color-border);flex-shrink:0}.close-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:1.75rem;height:1.75rem;padding:0;margin-left:var(--ui-spacing-3);background:transparent;border:none;border-radius:var(--ui-radius-sm);cursor:pointer;color:var(--ui-color-text-muted);transition:background-color var(--ui-transition-fast),color var(--ui-transition-fast);line-height:1}.close-btn:hover{background-color:var(--ui-color-surface-sunken);color:var(--ui-color-text)}.close-btn:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}\n"] }]
+        }] });
+
+// Design tokens stylesheet — consumers should import:
+// @import '@atelier-ui/angular/styles/tokens.css';
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { LLM_ACCORDION_GROUP, LLM_BREADCRUMBS, LLM_DIALOG, LLM_DRAWER, LLM_RADIO_GROUP, LLM_SELECT, LLM_TAB_GROUP, LlmAccordionGroup, LlmAccordionHeader, LlmAccordionItem, LlmAlert, LlmAvatar, LlmAvatarGroup, LlmBadge, LlmBreadcrumbItem, LlmBreadcrumbs, LlmButton, LlmCard, LlmCardContent, LlmCardFooter, LlmCardHeader, LlmCheckbox, LlmDialog, LlmDialogContent, LlmDialogFooter, LlmDialogHeader, LlmDrawer, LlmDrawerContent, LlmDrawerFooter, LlmDrawerHeader, LlmInput, LlmMenu, LlmMenuItem, LlmMenuSeparator, LlmMenuTrigger, LlmOption, LlmPagination, LlmProgress, LlmRadio, LlmRadioGroup, LlmSelect, LlmSkeleton, LlmTab, LlmTabGroup, LlmTextarea, LlmToast, LlmToastContainer, LlmToastService, LlmToggle, LlmTooltip };
+//# sourceMappingURL=atelier-ui-angular.mjs.map