@atomng/ui 1.0.0

package/fesm2022/atomng-ui-molecules.mjs

@@ -0,0 +1,1590 @@
+import * as i0 from '@angular/core';
+import { input, output, ChangeDetectionStrategy, Component, model, forwardRef, computed, signal, HostListener, ViewChild } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { AvatarComponent } from '@atomng/ui/atoms';
+import * as i1 from '@angular/router';
+import { RouterModule } from '@angular/router';
+import * as i1$1 from '@angular/forms';
+import { NG_VALUE_ACCESSOR, FormsModule } from '@angular/forms';
+import { trigger, transition, style, animate } from '@angular/animations';
+
+/**
+ * Alert Molecule — Source: Nuxt UI v3 ❖ Alert
+ * Contextual messages with icon, title, description, actions
+ * Built from: icon (atom) + content + optional close button
+ */
+class AlertComponent {
+    constructor() {
+        this.variant = input('soft');
+        this.color = input('info');
+        this.title = input(null);
+        this.description = input(null);
+        this.icon = input(true);
+        this.closable = input(false);
+        this.actions = input(false);
+        this.live = input('polite');
+        this.close = output();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: AlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: AlertComponent, isStandalone: true, selector: "ui-alert", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, closable: { classPropertyName: "closable", publicName: "closable", isSignal: true, isRequired: false, transformFunction: null }, actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: false, transformFunction: null }, live: { classPropertyName: "live", publicName: "live", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { close: "close" }, ngImport: i0, template: `
+    <div [class]="'ui-alert ui-alert--' + variant() + ' ui-alert--' + color()"
+         role="alert" [attr.aria-live]="live()">
+      @if (icon()) {
+        <span class="ui-alert__icon" aria-hidden="true">
+          <ng-content select="[slot=icon]" />
+        </span>
+      }
+      <div class="ui-alert__body">
+        @if (title()) {
+          <p class="ui-alert__title">{{ title() }}</p>
+        }
+        @if (description()) {
+          <p class="ui-alert__description">{{ description() }}</p>
+        }
+        <ng-content />
+        @if (actions()) {
+          <div class="ui-alert__actions">
+            <ng-content select="[slot=actions]" />
+          </div>
+        }
+      </div>
+      @if (closable()) {
+        <button type="button" class="ui-alert__close" aria-label="Close" (click)="close.emit()">
+          <span aria-hidden="true">×</span>
+        </button>
+      }
+    </div>
+  `, isInline: true, styles: [".ui-alert{display:flex;align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-4);border-radius:var(--radius-lg);border:1px solid transparent}.ui-alert__icon{flex-shrink:0;width:1.25rem;height:1.25rem;margin-top:1px}.ui-alert__body{flex:1;min-width:0}.ui-alert__title{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text);margin:0 0 var(--spacing-1)}.ui-alert__description{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.ui-alert__actions{display:flex;gap:var(--spacing-2);margin-top:var(--spacing-3)}.ui-alert__close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border:none;background:transparent;cursor:pointer;border-radius:var(--radius-md);color:currentColor;opacity:.6;font-size:1.25rem;line-height:1}.ui-alert__close:hover{opacity:1}.ui-alert--primary.ui-alert--soft{background:color-mix(in srgb,var(--color-primary-500) 12%,transparent);border-color:color-mix(in srgb,var(--color-primary-500) 20%,transparent);color:var(--color-primary-700)}.ui-alert--primary.ui-alert--outline{background:transparent;border-color:var(--color-primary-500);color:var(--color-primary-700)}.ui-alert--primary.ui-alert--solid{background:var(--color-primary-500);color:#fff}.ui-alert--primary.ui-alert--subtle{background:color-mix(in srgb,var(--color-primary-500) 8%,transparent);border-color:transparent;color:var(--color-primary-700)}.ui-alert--success.ui-alert--soft{background:color-mix(in srgb,var(--color-success-500) 12%,transparent);border-color:color-mix(in srgb,var(--color-success-500) 20%,transparent);color:var(--color-success-700)}.ui-alert--success.ui-alert--outline{background:transparent;border-color:var(--color-success-500);color:var(--color-success-700)}.ui-alert--success.ui-alert--solid{background:var(--color-success-500);color:#fff}.ui-alert--success.ui-alert--subtle{background:color-mix(in srgb,var(--color-success-500) 8%,transparent);border-color:transparent;color:var(--color-success-700)}.ui-alert--warning.ui-alert--soft{background:color-mix(in srgb,var(--color-warning-500) 12%,transparent);border-color:color-mix(in srgb,var(--color-warning-500) 20%,transparent);color:var(--color-warning-700)}.ui-alert--warning.ui-alert--outline{background:transparent;border-color:var(--color-warning-500);color:var(--color-warning-700)}.ui-alert--warning.ui-alert--solid{background:var(--color-warning-500);color:#fff}.ui-alert--warning.ui-alert--subtle{background:color-mix(in srgb,var(--color-warning-500) 8%,transparent);border-color:transparent;color:var(--color-warning-700)}.ui-alert--error.ui-alert--soft{background:color-mix(in srgb,var(--color-error-500) 12%,transparent);border-color:color-mix(in srgb,var(--color-error-500) 20%,transparent);color:var(--color-error-700)}.ui-alert--error.ui-alert--outline{background:transparent;border-color:var(--color-error-500);color:var(--color-error-700)}.ui-alert--error.ui-alert--solid{background:var(--color-error-500);color:#fff}.ui-alert--error.ui-alert--subtle{background:color-mix(in srgb,var(--color-error-500) 8%,transparent);border-color:transparent;color:var(--color-error-700)}.ui-alert--info.ui-alert--soft{background:color-mix(in srgb,var(--color-info-500) 12%,transparent);border-color:color-mix(in srgb,var(--color-info-500) 20%,transparent);color:var(--color-info-700)}.ui-alert--info.ui-alert--outline{background:transparent;border-color:var(--color-info-500);color:var(--color-info-700)}.ui-alert--info.ui-alert--solid{background:var(--color-info-500);color:#fff}.ui-alert--info.ui-alert--subtle{background:color-mix(in srgb,var(--color-info-500) 8%,transparent);border-color:transparent;color:var(--color-info-700)}.ui-alert--neutral.ui-alert--soft{background:color-mix(in srgb,var(--color-neutral-500) 12%,transparent);border-color:color-mix(in srgb,var(--color-neutral-500) 20%,transparent);color:var(--color-neutral-700)}.ui-alert--neutral.ui-alert--outline{background:transparent;border-color:var(--color-neutral-500);color:var(--color-neutral-700)}.ui-alert--neutral.ui-alert--solid{background:var(--color-neutral-500);color:#fff}.ui-alert--neutral.ui-alert--subtle{background:color-mix(in srgb,var(--color-neutral-500) 8%,transparent);border-color:transparent;color:var(--color-neutral-700)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: AlertComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ui-alert', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: `
+    <div [class]="'ui-alert ui-alert--' + variant() + ' ui-alert--' + color()"
+         role="alert" [attr.aria-live]="live()">
+      @if (icon()) {
+        <span class="ui-alert__icon" aria-hidden="true">
+          <ng-content select="[slot=icon]" />
+        </span>
+      }
+      <div class="ui-alert__body">
+        @if (title()) {
+          <p class="ui-alert__title">{{ title() }}</p>
+        }
+        @if (description()) {
+          <p class="ui-alert__description">{{ description() }}</p>
+        }
+        <ng-content />
+        @if (actions()) {
+          <div class="ui-alert__actions">
+            <ng-content select="[slot=actions]" />
+          </div>
+        }
+      </div>
+      @if (closable()) {
+        <button type="button" class="ui-alert__close" aria-label="Close" (click)="close.emit()">
+          <span aria-hidden="true">×</span>
+        </button>
+      }
+    </div>
+  `, styles: [".ui-alert{display:flex;align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-4);border-radius:var(--radius-lg);border:1px solid transparent}.ui-alert__icon{flex-shrink:0;width:1.25rem;height:1.25rem;margin-top:1px}.ui-alert__body{flex:1;min-width:0}.ui-alert__title{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text);margin:0 0 var(--spacing-1)}.ui-alert__description{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.ui-alert__actions{display:flex;gap:var(--spacing-2);margin-top:var(--spacing-3)}.ui-alert__close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border:none;background:transparent;cursor:pointer;border-radius:var(--radius-md);color:currentColor;opacity:.6;font-size:1.25rem;line-height:1}.ui-alert__close:hover{opacity:1}.ui-alert--primary.ui-alert--soft{background:color-mix(in srgb,var(--color-primary-500) 12%,transparent);border-color:color-mix(in srgb,var(--color-primary-500) 20%,transparent);color:var(--color-primary-700)}.ui-alert--primary.ui-alert--outline{background:transparent;border-color:var(--color-primary-500);color:var(--color-primary-700)}.ui-alert--primary.ui-alert--solid{background:var(--color-primary-500);color:#fff}.ui-alert--primary.ui-alert--subtle{background:color-mix(in srgb,var(--color-primary-500) 8%,transparent);border-color:transparent;color:var(--color-primary-700)}.ui-alert--success.ui-alert--soft{background:color-mix(in srgb,var(--color-success-500) 12%,transparent);border-color:color-mix(in srgb,var(--color-success-500) 20%,transparent);color:var(--color-success-700)}.ui-alert--success.ui-alert--outline{background:transparent;border-color:var(--color-success-500);color:var(--color-success-700)}.ui-alert--success.ui-alert--solid{background:var(--color-success-500);color:#fff}.ui-alert--success.ui-alert--subtle{background:color-mix(in srgb,var(--color-success-500) 8%,transparent);border-color:transparent;color:var(--color-success-700)}.ui-alert--warning.ui-alert--soft{background:color-mix(in srgb,var(--color-warning-500) 12%,transparent);border-color:color-mix(in srgb,var(--color-warning-500) 20%,transparent);color:var(--color-warning-700)}.ui-alert--warning.ui-alert--outline{background:transparent;border-color:var(--color-warning-500);color:var(--color-warning-700)}.ui-alert--warning.ui-alert--solid{background:var(--color-warning-500);color:#fff}.ui-alert--warning.ui-alert--subtle{background:color-mix(in srgb,var(--color-warning-500) 8%,transparent);border-color:transparent;color:var(--color-warning-700)}.ui-alert--error.ui-alert--soft{background:color-mix(in srgb,var(--color-error-500) 12%,transparent);border-color:color-mix(in srgb,var(--color-error-500) 20%,transparent);color:var(--color-error-700)}.ui-alert--error.ui-alert--outline{background:transparent;border-color:var(--color-error-500);color:var(--color-error-700)}.ui-alert--error.ui-alert--solid{background:var(--color-error-500);color:#fff}.ui-alert--error.ui-alert--subtle{background:color-mix(in srgb,var(--color-error-500) 8%,transparent);border-color:transparent;color:var(--color-error-700)}.ui-alert--info.ui-alert--soft{background:color-mix(in srgb,var(--color-info-500) 12%,transparent);border-color:color-mix(in srgb,var(--color-info-500) 20%,transparent);color:var(--color-info-700)}.ui-alert--info.ui-alert--outline{background:transparent;border-color:var(--color-info-500);color:var(--color-info-700)}.ui-alert--info.ui-alert--solid{background:var(--color-info-500);color:#fff}.ui-alert--info.ui-alert--subtle{background:color-mix(in srgb,var(--color-info-500) 8%,transparent);border-color:transparent;color:var(--color-info-700)}.ui-alert--neutral.ui-alert--soft{background:color-mix(in srgb,var(--color-neutral-500) 12%,transparent);border-color:color-mix(in srgb,var(--color-neutral-500) 20%,transparent);color:var(--color-neutral-700)}.ui-alert--neutral.ui-alert--outline{background:transparent;border-color:var(--color-neutral-500);color:var(--color-neutral-700)}.ui-alert--neutral.ui-alert--solid{background:var(--color-neutral-500);color:#fff}.ui-alert--neutral.ui-alert--subtle{background:color-mix(in srgb,var(--color-neutral-500) 8%,transparent);border-color:transparent;color:var(--color-neutral-700)}\n"] }]
+        }] });
+
+/**
+ * AvatarGroup Molecule — Source: Nuxt UI v3 ❖ AvatarGroup
+ * Stacked avatar list with overflow count
+ * Depends on: AvatarComponent (atom)
+ */
+class AvatarGroupComponent {
+    constructor() {
+        this.items = input.required();
+        this.max = input(5);
+        this.size = input('md');
+    }
+    get visibleItems() { return () => this.items().slice(0, this.max()); }
+    get overflow() { return () => Math.max(0, this.items().length - this.max()); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: AvatarGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: AvatarGroupComponent, isStandalone: true, selector: "ui-avatar-group", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: true, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+    <div class="ui-avatar-group" [attr.aria-label]="'Group of ' + items().length + ' avatars'">
+      @for (item of visibleItems(); track item.alt) {
+        <ui-avatar
+          [src]="item.src ?? null"
+          [alt]="item.alt ?? null"
+          [initials]="item.initials ?? null"
+          [size]="size()"
+          class="ui-avatar-group__item"
+        />
+      }
+      @if (overflow() > 0) {
+        <span class="ui-avatar-group__overflow ui-avatar-group__overflow--{{ size() }}"
+              [attr.aria-label]="overflow() + ' more'">
+          +{{ overflow() }}
+        </span>
+      }
+    </div>
+  `, isInline: true, styles: [".ui-avatar-group{display:flex;align-items:center}.ui-avatar-group .ui-avatar-group__item,.ui-avatar-group ui-avatar{margin-left:-8px}.ui-avatar-group .ui-avatar-group__item:first-child,.ui-avatar-group ui-avatar:first-child{margin-left:0}.ui-avatar-group ui-avatar,.ui-avatar-group .ui-avatar-group__item{border:2px solid var(--color-bg);border-radius:50%}.ui-avatar-group__overflow{display:inline-flex;align-items:center;justify-content:center;margin-left:-8px;border:2px solid var(--color-bg);border-radius:50%;background:var(--color-neutral-100);color:var(--color-neutral-600);font-family:var(--font-sans);font-weight:var(--font-medium);flex-shrink:0}.ui-avatar-group__overflow--xs{width:20px;height:20px;font-size:10px}.ui-avatar-group__overflow--sm{width:24px;height:24px;font-size:11px}.ui-avatar-group__overflow--md{width:32px;height:32px;font-size:13px}.ui-avatar-group__overflow--lg{width:40px;height:40px;font-size:15px}.ui-avatar-group__overflow--xl{width:48px;height:48px;font-size:17px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: AvatarComponent, selector: "ui-avatar", inputs: ["src", "alt", "size", "initials", "chip", "chipColor", "chipAlt", "rounded"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: AvatarGroupComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ui-avatar-group', standalone: true, imports: [CommonModule, AvatarComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: `
+    <div class="ui-avatar-group" [attr.aria-label]="'Group of ' + items().length + ' avatars'">
+      @for (item of visibleItems(); track item.alt) {
+        <ui-avatar
+          [src]="item.src ?? null"
+          [alt]="item.alt ?? null"
+          [initials]="item.initials ?? null"
+          [size]="size()"
+          class="ui-avatar-group__item"
+        />
+      }
+      @if (overflow() > 0) {
+        <span class="ui-avatar-group__overflow ui-avatar-group__overflow--{{ size() }}"
+              [attr.aria-label]="overflow() + ' more'">
+          +{{ overflow() }}
+        </span>
+      }
+    </div>
+  `, styles: [".ui-avatar-group{display:flex;align-items:center}.ui-avatar-group .ui-avatar-group__item,.ui-avatar-group ui-avatar{margin-left:-8px}.ui-avatar-group .ui-avatar-group__item:first-child,.ui-avatar-group ui-avatar:first-child{margin-left:0}.ui-avatar-group ui-avatar,.ui-avatar-group .ui-avatar-group__item{border:2px solid var(--color-bg);border-radius:50%}.ui-avatar-group__overflow{display:inline-flex;align-items:center;justify-content:center;margin-left:-8px;border:2px solid var(--color-bg);border-radius:50%;background:var(--color-neutral-100);color:var(--color-neutral-600);font-family:var(--font-sans);font-weight:var(--font-medium);flex-shrink:0}.ui-avatar-group__overflow--xs{width:20px;height:20px;font-size:10px}.ui-avatar-group__overflow--sm{width:24px;height:24px;font-size:11px}.ui-avatar-group__overflow--md{width:32px;height:32px;font-size:13px}.ui-avatar-group__overflow--lg{width:40px;height:40px;font-size:15px}.ui-avatar-group__overflow--xl{width:48px;height:48px;font-size:17px}\n"] }]
+        }] });
+
+/**
+ * Breadcrumb Molecule — Source: Nuxt UI v3 ❖ Breadcrumb
+ * Navigation trail with router support
+ */
+class BreadcrumbComponent {
+    constructor() {
+        this.items = input.required();
+        this.separator = input('/');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: BreadcrumbComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: BreadcrumbComponent, isStandalone: true, selector: "ui-breadcrumb", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: true, transformFunction: null }, separator: { classPropertyName: "separator", publicName: "separator", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+    <nav aria-label="Breadcrumb">
+      <ol class="ui-breadcrumb">
+        @for (item of items(); track item.label; let last = $last) {
+          <li class="ui-breadcrumb__item" [class.ui-breadcrumb__item--current]="last">
+            @if (!last && item.to) {
+              <a [routerLink]="item.to" class="ui-breadcrumb__link">{{ item.label }}</a>
+            } @else if (!last && item.href) {
+              <a [href]="item.href" class="ui-breadcrumb__link">{{ item.label }}</a>
+            } @else {
+              <span class="ui-breadcrumb__current" [attr.aria-current]="last ? 'page' : null">{{ item.label }}</span>
+            }
+            @if (!last) {
+              <span class="ui-breadcrumb__separator" aria-hidden="true">{{ separator() }}</span>
+            }
+          </li>
+        }
+      </ol>
+    </nav>
+  `, isInline: true, styles: [".ui-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-1);list-style:none;padding:0;margin:0}.ui-breadcrumb__item{display:flex;align-items:center;gap:var(--spacing-1)}.ui-breadcrumb__link{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-text-muted);text-decoration:none;transition:color var(--transition-fast)}.ui-breadcrumb__link:hover{color:var(--color-primary-500);text-decoration:underline}.ui-breadcrumb__current{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-text);font-weight:var(--font-medium)}.ui-breadcrumb__separator{font-size:var(--text-xs);color:var(--color-text-subtle);-webkit-user-select:none;user-select:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: BreadcrumbComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ui-breadcrumb', standalone: true, imports: [CommonModule, RouterModule], changeDetection: ChangeDetectionStrategy.OnPush, template: `
+    <nav aria-label="Breadcrumb">
+      <ol class="ui-breadcrumb">
+        @for (item of items(); track item.label; let last = $last) {
+          <li class="ui-breadcrumb__item" [class.ui-breadcrumb__item--current]="last">
+            @if (!last && item.to) {
+              <a [routerLink]="item.to" class="ui-breadcrumb__link">{{ item.label }}</a>
+            } @else if (!last && item.href) {
+              <a [href]="item.href" class="ui-breadcrumb__link">{{ item.label }}</a>
+            } @else {
+              <span class="ui-breadcrumb__current" [attr.aria-current]="last ? 'page' : null">{{ item.label }}</span>
+            }
+            @if (!last) {
+              <span class="ui-breadcrumb__separator" aria-hidden="true">{{ separator() }}</span>
+            }
+          </li>
+        }
+      </ol>
+    </nav>
+  `, styles: [".ui-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-1);list-style:none;padding:0;margin:0}.ui-breadcrumb__item{display:flex;align-items:center;gap:var(--spacing-1)}.ui-breadcrumb__link{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-text-muted);text-decoration:none;transition:color var(--transition-fast)}.ui-breadcrumb__link:hover{color:var(--color-primary-500);text-decoration:underline}.ui-breadcrumb__current{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-text);font-weight:var(--font-medium)}.ui-breadcrumb__separator{font-size:var(--text-xs);color:var(--color-text-subtle);-webkit-user-select:none;user-select:none}\n"] }]
+        }] });
+
+/**
+ * ButtonGroup Molecule — Source: Nuxt UI v3 ❖ ButtonGroup
+ * Groups buttons in a visual row (joined borders)
+ */
+class ButtonGroupComponent {
+    constructor() {
+        this.vertical = input(false);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ButtonGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.20", type: ButtonGroupComponent, isStandalone: true, selector: "ui-button-group", inputs: { vertical: { classPropertyName: "vertical", publicName: "vertical", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+    <div class="ui-button-group" [class.ui-button-group--vertical]="vertical()" role="group">
+      <ng-content />
+    </div>
+  `, isInline: true, styles: [".ui-button-group{display:inline-flex;align-items:stretch}.ui-button-group ::ng-deep ui-button button,.ui-button-group ::ng-deep .ui-btn{border-radius:0;border-right-width:0}.ui-button-group ::ng-deep ui-button button:first-child,.ui-button-group ::ng-deep .ui-btn:first-child{border-radius:var(--radius-md) 0 0 var(--radius-md)}.ui-button-group ::ng-deep ui-button button:last-child,.ui-button-group ::ng-deep .ui-btn:last-child{border-radius:0 var(--radius-md) var(--radius-md) 0;border-right-width:1px}.ui-button-group--vertical{flex-direction:column}.ui-button-group--vertical ::ng-deep ui-button button,.ui-button-group--vertical ::ng-deep .ui-btn{border-bottom-width:0;border-radius:0}.ui-button-group--vertical ::ng-deep ui-button button:first-child,.ui-button-group--vertical ::ng-deep .ui-btn:first-child{border-radius:var(--radius-md) var(--radius-md) 0 0}.ui-button-group--vertical ::ng-deep ui-button button:last-child,.ui-button-group--vertical ::ng-deep .ui-btn:last-child{border-radius:0 0 var(--radius-md) var(--radius-md);border-bottom-width:1px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ButtonGroupComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ui-button-group', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: `
+    <div class="ui-button-group" [class.ui-button-group--vertical]="vertical()" role="group">
+      <ng-content />
+    </div>
+  `, styles: [".ui-button-group{display:inline-flex;align-items:stretch}.ui-button-group ::ng-deep ui-button button,.ui-button-group ::ng-deep .ui-btn{border-radius:0;border-right-width:0}.ui-button-group ::ng-deep ui-button button:first-child,.ui-button-group ::ng-deep .ui-btn:first-child{border-radius:var(--radius-md) 0 0 var(--radius-md)}.ui-button-group ::ng-deep ui-button button:last-child,.ui-button-group ::ng-deep .ui-btn:last-child{border-radius:0 var(--radius-md) var(--radius-md) 0;border-right-width:1px}.ui-button-group--vertical{flex-direction:column}.ui-button-group--vertical ::ng-deep ui-button button,.ui-button-group--vertical ::ng-deep .ui-btn{border-bottom-width:0;border-radius:0}.ui-button-group--vertical ::ng-deep ui-button button:first-child,.ui-button-group--vertical ::ng-deep .ui-btn:first-child{border-radius:var(--radius-md) var(--radius-md) 0 0}.ui-button-group--vertical ::ng-deep ui-button button:last-child,.ui-button-group--vertical ::ng-deep .ui-btn:last-child{border-radius:0 0 var(--radius-md) var(--radius-md);border-bottom-width:1px}\n"] }]
+        }] });
+
+/**
+ * FormField Molecule — Source: Nuxt UI v3 ❖ FormField
+ * Wrapper for form controls: label + control + hint + error
+ * Used with: Input, Textarea, Select, Checkbox, Radio...
+ */
+class FormFieldComponent {
+    constructor() {
+        this.label = input(null);
+        this.name = input('');
+        this.hint = input(null);
+        this.errorMessage = input(null);
+        this.required = input(false);
+        this.size = input('md');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: FormFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: FormFieldComponent, isStandalone: true, selector: "ui-form-field", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, hint: { classPropertyName: "hint", publicName: "hint", isSignal: true, isRequired: false, transformFunction: null }, errorMessage: { classPropertyName: "errorMessage", publicName: "errorMessage", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+    <div class="ui-form-field" [class.ui-form-field--error]="!!errorMessage()" [class.ui-form-field--required]="required()">
+      @if (label()) {
+        <label class="ui-form-field__label ui-form-field__label--{{ size() }}" [for]="name()">
+          {{ label() }}
+          @if (required()) {
+            <span class="ui-form-field__required" aria-hidden="true"> *</span>
+          }
+        </label>
+      }
+
+      <div class="ui-form-field__control">
+        <ng-content />
+      </div>
+
+      @if (hint() && !errorMessage()) {
+        <p class="ui-form-field__hint" [id]="name() + '-hint'">{{ hint() }}</p>
+      }
+
+      @if (errorMessage()) {
+        <p class="ui-form-field__error" role="alert" [id]="name() + '-error'">
+          {{ errorMessage() }}
+        </p>
+      }
+    </div>
+  `, isInline: true, styles: [".ui-form-field{display:flex;flex-direction:column;gap:var(--spacing-1-5);width:100%}.ui-form-field__label{font-family:var(--font-sans);font-weight:var(--font-medium);color:var(--color-text);cursor:pointer}.ui-form-field__label--xs,.ui-form-field__label--sm{font-size:var(--text-xs)}.ui-form-field__label--md{font-size:var(--text-sm)}.ui-form-field__label--lg{font-size:var(--text-md)}.ui-form-field__label--xl{font-size:var(--text-lg)}.ui-form-field__required{color:var(--color-error-500)}.ui-form-field__control{position:relative}.ui-form-field__hint{font-family:var(--font-sans);font-size:var(--text-xs);color:var(--color-text-muted);margin:0}.ui-form-field__error{font-family:var(--font-sans);font-size:var(--text-xs);color:var(--color-error-600);margin:0;font-weight:var(--font-medium)}.ui-form-field--error .ui-form-field__label{color:var(--color-error-600)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: FormFieldComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ui-form-field', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: `
+    <div class="ui-form-field" [class.ui-form-field--error]="!!errorMessage()" [class.ui-form-field--required]="required()">
+      @if (label()) {
+        <label class="ui-form-field__label ui-form-field__label--{{ size() }}" [for]="name()">
+          {{ label() }}
+          @if (required()) {
+            <span class="ui-form-field__required" aria-hidden="true"> *</span>
+          }
+        </label>
+      }
+
+      <div class="ui-form-field__control">
+        <ng-content />
+      </div>
+
+      @if (hint() && !errorMessage()) {
+        <p class="ui-form-field__hint" [id]="name() + '-hint'">{{ hint() }}</p>
+      }
+
+      @if (errorMessage()) {
+        <p class="ui-form-field__error" role="alert" [id]="name() + '-error'">
+          {{ errorMessage() }}
+        </p>
+      }
+    </div>
+  `, styles: [".ui-form-field{display:flex;flex-direction:column;gap:var(--spacing-1-5);width:100%}.ui-form-field__label{font-family:var(--font-sans);font-weight:var(--font-medium);color:var(--color-text);cursor:pointer}.ui-form-field__label--xs,.ui-form-field__label--sm{font-size:var(--text-xs)}.ui-form-field__label--md{font-size:var(--text-sm)}.ui-form-field__label--lg{font-size:var(--text-md)}.ui-form-field__label--xl{font-size:var(--text-lg)}.ui-form-field__required{color:var(--color-error-500)}.ui-form-field__control{position:relative}.ui-form-field__hint{font-family:var(--font-sans);font-size:var(--text-xs);color:var(--color-text-muted);margin:0}.ui-form-field__error{font-family:var(--font-sans);font-size:var(--text-xs);color:var(--color-error-600);margin:0;font-weight:var(--font-medium)}.ui-form-field--error .ui-form-field__label{color:var(--color-error-600)}\n"] }]
+        }] });
+
+/**
+ * Input Molecule — Source: Nuxt UI v3 ❖ Input
+ *
+ * Slots :
+ *   [slot=leading]  — icône / contenu à gauche
+ *   [slot=trailing] — icône / contenu à droite
+ *
+ * Pour rendre un slot cliquable (ex: toggle password) :
+ *   [trailingClickable]="true"  → rend le slot trailing en <button> et émet (trailingClick)
+ *   [leadingClickable]="true"   → rend le slot leading  en <button> et émet (leadingClick)
+ */
+class InputComponent {
+    constructor() {
+        // ── Inputs ───────────────────────────────────────────────
+        this.type = input('text');
+        this.placeholder = input('');
+        this.size = input('md');
+        this.variant = input('outline');
+        this.color = input('primary');
+        this.disabled = input(false);
+        this.readonly = input(false);
+        this.required = input(false);
+        this.ariaLabel = input(null);
+        this.leading = input(false);
+        this.leadingClickable = input(false);
+        /** aria-label du bouton leading quand leadingClickable=true */
+        this.leadingLabel = input('');
+        this.trailing = input(false);
+        this.trailingClickable = input(false);
+        /** aria-label du bouton trailing quand trailingClickable=true */
+        this.trailingLabel = input('');
+        // ── Two-way ──────────────────────────────────────────────
+        this.value = model('');
+        // ── Outputs ──────────────────────────────────────────────
+        this.leadingClick = output();
+        this.trailingClick = output();
+        // ── CVA ──────────────────────────────────────────────────
+        this._onChange = () => { };
+        this.onTouched = () => { };
+    }
+    // ── Classes computed ─────────────────────────────────────
+    wrapClass() {
+        return [
+            'ui-input-wrap',
+            `ui-input-wrap--${this.size()}`,
+            this.leading() ? 'ui-input-wrap--has-leading' : '',
+            this.trailing() ? 'ui-input-wrap--has-trailing' : '',
+        ].filter(Boolean).join(' ');
+    }
+    inputClass() {
+        return `ui-input ui-input--${this.variant()} ui-input--${this.color()} ui-input--${this.size()}`;
+    }
+    onInput(e) {
+        const val = e.target.value;
+        this.value.set(val);
+        this._onChange(val);
+    }
+    writeValue(v) { this.value.set(v ?? ''); }
+    registerOnChange(fn) { this._onChange = fn; }
+    registerOnTouched(fn) { this.onTouched = fn; }
+    setDisabledState(_) { }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: InputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: InputComponent, isStandalone: true, selector: "ui-input", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", 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 }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, leading: { classPropertyName: "leading", publicName: "leading", isSignal: true, isRequired: false, transformFunction: null }, leadingClickable: { classPropertyName: "leadingClickable", publicName: "leadingClickable", isSignal: true, isRequired: false, transformFunction: null }, leadingLabel: { classPropertyName: "leadingLabel", publicName: "leadingLabel", isSignal: true, isRequired: false, transformFunction: null }, trailing: { classPropertyName: "trailing", publicName: "trailing", isSignal: true, isRequired: false, transformFunction: null }, trailingClickable: { classPropertyName: "trailingClickable", publicName: "trailingClickable", isSignal: true, isRequired: false, transformFunction: null }, trailingLabel: { classPropertyName: "trailingLabel", publicName: "trailingLabel", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", leadingClick: "leadingClick", trailingClick: "trailingClick" }, providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => InputComponent), multi: true }], ngImport: i0, template: `
+    <div [class]="wrapClass()">
+
+      <!-- Leading slot -->
+      @if (leading()) {
+        <span
+          class="ui-input__leading"
+          [class.ui-input__slot--clickable]="leadingClickable()"
+          [attr.role]="leadingClickable() ? 'button' : null"
+          [attr.tabindex]="leadingClickable() ? 0 : null"
+          [attr.aria-label]="leadingClickable() ? leadingLabel() : null"
+          (click)="leadingClickable() && leadingClick.emit()"
+          (keydown.enter)="leadingClickable() && leadingClick.emit()"
+          (keydown.space)="leadingClickable() && leadingClick.emit()"
+        >
+          <ng-content select="[slot=leading]" />
+        </span>
+      }
+
+      <!-- Native input -->
+      <input
+        [class]="inputClass()"
+        [type]="type()"
+        [placeholder]="placeholder()"
+        [disabled]="disabled()"
+        [readonly]="readonly()"
+        [required]="required()"
+        [attr.aria-label]="ariaLabel() ?? null"
+        [attr.aria-invalid]="color() === 'error'"
+        [value]="value()"
+        (input)="onInput($event)"
+        (blur)="onTouched()"
+      />
+
+      <!-- Trailing slot -->
+      @if (trailing()) {
+        <span
+          class="ui-input__trailing"
+          [class.ui-input__slot--clickable]="trailingClickable()"
+          [attr.role]="trailingClickable() ? 'button' : null"
+          [attr.tabindex]="trailingClickable() ? 0 : null"
+          [attr.aria-label]="trailingClickable() ? trailingLabel() : null"
+          (click)="trailingClickable() && trailingClick.emit()"
+          (keydown.enter)="trailingClickable() && trailingClick.emit()"
+          (keydown.space)="trailingClickable() && trailingClick.emit()"
+        >
+          <ng-content select="[slot=trailing]" />
+        </span>
+      }
+
+    </div>
+  `, isInline: true, styles: [".ui-input-wrap{position:relative;display:flex;align-items:stretch;width:100%}.ui-input-wrap--has-leading .ui-input{padding-left:2.5rem}.ui-input-wrap--has-trailing .ui-input{padding-right:2.5rem}.ui-input{width:100%;font-family:var(--font-sans);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text);outline:none;transition:var(--transition-colors)}.ui-input::placeholder{color:var(--color-text-subtle)}.ui-input:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 1px var(--color-primary-500)}.ui-input:disabled{opacity:.5;cursor:not-allowed;background:var(--color-neutral-50)}.ui-input--xs{height:var(--size-xs);padding:0 8px;font-size:var(--text-xs)}.ui-input--sm{height:var(--size-sm);padding:0 10px;font-size:var(--text-xs)}.ui-input--md{height:var(--size-md);padding:0 10px;font-size:var(--text-sm)}.ui-input--lg{height:var(--size-lg);padding:0 12px;font-size:var(--text-sm)}.ui-input--xl{height:var(--size-xl);padding:0 12px;font-size:var(--text-md)}.ui-input--outline{border-color:var(--color-border)}.ui-input--soft{background:var(--color-neutral-50);border-color:transparent}.ui-input--subtle{background:transparent;border-color:transparent;border-bottom-color:var(--color-border);border-radius:0}.ui-input--none{border:none;background:transparent;box-shadow:none!important}.ui-input--error{border-color:var(--color-error-500)}.ui-input--error:focus{box-shadow:0 0 0 1px var(--color-error-500)}.ui-input--success{border-color:var(--color-success-500)}.ui-input--success:focus{box-shadow:0 0 0 1px var(--color-success-500)}.ui-input--warning{border-color:var(--color-warning-500)}.ui-input--warning:focus{box-shadow:0 0 0 1px var(--color-warning-500)}.ui-input__leading,.ui-input__trailing{position:absolute;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);width:2.25rem;height:100%;pointer-events:none}.ui-input__leading{left:0}.ui-input__trailing{right:0}.ui-input__slot--clickable{pointer-events:auto;cursor:pointer;border-radius:var(--radius-sm);color:var(--color-text-muted);transition:color var(--transition-colors)}.ui-input__slot--clickable:hover{color:var(--color-text)}.ui-input__slot--clickable:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:-2px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: InputComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ui-input', standalone: true, imports: [], changeDetection: ChangeDetectionStrategy.OnPush, providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => InputComponent), multi: true }], template: `
+    <div [class]="wrapClass()">
+
+      <!-- Leading slot -->
+      @if (leading()) {
+        <span
+          class="ui-input__leading"
+          [class.ui-input__slot--clickable]="leadingClickable()"
+          [attr.role]="leadingClickable() ? 'button' : null"
+          [attr.tabindex]="leadingClickable() ? 0 : null"
+          [attr.aria-label]="leadingClickable() ? leadingLabel() : null"
+          (click)="leadingClickable() && leadingClick.emit()"
+          (keydown.enter)="leadingClickable() && leadingClick.emit()"
+          (keydown.space)="leadingClickable() && leadingClick.emit()"
+        >
+          <ng-content select="[slot=leading]" />
+        </span>
+      }
+
+      <!-- Native input -->
+      <input
+        [class]="inputClass()"
+        [type]="type()"
+        [placeholder]="placeholder()"
+        [disabled]="disabled()"
+        [readonly]="readonly()"
+        [required]="required()"
+        [attr.aria-label]="ariaLabel() ?? null"
+        [attr.aria-invalid]="color() === 'error'"
+        [value]="value()"
+        (input)="onInput($event)"
+        (blur)="onTouched()"
+      />
+
+      <!-- Trailing slot -->
+      @if (trailing()) {
+        <span
+          class="ui-input__trailing"
+          [class.ui-input__slot--clickable]="trailingClickable()"
+          [attr.role]="trailingClickable() ? 'button' : null"
+          [attr.tabindex]="trailingClickable() ? 0 : null"
+          [attr.aria-label]="trailingClickable() ? trailingLabel() : null"
+          (click)="trailingClickable() && trailingClick.emit()"
+          (keydown.enter)="trailingClickable() && trailingClick.emit()"
+          (keydown.space)="trailingClickable() && trailingClick.emit()"
+        >
+          <ng-content select="[slot=trailing]" />
+        </span>
+      }
+
+    </div>
+  `, styles: [".ui-input-wrap{position:relative;display:flex;align-items:stretch;width:100%}.ui-input-wrap--has-leading .ui-input{padding-left:2.5rem}.ui-input-wrap--has-trailing .ui-input{padding-right:2.5rem}.ui-input{width:100%;font-family:var(--font-sans);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text);outline:none;transition:var(--transition-colors)}.ui-input::placeholder{color:var(--color-text-subtle)}.ui-input:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 1px var(--color-primary-500)}.ui-input:disabled{opacity:.5;cursor:not-allowed;background:var(--color-neutral-50)}.ui-input--xs{height:var(--size-xs);padding:0 8px;font-size:var(--text-xs)}.ui-input--sm{height:var(--size-sm);padding:0 10px;font-size:var(--text-xs)}.ui-input--md{height:var(--size-md);padding:0 10px;font-size:var(--text-sm)}.ui-input--lg{height:var(--size-lg);padding:0 12px;font-size:var(--text-sm)}.ui-input--xl{height:var(--size-xl);padding:0 12px;font-size:var(--text-md)}.ui-input--outline{border-color:var(--color-border)}.ui-input--soft{background:var(--color-neutral-50);border-color:transparent}.ui-input--subtle{background:transparent;border-color:transparent;border-bottom-color:var(--color-border);border-radius:0}.ui-input--none{border:none;background:transparent;box-shadow:none!important}.ui-input--error{border-color:var(--color-error-500)}.ui-input--error:focus{box-shadow:0 0 0 1px var(--color-error-500)}.ui-input--success{border-color:var(--color-success-500)}.ui-input--success:focus{box-shadow:0 0 0 1px var(--color-success-500)}.ui-input--warning{border-color:var(--color-warning-500)}.ui-input--warning:focus{box-shadow:0 0 0 1px var(--color-warning-500)}.ui-input__leading,.ui-input__trailing{position:absolute;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);width:2.25rem;height:100%;pointer-events:none}.ui-input__leading{left:0}.ui-input__trailing{right:0}.ui-input__slot--clickable{pointer-events:auto;cursor:pointer;border-radius:var(--radius-sm);color:var(--color-text-muted);transition:color var(--transition-colors)}.ui-input__slot--clickable:hover{color:var(--color-text)}.ui-input__slot--clickable:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:-2px}\n"] }]
+        }] });
+
+/**
+ * Pagination Molecule — Source: Nuxt UI v3 ❖ Pagination
+ * Page navigation with page numbers, prev/next controls
+ */
+class PaginationComponent {
+    constructor() {
+        this.total = input.required();
+        this.size = input('md');
+        this.page = model(1);
+        this.pages = computed(() => {
+            const current = this.page();
+            const last = this.total();
+            if (last <= 7)
+                return Array.from({ length: last }, (_, i) => i + 1);
+            const items = [1];
+            if (current > 3)
+                items.push('...');
+            const start = Math.max(2, current - 1);
+            const end = Math.min(last - 1, current + 1);
+            for (let i = start; i <= end; i++)
+                items.push(i);
+            if (current < last - 2)
+                items.push('...');
+            items.push(last);
+            return items;
+        });
+    }
+    prev() { if (this.page() > 1)
+        this.page.update(p => p - 1); }
+    next() { if (this.page() < this.total())
+        this.page.update(p => p + 1); }
+    goTo(p) { this.page.set(p); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: PaginationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: PaginationComponent, isStandalone: true, selector: "ui-pagination", inputs: { total: { classPropertyName: "total", publicName: "total", isSignal: true, isRequired: true, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, page: { classPropertyName: "page", publicName: "page", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { page: "pageChange" }, ngImport: i0, template: `
+    <nav class="ui-pagination ui-pagination--{{ size() }}" aria-label="Pagination">
+      <button
+        class="ui-pagination__btn"
+        [disabled]="page() <= 1"
+        (click)="prev()"
+        aria-label="Previous page"
+      >‹</button>
+
+      @for (p of pages(); track p) {
+        @if (p === '...') {
+          <span class="ui-pagination__ellipsis" aria-hidden="true">…</span>
+        } @else {
+          <button
+            class="ui-pagination__btn"
+            [class.ui-pagination__btn--active]="p === page()"
+            [attr.aria-current]="p === page() ? 'page' : null"
+            (click)="goTo(+p)"
+          >{{ p }}</button>
+        }
+      }
+
+      <button
+        class="ui-pagination__btn"
+        [disabled]="page() >= total()"
+        (click)="next()"
+        aria-label="Next page"
+      >›</button>
+    </nav>
+  `, isInline: true, styles: [".ui-pagination{display:flex;align-items:center;gap:var(--spacing-1)}.ui-pagination--xs .ui-pagination__btn{height:var(--size-xs);min-width:var(--size-xs);font-size:var(--text-xs)}.ui-pagination--sm .ui-pagination__btn{height:var(--size-sm);min-width:var(--size-sm);font-size:var(--text-xs)}.ui-pagination--md .ui-pagination__btn{height:var(--size-md);min-width:var(--size-md);font-size:var(--text-sm)}.ui-pagination--lg .ui-pagination__btn{height:var(--size-lg);min-width:var(--size-lg);font-size:var(--text-sm)}.ui-pagination--xl .ui-pagination__btn{height:var(--size-xl);min-width:var(--size-xl);font-size:var(--text-md)}.ui-pagination__btn{display:inline-flex;align-items:center;justify-content:center;padding:0 var(--spacing-2);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-weight:var(--font-medium);cursor:pointer;transition:var(--transition-colors)}.ui-pagination__btn:hover:not([disabled]){background:var(--color-neutral-100);border-color:var(--color-neutral-300)}.ui-pagination__btn--active{background:var(--color-primary-500);border-color:var(--color-primary-500);color:#fff}.ui-pagination__btn[disabled]{opacity:.4;cursor:not-allowed}.ui-pagination__ellipsis{display:inline-flex;align-items:center;padding:0 var(--spacing-1);color:var(--color-text-muted);font-family:var(--font-sans);font-size:var(--text-sm)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: PaginationComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ui-pagination', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: `
+    <nav class="ui-pagination ui-pagination--{{ size() }}" aria-label="Pagination">
+      <button
+        class="ui-pagination__btn"
+        [disabled]="page() <= 1"
+        (click)="prev()"
+        aria-label="Previous page"
+      >‹</button>
+
+      @for (p of pages(); track p) {
+        @if (p === '...') {
+          <span class="ui-pagination__ellipsis" aria-hidden="true">…</span>
+        } @else {
+          <button
+            class="ui-pagination__btn"
+            [class.ui-pagination__btn--active]="p === page()"
+            [attr.aria-current]="p === page() ? 'page' : null"
+            (click)="goTo(+p)"
+          >{{ p }}</button>
+        }
+      }
+
+      <button
+        class="ui-pagination__btn"
+        [disabled]="page() >= total()"
+        (click)="next()"
+        aria-label="Next page"
+      >›</button>
+    </nav>
+  `, styles: [".ui-pagination{display:flex;align-items:center;gap:var(--spacing-1)}.ui-pagination--xs .ui-pagination__btn{height:var(--size-xs);min-width:var(--size-xs);font-size:var(--text-xs)}.ui-pagination--sm .ui-pagination__btn{height:var(--size-sm);min-width:var(--size-sm);font-size:var(--text-xs)}.ui-pagination--md .ui-pagination__btn{height:var(--size-md);min-width:var(--size-md);font-size:var(--text-sm)}.ui-pagination--lg .ui-pagination__btn{height:var(--size-lg);min-width:var(--size-lg);font-size:var(--text-sm)}.ui-pagination--xl .ui-pagination__btn{height:var(--size-xl);min-width:var(--size-xl);font-size:var(--text-md)}.ui-pagination__btn{display:inline-flex;align-items:center;justify-content:center;padding:0 var(--spacing-2);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-weight:var(--font-medium);cursor:pointer;transition:var(--transition-colors)}.ui-pagination__btn:hover:not([disabled]){background:var(--color-neutral-100);border-color:var(--color-neutral-300)}.ui-pagination__btn--active{background:var(--color-primary-500);border-color:var(--color-primary-500);color:#fff}.ui-pagination__btn[disabled]{opacity:.4;cursor:not-allowed}.ui-pagination__ellipsis{display:inline-flex;align-items:center;padding:0 var(--spacing-1);color:var(--color-text-muted);font-family:var(--font-sans);font-size:var(--text-sm)}\n"] }]
+        }] });
+
+/**
+ * Select Molecule — Source: Nuxt UI v3 ❖ Select
+ *
+ * Dropdown custom (non natif) :
+ * - Trigger stylisé comme un Input (variants, couleurs, tailles Figma)
+ * - Panel dropdown animé (scale + fade, 100ms ease-out)
+ * - Navigation clavier : ArrowUp/Down, Enter, Space, Escape, Tab
+ * - ClickOutside pour fermer
+ * - Slot leading icon dans le trigger
+ * - Icône + checkmark par option
+ * - Compatible ControlValueAccessor
+ */
+class SelectComponent {
+    constructor() {
+        this.options = input.required();
+        this.placeholder = input(null);
+        this.size = input('md');
+        this.variant = input('outline');
+        this.color = input('neutral');
+        this.disabled = input(false);
+        this.loading = input(false);
+        this.leadingIcon = input(false);
+        this.ariaLabel = input(null);
+        this.value = model('');
+        this.change = output();
+        this.isOpen = signal(false);
+        this.activeIndex = signal(-1);
+        this.selectedOption = computed(() => this.options().find(o => String(o.value) === String(this.value())));
+        this.triggerClasses = computed(() => ['ui-select__trigger',
+            `ui-select__trigger--${this.size()}`,
+            `ui-select__trigger--${this.variant()}`,
+            `ui-select__trigger--${this.color()}`
+        ].join(' '));
+        // CVA
+        this._onChange = () => { };
+        this._onTouched = () => { };
+    }
+    isSelected(opt) {
+        return String(opt.value) === String(this.value());
+    }
+    writeValue(v) { this.value.set(v ?? ''); }
+    registerOnChange(fn) { this._onChange = fn; }
+    registerOnTouched(fn) { this._onTouched = fn; }
+    setDisabledState(_) { }
+    toggleOpen() {
+        if (this.disabled() || this.loading())
+            return;
+        this.isOpen.update(v => !v);
+        if (this.isOpen()) {
+            const idx = this.options().findIndex(o => this.isSelected(o));
+            this.activeIndex.set(idx >= 0 ? idx : 0);
+        }
+    }
+    selectOption(opt) {
+        if (opt.disabled)
+            return;
+        const val = String(opt.value);
+        this.value.set(val);
+        this._onChange(val);
+        this._onTouched();
+        this.change.emit(opt);
+        this.isOpen.set(false);
+        this.triggerEl?.nativeElement.focus();
+    }
+    onTriggerKeydown(event) {
+        switch (event.key) {
+            case 'Enter':
+            case ' ':
+                event.preventDefault();
+                if (!this.isOpen()) {
+                    this.toggleOpen();
+                }
+                else {
+                    const opt = this.options()[this.activeIndex()];
+                    if (opt && !opt.disabled)
+                        this.selectOption(opt);
+                }
+                break;
+            case 'ArrowDown':
+                event.preventDefault();
+                if (!this.isOpen()) {
+                    this.toggleOpen();
+                    return;
+                }
+                this.activeIndex.update(i => {
+                    let n = i + 1;
+                    while (n < this.options().length && this.options()[n]?.disabled)
+                        n++;
+                    return Math.min(n, this.options().length - 1);
+                });
+                break;
+            case 'ArrowUp':
+                event.preventDefault();
+                this.activeIndex.update(i => {
+                    let n = i - 1;
+                    while (n >= 0 && this.options()[n]?.disabled)
+                        n--;
+                    return Math.max(n, 0);
+                });
+                break;
+            case 'Escape':
+            case 'Tab':
+                this.isOpen.set(false);
+                break;
+        }
+    }
+    onDocumentClick(event) {
+        if (this.isOpen() && !event.target.closest('ui-select')) {
+            this.isOpen.set(false);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: SelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: SelectComponent, isStandalone: true, selector: "ui-select", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: true, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", 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 }, leadingIcon: { classPropertyName: "leadingIcon", publicName: "leadingIcon", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", change: "change" }, host: { listeners: { "document:click": "onDocumentClick($event)" } }, providers: [{
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => SelectComponent),
+                multi: true,
+            }], viewQueries: [{ propertyName: "triggerEl", first: true, predicate: ["triggerEl"], descendants: true }], ngImport: i0, template: `
+    <div
+      class="ui-select"
+      [class.ui-select--open]="isOpen()"
+      [class.ui-select--disabled]="disabled()"
+    >
+      <!-- Trigger -->
+      <button
+        #triggerEl
+        type="button"
+        [class]="triggerClasses()"
+        [disabled]="disabled() || loading()"
+        [attr.aria-haspopup]="'listbox'"
+        [attr.aria-expanded]="isOpen()"
+        [attr.aria-label]="ariaLabel() ?? null"
+        (click)="toggleOpen(); $event.stopPropagation()"
+        (keydown)="onTriggerKeydown($event)"
+      >
+        @if (leadingIcon()) {
+          <span class="ui-select__leading" aria-hidden="true">
+            <ng-content select="[slot=leading]" />
+          </span>
+        }
+
+        <span class="ui-select__value" [class.ui-select__value--placeholder]="!selectedOption()">
+          @if (loading()) {
+            <span class="ui-select__spinner" aria-hidden="true">
+              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                <circle cx="12" cy="12" r="10" stroke-opacity="0.25"/>
+                <path d="M12 2a10 10 0 0 1 10 10" stroke-linecap="round"/>
+              </svg>
+            </span>
+          } @else {
+            {{ selectedOption()?.label ?? placeholder() ?? 'Sélectionner...' }}
+          }
+        </span>
+
+        <span class="ui-select__chevron" [class.ui-select__chevron--open]="isOpen()" aria-hidden="true">
+          <svg viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.75"
+               stroke-linecap="round" stroke-linejoin="round">
+            <path d="M4 6l4 4 4-4"/>
+          </svg>
+        </span>
+      </button>
+
+      <!-- Dropdown panel -->
+      @if (isOpen()) {
+        <div
+          [@dropdown]
+          class="ui-select__panel"
+          role="listbox"
+          [attr.aria-label]="ariaLabel() ?? 'Options'"
+          (click)="$event.stopPropagation()"
+        >
+          @for (opt of options(); track opt.value; let i = $index) {
+            <button
+              type="button"
+              class="ui-select__option"
+              role="option"
+              [class.ui-select__option--selected]="isSelected(opt)"
+              [class.ui-select__option--highlighted]="activeIndex() === i"
+              [class.ui-select__option--disabled]="opt.disabled"
+              [attr.aria-selected]="isSelected(opt)"
+              [disabled]="opt.disabled"
+              (click)="selectOption(opt)"
+              (mouseenter)="activeIndex.set(i)"
+            >
+              @if (opt.icon) {
+                <span class="ui-select__option-icon" aria-hidden="true">{{ opt.icon }}</span>
+              }
+              <span class="ui-select__option-label">{{ opt.label }}</span>
+              @if (isSelected(opt)) {
+                <span class="ui-select__option-check" aria-hidden="true">
+                  <svg viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="2.25"
+                       stroke-linecap="round" stroke-linejoin="round">
+                    <path d="M3 8l3.5 3.5L13 5"/>
+                  </svg>
+                </span>
+              }
+            </button>
+          }
+          @if (options().length === 0) {
+            <div class="ui-select__empty">Aucune option disponible</div>
+          }
+        </div>
+      }
+    </div>
+  `, isInline: true, styles: [".ui-select{position:relative;display:inline-block;width:100%}.ui-select--disabled{opacity:.5;cursor:not-allowed}.ui-select__trigger{display:inline-flex;align-items:center;gap:.375rem;width:100%;border-radius:var(--radius-md);font-family:var(--font-sans);font-weight:var(--font-medium);cursor:pointer;outline:none;transition:background-color var(--transition-colors),border-color var(--transition-colors),box-shadow var(--transition-colors);text-align:left;white-space:nowrap;overflow:hidden}.ui-select__trigger--xs{height:var(--size-xs);padding:0 8px;font-size:var(--text-xs)}.ui-select__trigger--sm{height:var(--size-sm);padding:0 10px;font-size:var(--text-xs)}.ui-select__trigger--md{height:var(--size-md);padding:0 10px;font-size:var(--text-sm)}.ui-select__trigger--lg{height:var(--size-lg);padding:0 12px;font-size:var(--text-sm)}.ui-select__trigger--xl{height:var(--size-xl);padding:0 12px;font-size:var(--text-md)}.ui-select__trigger--outline.ui-select__trigger--neutral{background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text)}.ui-select__trigger--outline.ui-select__trigger--neutral:hover:not(:disabled){border-color:var(--color-neutral-400)}.ui-select__trigger--outline.ui-select__trigger--neutral:focus-visible{border-color:var(--color-primary-500);box-shadow:0 0 0 1px var(--color-primary-500)}.ui-select__trigger--soft.ui-select__trigger--neutral{background:var(--color-neutral-100);border:1px solid transparent;color:var(--color-text)}.ui-select__trigger--soft.ui-select__trigger--neutral:hover:not(:disabled){background:var(--color-neutral-200)}.ui-select__trigger--soft.ui-select__trigger--neutral:focus-visible{box-shadow:0 0 0 2px var(--color-primary-500)}.ui-select__trigger--subtle.ui-select__trigger--neutral{background:transparent;border:1px solid transparent;color:var(--color-text)}.ui-select__trigger--subtle.ui-select__trigger--neutral:hover:not(:disabled){background:var(--color-neutral-100)}.ui-select__trigger--subtle.ui-select__trigger--neutral:focus-visible{box-shadow:0 0 0 2px var(--color-primary-500)}.ui-select__trigger--ghost.ui-select__trigger--neutral{background:transparent;border:1px solid transparent;color:var(--color-text)}.ui-select__trigger--ghost.ui-select__trigger--neutral:hover:not(:disabled){background:var(--color-neutral-100)}.ui-select__trigger--ghost.ui-select__trigger--neutral:focus-visible{box-shadow:0 0 0 2px var(--color-primary-500)}.ui-select__trigger--none.ui-select__trigger--neutral{background:transparent;border:none;color:var(--color-text)}.ui-select__trigger--outline.ui-select__trigger--primary{background:var(--color-bg);border:1px solid var(--color-primary-500);color:var(--color-primary-600)}.ui-select__trigger--outline.ui-select__trigger--primary:hover:not(:disabled){border-color:var(--color-primary-600);background:color-mix(in srgb,var(--color-primary-500) 5%,transparent)}.ui-select__trigger--outline.ui-select__trigger--primary:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary-500) 30%,transparent)}.ui-select__trigger--soft.ui-select__trigger--primary{background:color-mix(in srgb,var(--color-primary-500) 10%,transparent);border:1px solid transparent;color:var(--color-primary-600)}.ui-select__trigger--soft.ui-select__trigger--primary:hover:not(:disabled){background:color-mix(in srgb,var(--color-primary-500) 15%,transparent)}.ui-select__trigger--soft.ui-select__trigger--primary:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary-500) 40%,transparent)}.ui-select__trigger--outline.ui-select__trigger--error{background:var(--color-bg);border:1px solid var(--color-error-500);color:var(--color-error-600)}.ui-select__trigger--outline.ui-select__trigger--error:hover:not(:disabled){background:color-mix(in srgb,var(--color-error-500) 5%,transparent)}.ui-select__trigger--outline.ui-select__trigger--error:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--color-error-500) 30%,transparent)}.ui-select__trigger--soft.ui-select__trigger--error{background:color-mix(in srgb,var(--color-error-500) 10%,transparent);border:1px solid transparent;color:var(--color-error-700)}.ui-select__trigger--soft.ui-select__trigger--error:hover:not(:disabled){background:color-mix(in srgb,var(--color-error-500) 15%,transparent)}.ui-select__trigger--soft.ui-select__trigger--error:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--color-error-500) 40%,transparent)}.ui-select__trigger--outline.ui-select__trigger--warning{background:var(--color-bg);border:1px solid var(--color-warning-500);color:var(--color-warning-600)}.ui-select__trigger--outline.ui-select__trigger--warning:hover:not(:disabled){background:color-mix(in srgb,var(--color-warning-500) 5%,transparent)}.ui-select__trigger--outline.ui-select__trigger--warning:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--color-warning-500) 30%,transparent)}.ui-select__trigger--soft.ui-select__trigger--warning{background:color-mix(in srgb,var(--color-warning-500) 10%,transparent);border:1px solid transparent;color:var(--color-warning-700)}.ui-select__trigger--soft.ui-select__trigger--warning:hover:not(:disabled){background:color-mix(in srgb,var(--color-warning-500) 15%,transparent)}.ui-select__trigger--soft.ui-select__trigger--warning:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--color-warning-500) 40%,transparent)}.ui-select__trigger--outline.ui-select__trigger--success{background:var(--color-bg);border:1px solid var(--color-success-500);color:var(--color-success-600)}.ui-select__trigger--outline.ui-select__trigger--success:hover:not(:disabled){background:color-mix(in srgb,var(--color-success-500) 5%,transparent)}.ui-select__trigger--outline.ui-select__trigger--success:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--color-success-500) 30%,transparent)}.ui-select__trigger--soft.ui-select__trigger--success{background:color-mix(in srgb,var(--color-success-500) 10%,transparent);border:1px solid transparent;color:var(--color-success-700)}.ui-select__trigger--soft.ui-select__trigger--success:hover:not(:disabled){background:color-mix(in srgb,var(--color-success-500) 15%,transparent)}.ui-select__trigger--soft.ui-select__trigger--success:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--color-success-500) 40%,transparent)}.ui-select__trigger--outline.ui-select__trigger--info{background:var(--color-bg);border:1px solid var(--color-info-500);color:var(--color-info-600)}.ui-select__trigger--outline.ui-select__trigger--info:hover:not(:disabled){background:color-mix(in srgb,var(--color-info-500) 5%,transparent)}.ui-select__trigger--outline.ui-select__trigger--info:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--color-info-500) 30%,transparent)}.ui-select__trigger--soft.ui-select__trigger--info{background:color-mix(in srgb,var(--color-info-500) 10%,transparent);border:1px solid transparent;color:var(--color-info-700)}.ui-select__trigger--soft.ui-select__trigger--info:hover:not(:disabled){background:color-mix(in srgb,var(--color-info-500) 15%,transparent)}.ui-select__trigger--soft.ui-select__trigger--info:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--color-info-500) 40%,transparent)}.ui-select__trigger--outline.ui-select__trigger--secondary{background:var(--color-bg);border:1px solid var(--color-secondary-500);color:var(--color-secondary-600)}.ui-select__trigger--outline.ui-select__trigger--secondary:hover:not(:disabled){background:color-mix(in srgb,var(--color-secondary-500) 5%,transparent)}.ui-select__trigger--outline.ui-select__trigger--secondary:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--color-secondary-500) 30%,transparent)}.ui-select__trigger--soft.ui-select__trigger--secondary{background:color-mix(in srgb,var(--color-secondary-500) 10%,transparent);border:1px solid transparent;color:var(--color-secondary-700)}.ui-select__trigger--soft.ui-select__trigger--secondary:hover:not(:disabled){background:color-mix(in srgb,var(--color-secondary-500) 15%,transparent)}.ui-select__trigger--soft.ui-select__trigger--secondary:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--color-secondary-500) 40%,transparent)}.ui-select--open .ui-select__trigger--outline{border-color:var(--color-primary-500)}.ui-select__trigger:disabled{cursor:not-allowed}.ui-select__leading{display:flex;align-items:center;flex-shrink:0;color:var(--color-text-muted);width:1rem;height:1rem}.ui-select__value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-select__value--placeholder{color:var(--color-text-muted)}.ui-select__chevron{display:flex;align-items:center;flex-shrink:0;color:var(--color-text-muted);width:1rem;height:1rem;transition:transform .15s ease}.ui-select__chevron svg{width:100%;height:100%}.ui-select__chevron--open{transform:rotate(180deg)}.ui-select__spinner{display:inline-flex;align-items:center}.ui-select__spinner svg{width:1em;height:1em;animation:ui-spin .75s linear infinite}@keyframes ui-spin{to{transform:rotate(360deg)}}.ui-select__panel{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:var(--z-dropdown, 50);min-width:100%;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg, 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1));padding:4px;overflow:hidden;overflow-y:auto;max-height:240px;transform-origin:top center}.ui-select__option{display:flex;align-items:center;gap:.5rem;width:100%;padding:6px 8px;border-radius:calc(var(--radius-md) - 2px);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-normal);color:var(--color-text);background:transparent;border:none;cursor:pointer;text-align:left;transition:background-color .1s ease}.ui-select__option:hover:not(:disabled),.ui-select__option--highlighted:not(:disabled){background:var(--color-neutral-100)}.ui-select__option--selected{color:var(--color-primary-600);font-weight:var(--font-medium);background:color-mix(in srgb,var(--color-primary-500) 8%,transparent)}.ui-select__option--selected:hover,.ui-select__option--selected.ui-select__option--highlighted{background:color-mix(in srgb,var(--color-primary-500) 12%,transparent)}.ui-select__option--disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.ui-select__option-icon{flex-shrink:0;font-size:1rem;line-height:1}.ui-select__option-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-select__option-check{flex-shrink:0;width:1rem;height:1rem;color:var(--color-primary-500);display:flex;align-items:center}.ui-select__option-check svg{width:100%;height:100%}.ui-select__empty{padding:12px 8px;text-align:center;font-size:var(--text-sm);color:var(--color-text-muted)}[data-theme=dark] .ui-select__trigger--outline.ui-select__trigger--neutral{background:var(--color-neutral-900);border-color:var(--color-neutral-700)}[data-theme=dark] .ui-select__trigger--outline.ui-select__trigger--neutral:hover:not(:disabled){border-color:var(--color-neutral-500)}[data-theme=dark] .ui-select__trigger--soft.ui-select__trigger--neutral{background:var(--color-neutral-800)}[data-theme=dark] .ui-select__panel{background:var(--color-neutral-900);border-color:var(--color-neutral-700)}[data-theme=dark] .ui-select__option:hover:not(:disabled),[data-theme=dark] .ui-select__option--highlighted:not(:disabled){background:var(--color-neutral-800)}[data-theme=dark] .ui-select__option--selected{background:color-mix(in srgb,var(--color-primary-500) 12%,transparent)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], animations: [
+            trigger('dropdown', [
+                transition(':enter', [
+                    style({ opacity: 0, transform: 'scale(0.96) translateY(-4px)' }),
+                    animate('100ms ease-out', style({ opacity: 1, transform: 'scale(1) translateY(0)' })),
+                ]),
+                transition(':leave', [
+                    animate('80ms ease-in', style({ opacity: 0, transform: 'scale(0.96) translateY(-4px)' })),
+                ]),
+            ]),
+        ], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: SelectComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ui-select', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, providers: [{
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => SelectComponent),
+                            multi: true,
+                        }], animations: [
+                        trigger('dropdown', [
+                            transition(':enter', [
+                                style({ opacity: 0, transform: 'scale(0.96) translateY(-4px)' }),
+                                animate('100ms ease-out', style({ opacity: 1, transform: 'scale(1) translateY(0)' })),
+                            ]),
+                            transition(':leave', [
+                                animate('80ms ease-in', style({ opacity: 0, transform: 'scale(0.96) translateY(-4px)' })),
+                            ]),
+                        ]),
+                    ], template: `
+    <div
+      class="ui-select"
+      [class.ui-select--open]="isOpen()"
+      [class.ui-select--disabled]="disabled()"
+    >
+      <!-- Trigger -->
+      <button
+        #triggerEl
+        type="button"
+        [class]="triggerClasses()"
+        [disabled]="disabled() || loading()"
+        [attr.aria-haspopup]="'listbox'"
+        [attr.aria-expanded]="isOpen()"
+        [attr.aria-label]="ariaLabel() ?? null"
+        (click)="toggleOpen(); $event.stopPropagation()"
+        (keydown)="onTriggerKeydown($event)"
+      >
+        @if (leadingIcon()) {
+          <span class="ui-select__leading" aria-hidden="true">
+            <ng-content select="[slot=leading]" />
+          </span>
+        }
+
+        <span class="ui-select__value" [class.ui-select__value--placeholder]="!selectedOption()">
+          @if (loading()) {
+            <span class="ui-select__spinner" aria-hidden="true">
+              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                <circle cx="12" cy="12" r="10" stroke-opacity="0.25"/>
+                <path d="M12 2a10 10 0 0 1 10 10" stroke-linecap="round"/>
+              </svg>
+            </span>
+          } @else {
+            {{ selectedOption()?.label ?? placeholder() ?? 'Sélectionner...' }}
+          }
+        </span>
+
+        <span class="ui-select__chevron" [class.ui-select__chevron--open]="isOpen()" aria-hidden="true">
+          <svg viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.75"
+               stroke-linecap="round" stroke-linejoin="round">
+            <path d="M4 6l4 4 4-4"/>
+          </svg>
+        </span>
+      </button>
+
+      <!-- Dropdown panel -->
+      @if (isOpen()) {
+        <div
+          [@dropdown]
+          class="ui-select__panel"
+          role="listbox"
+          [attr.aria-label]="ariaLabel() ?? 'Options'"
+          (click)="$event.stopPropagation()"
+        >
+          @for (opt of options(); track opt.value; let i = $index) {
+            <button
+              type="button"
+              class="ui-select__option"
+              role="option"
+              [class.ui-select__option--selected]="isSelected(opt)"
+              [class.ui-select__option--highlighted]="activeIndex() === i"
+              [class.ui-select__option--disabled]="opt.disabled"
+              [attr.aria-selected]="isSelected(opt)"
+              [disabled]="opt.disabled"
+              (click)="selectOption(opt)"
+              (mouseenter)="activeIndex.set(i)"
+            >
+              @if (opt.icon) {
+                <span class="ui-select__option-icon" aria-hidden="true">{{ opt.icon }}</span>
+              }
+              <span class="ui-select__option-label">{{ opt.label }}</span>
+              @if (isSelected(opt)) {
+                <span class="ui-select__option-check" aria-hidden="true">
+                  <svg viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="2.25"
+                       stroke-linecap="round" stroke-linejoin="round">
+                    <path d="M3 8l3.5 3.5L13 5"/>
+                  </svg>
+                </span>
+              }
+            </button>
+          }
+          @if (options().length === 0) {
+            <div class="ui-select__empty">Aucune option disponible</div>
+          }
+        </div>
+      }
+    </div>
+  `, styles: [".ui-select{position:relative;display:inline-block;width:100%}.ui-select--disabled{opacity:.5;cursor:not-allowed}.ui-select__trigger{display:inline-flex;align-items:center;gap:.375rem;width:100%;border-radius:var(--radius-md);font-family:var(--font-sans);font-weight:var(--font-medium);cursor:pointer;outline:none;transition:background-color var(--transition-colors),border-color var(--transition-colors),box-shadow var(--transition-colors);text-align:left;white-space:nowrap;overflow:hidden}.ui-select__trigger--xs{height:var(--size-xs);padding:0 8px;font-size:var(--text-xs)}.ui-select__trigger--sm{height:var(--size-sm);padding:0 10px;font-size:var(--text-xs)}.ui-select__trigger--md{height:var(--size-md);padding:0 10px;font-size:var(--text-sm)}.ui-select__trigger--lg{height:var(--size-lg);padding:0 12px;font-size:var(--text-sm)}.ui-select__trigger--xl{height:var(--size-xl);padding:0 12px;font-size:var(--text-md)}.ui-select__trigger--outline.ui-select__trigger--neutral{background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text)}.ui-select__trigger--outline.ui-select__trigger--neutral:hover:not(:disabled){border-color:var(--color-neutral-400)}.ui-select__trigger--outline.ui-select__trigger--neutral:focus-visible{border-color:var(--color-primary-500);box-shadow:0 0 0 1px var(--color-primary-500)}.ui-select__trigger--soft.ui-select__trigger--neutral{background:var(--color-neutral-100);border:1px solid transparent;color:var(--color-text)}.ui-select__trigger--soft.ui-select__trigger--neutral:hover:not(:disabled){background:var(--color-neutral-200)}.ui-select__trigger--soft.ui-select__trigger--neutral:focus-visible{box-shadow:0 0 0 2px var(--color-primary-500)}.ui-select__trigger--subtle.ui-select__trigger--neutral{background:transparent;border:1px solid transparent;color:var(--color-text)}.ui-select__trigger--subtle.ui-select__trigger--neutral:hover:not(:disabled){background:var(--color-neutral-100)}.ui-select__trigger--subtle.ui-select__trigger--neutral:focus-visible{box-shadow:0 0 0 2px var(--color-primary-500)}.ui-select__trigger--ghost.ui-select__trigger--neutral{background:transparent;border:1px solid transparent;color:var(--color-text)}.ui-select__trigger--ghost.ui-select__trigger--neutral:hover:not(:disabled){background:var(--color-neutral-100)}.ui-select__trigger--ghost.ui-select__trigger--neutral:focus-visible{box-shadow:0 0 0 2px var(--color-primary-500)}.ui-select__trigger--none.ui-select__trigger--neutral{background:transparent;border:none;color:var(--color-text)}.ui-select__trigger--outline.ui-select__trigger--primary{background:var(--color-bg);border:1px solid var(--color-primary-500);color:var(--color-primary-600)}.ui-select__trigger--outline.ui-select__trigger--primary:hover:not(:disabled){border-color:var(--color-primary-600);background:color-mix(in srgb,var(--color-primary-500) 5%,transparent)}.ui-select__trigger--outline.ui-select__trigger--primary:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary-500) 30%,transparent)}.ui-select__trigger--soft.ui-select__trigger--primary{background:color-mix(in srgb,var(--color-primary-500) 10%,transparent);border:1px solid transparent;color:var(--color-primary-600)}.ui-select__trigger--soft.ui-select__trigger--primary:hover:not(:disabled){background:color-mix(in srgb,var(--color-primary-500) 15%,transparent)}.ui-select__trigger--soft.ui-select__trigger--primary:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary-500) 40%,transparent)}.ui-select__trigger--outline.ui-select__trigger--error{background:var(--color-bg);border:1px solid var(--color-error-500);color:var(--color-error-600)}.ui-select__trigger--outline.ui-select__trigger--error:hover:not(:disabled){background:color-mix(in srgb,var(--color-error-500) 5%,transparent)}.ui-select__trigger--outline.ui-select__trigger--error:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--color-error-500) 30%,transparent)}.ui-select__trigger--soft.ui-select__trigger--error{background:color-mix(in srgb,var(--color-error-500) 10%,transparent);border:1px solid transparent;color:var(--color-error-700)}.ui-select__trigger--soft.ui-select__trigger--error:hover:not(:disabled){background:color-mix(in srgb,var(--color-error-500) 15%,transparent)}.ui-select__trigger--soft.ui-select__trigger--error:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--color-error-500) 40%,transparent)}.ui-select__trigger--outline.ui-select__trigger--warning{background:var(--color-bg);border:1px solid var(--color-warning-500);color:var(--color-warning-600)}.ui-select__trigger--outline.ui-select__trigger--warning:hover:not(:disabled){background:color-mix(in srgb,var(--color-warning-500) 5%,transparent)}.ui-select__trigger--outline.ui-select__trigger--warning:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--color-warning-500) 30%,transparent)}.ui-select__trigger--soft.ui-select__trigger--warning{background:color-mix(in srgb,var(--color-warning-500) 10%,transparent);border:1px solid transparent;color:var(--color-warning-700)}.ui-select__trigger--soft.ui-select__trigger--warning:hover:not(:disabled){background:color-mix(in srgb,var(--color-warning-500) 15%,transparent)}.ui-select__trigger--soft.ui-select__trigger--warning:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--color-warning-500) 40%,transparent)}.ui-select__trigger--outline.ui-select__trigger--success{background:var(--color-bg);border:1px solid var(--color-success-500);color:var(--color-success-600)}.ui-select__trigger--outline.ui-select__trigger--success:hover:not(:disabled){background:color-mix(in srgb,var(--color-success-500) 5%,transparent)}.ui-select__trigger--outline.ui-select__trigger--success:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--color-success-500) 30%,transparent)}.ui-select__trigger--soft.ui-select__trigger--success{background:color-mix(in srgb,var(--color-success-500) 10%,transparent);border:1px solid transparent;color:var(--color-success-700)}.ui-select__trigger--soft.ui-select__trigger--success:hover:not(:disabled){background:color-mix(in srgb,var(--color-success-500) 15%,transparent)}.ui-select__trigger--soft.ui-select__trigger--success:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--color-success-500) 40%,transparent)}.ui-select__trigger--outline.ui-select__trigger--info{background:var(--color-bg);border:1px solid var(--color-info-500);color:var(--color-info-600)}.ui-select__trigger--outline.ui-select__trigger--info:hover:not(:disabled){background:color-mix(in srgb,var(--color-info-500) 5%,transparent)}.ui-select__trigger--outline.ui-select__trigger--info:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--color-info-500) 30%,transparent)}.ui-select__trigger--soft.ui-select__trigger--info{background:color-mix(in srgb,var(--color-info-500) 10%,transparent);border:1px solid transparent;color:var(--color-info-700)}.ui-select__trigger--soft.ui-select__trigger--info:hover:not(:disabled){background:color-mix(in srgb,var(--color-info-500) 15%,transparent)}.ui-select__trigger--soft.ui-select__trigger--info:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--color-info-500) 40%,transparent)}.ui-select__trigger--outline.ui-select__trigger--secondary{background:var(--color-bg);border:1px solid var(--color-secondary-500);color:var(--color-secondary-600)}.ui-select__trigger--outline.ui-select__trigger--secondary:hover:not(:disabled){background:color-mix(in srgb,var(--color-secondary-500) 5%,transparent)}.ui-select__trigger--outline.ui-select__trigger--secondary:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--color-secondary-500) 30%,transparent)}.ui-select__trigger--soft.ui-select__trigger--secondary{background:color-mix(in srgb,var(--color-secondary-500) 10%,transparent);border:1px solid transparent;color:var(--color-secondary-700)}.ui-select__trigger--soft.ui-select__trigger--secondary:hover:not(:disabled){background:color-mix(in srgb,var(--color-secondary-500) 15%,transparent)}.ui-select__trigger--soft.ui-select__trigger--secondary:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--color-secondary-500) 40%,transparent)}.ui-select--open .ui-select__trigger--outline{border-color:var(--color-primary-500)}.ui-select__trigger:disabled{cursor:not-allowed}.ui-select__leading{display:flex;align-items:center;flex-shrink:0;color:var(--color-text-muted);width:1rem;height:1rem}.ui-select__value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-select__value--placeholder{color:var(--color-text-muted)}.ui-select__chevron{display:flex;align-items:center;flex-shrink:0;color:var(--color-text-muted);width:1rem;height:1rem;transition:transform .15s ease}.ui-select__chevron svg{width:100%;height:100%}.ui-select__chevron--open{transform:rotate(180deg)}.ui-select__spinner{display:inline-flex;align-items:center}.ui-select__spinner svg{width:1em;height:1em;animation:ui-spin .75s linear infinite}@keyframes ui-spin{to{transform:rotate(360deg)}}.ui-select__panel{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:var(--z-dropdown, 50);min-width:100%;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg, 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1));padding:4px;overflow:hidden;overflow-y:auto;max-height:240px;transform-origin:top center}.ui-select__option{display:flex;align-items:center;gap:.5rem;width:100%;padding:6px 8px;border-radius:calc(var(--radius-md) - 2px);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-normal);color:var(--color-text);background:transparent;border:none;cursor:pointer;text-align:left;transition:background-color .1s ease}.ui-select__option:hover:not(:disabled),.ui-select__option--highlighted:not(:disabled){background:var(--color-neutral-100)}.ui-select__option--selected{color:var(--color-primary-600);font-weight:var(--font-medium);background:color-mix(in srgb,var(--color-primary-500) 8%,transparent)}.ui-select__option--selected:hover,.ui-select__option--selected.ui-select__option--highlighted{background:color-mix(in srgb,var(--color-primary-500) 12%,transparent)}.ui-select__option--disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.ui-select__option-icon{flex-shrink:0;font-size:1rem;line-height:1}.ui-select__option-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-select__option-check{flex-shrink:0;width:1rem;height:1rem;color:var(--color-primary-500);display:flex;align-items:center}.ui-select__option-check svg{width:100%;height:100%}.ui-select__empty{padding:12px 8px;text-align:center;font-size:var(--text-sm);color:var(--color-text-muted)}[data-theme=dark] .ui-select__trigger--outline.ui-select__trigger--neutral{background:var(--color-neutral-900);border-color:var(--color-neutral-700)}[data-theme=dark] .ui-select__trigger--outline.ui-select__trigger--neutral:hover:not(:disabled){border-color:var(--color-neutral-500)}[data-theme=dark] .ui-select__trigger--soft.ui-select__trigger--neutral{background:var(--color-neutral-800)}[data-theme=dark] .ui-select__panel{background:var(--color-neutral-900);border-color:var(--color-neutral-700)}[data-theme=dark] .ui-select__option:hover:not(:disabled),[data-theme=dark] .ui-select__option--highlighted:not(:disabled){background:var(--color-neutral-800)}[data-theme=dark] .ui-select__option--selected{background:color-mix(in srgb,var(--color-primary-500) 12%,transparent)}\n"] }]
+        }], propDecorators: { triggerEl: [{
+                type: ViewChild,
+                args: ['triggerEl']
+            }], onDocumentClick: [{
+                type: HostListener,
+                args: ['document:click', ['$event']]
+            }] } });
+
+/**
+ * Tabs Molecule — Source: Nuxt UI v3 ❖ Tabs
+ * Tabbed navigation with pill, link and underline variants
+ */
+class TabsComponent {
+    constructor() {
+        this.items = input.required();
+        this.variant = input('pill');
+        this.size = input('md');
+        this.activeId = model('');
+    }
+    select(id) { this.activeId.set(id); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: TabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: TabsComponent, isStandalone: true, selector: "ui-tabs", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: true, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, activeId: { classPropertyName: "activeId", publicName: "activeId", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { activeId: "activeIdChange" }, ngImport: i0, template: `
+    <div class="ui-tabs ui-tabs--{{ variant() }} ui-tabs--{{ size() }}" role="tablist">
+      @for (tab of items(); track tab.id) {
+        <button
+          role="tab"
+          type="button"
+          [class]="'ui-tabs__tab' + (activeId() === tab.id ? ' ui-tabs__tab--active' : '') + (tab.disabled ? ' ui-tabs__tab--disabled' : '')"
+          [attr.aria-selected]="activeId() === tab.id"
+          [attr.aria-controls]="'panel-' + tab.id"
+          [disabled]="tab.disabled"
+          (click)="select(tab.id)"
+        >
+          {{ tab.label }}
+          @if (tab.count !== undefined) {
+            <span class="ui-tabs__count">{{ tab.count }}</span>
+          }
+        </button>
+      }
+    </div>
+    <div class="ui-tabs__panels">
+      <ng-content />
+    </div>
+  `, isInline: true, styles: [".ui-tabs{display:flex;align-items:center;gap:var(--spacing-1);overflow-x:auto}.ui-tabs--xs .ui-tabs__tab{height:var(--size-xs);padding:0 8px;font-size:var(--text-xs)}.ui-tabs--sm .ui-tabs__tab{height:var(--size-sm);padding:0 10px;font-size:var(--text-xs)}.ui-tabs--md .ui-tabs__tab{height:var(--size-md);padding:0 12px;font-size:var(--text-sm)}.ui-tabs--lg .ui-tabs__tab{height:var(--size-lg);padding:0 14px;font-size:var(--text-sm)}.ui-tabs--xl .ui-tabs__tab{height:var(--size-xl);padding:0 16px;font-size:var(--text-md)}.ui-tabs__tab{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);cursor:pointer;border:none;background:transparent;font-family:var(--font-sans);font-weight:var(--font-medium);color:var(--color-text-muted);border-radius:var(--radius-md);white-space:nowrap;transition:var(--transition-colors)}.ui-tabs__tab:hover:not(.ui-tabs__tab--disabled){color:var(--color-text)}.ui-tabs__tab--disabled{opacity:.5;cursor:not-allowed}.ui-tabs__count{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;padding:0 .25rem;border-radius:var(--radius-full);font-size:.75em;background:var(--color-neutral-100);color:var(--color-text-muted)}.ui-tabs--pill .ui-tabs__tab--active{background:var(--color-primary-500);color:#fff}.ui-tabs--pill .ui-tabs__tab--active .ui-tabs__count{background:#ffffff4d;color:#fff}.ui-tabs--link .ui-tabs__tab--active{color:var(--color-primary-500);font-weight:var(--font-semibold)}.ui-tabs--underline{border-bottom:1px solid var(--color-border);border-radius:0;gap:0}.ui-tabs--underline .ui-tabs__tab{border-radius:0;border-bottom:2px solid transparent;margin-bottom:-1px}.ui-tabs--underline .ui-tabs__tab--active{color:var(--color-primary-500);border-bottom-color:var(--color-primary-500)}.ui-tabs__panels{margin-top:var(--spacing-4)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: TabsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ui-tabs', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: `
+    <div class="ui-tabs ui-tabs--{{ variant() }} ui-tabs--{{ size() }}" role="tablist">
+      @for (tab of items(); track tab.id) {
+        <button
+          role="tab"
+          type="button"
+          [class]="'ui-tabs__tab' + (activeId() === tab.id ? ' ui-tabs__tab--active' : '') + (tab.disabled ? ' ui-tabs__tab--disabled' : '')"
+          [attr.aria-selected]="activeId() === tab.id"
+          [attr.aria-controls]="'panel-' + tab.id"
+          [disabled]="tab.disabled"
+          (click)="select(tab.id)"
+        >
+          {{ tab.label }}
+          @if (tab.count !== undefined) {
+            <span class="ui-tabs__count">{{ tab.count }}</span>
+          }
+        </button>
+      }
+    </div>
+    <div class="ui-tabs__panels">
+      <ng-content />
+    </div>
+  `, styles: [".ui-tabs{display:flex;align-items:center;gap:var(--spacing-1);overflow-x:auto}.ui-tabs--xs .ui-tabs__tab{height:var(--size-xs);padding:0 8px;font-size:var(--text-xs)}.ui-tabs--sm .ui-tabs__tab{height:var(--size-sm);padding:0 10px;font-size:var(--text-xs)}.ui-tabs--md .ui-tabs__tab{height:var(--size-md);padding:0 12px;font-size:var(--text-sm)}.ui-tabs--lg .ui-tabs__tab{height:var(--size-lg);padding:0 14px;font-size:var(--text-sm)}.ui-tabs--xl .ui-tabs__tab{height:var(--size-xl);padding:0 16px;font-size:var(--text-md)}.ui-tabs__tab{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);cursor:pointer;border:none;background:transparent;font-family:var(--font-sans);font-weight:var(--font-medium);color:var(--color-text-muted);border-radius:var(--radius-md);white-space:nowrap;transition:var(--transition-colors)}.ui-tabs__tab:hover:not(.ui-tabs__tab--disabled){color:var(--color-text)}.ui-tabs__tab--disabled{opacity:.5;cursor:not-allowed}.ui-tabs__count{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;padding:0 .25rem;border-radius:var(--radius-full);font-size:.75em;background:var(--color-neutral-100);color:var(--color-text-muted)}.ui-tabs--pill .ui-tabs__tab--active{background:var(--color-primary-500);color:#fff}.ui-tabs--pill .ui-tabs__tab--active .ui-tabs__count{background:#ffffff4d;color:#fff}.ui-tabs--link .ui-tabs__tab--active{color:var(--color-primary-500);font-weight:var(--font-semibold)}.ui-tabs--underline{border-bottom:1px solid var(--color-border);border-radius:0;gap:0}.ui-tabs--underline .ui-tabs__tab{border-radius:0;border-bottom:2px solid transparent;margin-bottom:-1px}.ui-tabs--underline .ui-tabs__tab--active{color:var(--color-primary-500);border-bottom-color:var(--color-primary-500)}.ui-tabs__panels{margin-top:var(--spacing-4)}\n"] }]
+        }] });
+
+/**
+ * Textarea Molecule — Source: Nuxt UI v3 ❖ Textarea
+ * Multi-line text input with auto-resize support
+ */
+class TextareaComponent {
+    constructor() {
+        this.placeholder = input('');
+        this.size = input('md');
+        this.rows = input(4);
+        this.disabled = input(false);
+        this.readonly = input(false);
+        this.autoResize = input(false);
+        this.ariaLabel = input(null);
+        this.value = model('');
+        this._onChange = () => { };
+        this.onTouched = () => { };
+    }
+    onInput(e) {
+        const el = e.target;
+        this.value.set(el.value);
+        this._onChange(el.value);
+    }
+    writeValue(v) { this.value.set(v ?? ''); }
+    registerOnChange(fn) { this._onChange = fn; }
+    registerOnTouched(fn) { this.onTouched = fn; }
+    setDisabledState(_) { }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: TextareaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.20", type: TextareaComponent, isStandalone: true, selector: "ui-textarea", inputs: { placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, rows: { classPropertyName: "rows", publicName: "rows", 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 }, autoResize: { classPropertyName: "autoResize", publicName: "autoResize", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange" }, providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => TextareaComponent), multi: true }], ngImport: i0, template: `
+    <textarea
+      [class]="'ui-textarea ui-textarea--' + size()"
+      [placeholder]="placeholder()"
+      [disabled]="disabled()"
+      [readonly]="readonly()"
+      [rows]="rows()"
+      [attr.aria-label]="ariaLabel() ?? null"
+      (input)="onInput($event)"
+      (blur)="onTouched()"
+    >{{ value() }}</textarea>
+  `, isInline: true, styles: [".ui-textarea{width:100%;display:block;font-family:var(--font-sans);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text);resize:vertical;outline:none;transition:var(--transition-colors)}.ui-textarea::placeholder{color:var(--color-text-subtle)}.ui-textarea:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 1px var(--color-primary-500)}.ui-textarea:disabled{opacity:.5;cursor:not-allowed;resize:none}.ui-textarea--xs{padding:6px 8px;font-size:var(--text-xs)}.ui-textarea--sm{padding:8px 10px;font-size:var(--text-xs)}.ui-textarea--md{padding:8px 10px;font-size:var(--text-sm)}.ui-textarea--lg{padding:10px 12px;font-size:var(--text-sm)}.ui-textarea--xl{padding:10px 12px;font-size:var(--text-md)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: TextareaComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ui-textarea', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => TextareaComponent), multi: true }], template: `
+    <textarea
+      [class]="'ui-textarea ui-textarea--' + size()"
+      [placeholder]="placeholder()"
+      [disabled]="disabled()"
+      [readonly]="readonly()"
+      [rows]="rows()"
+      [attr.aria-label]="ariaLabel() ?? null"
+      (input)="onInput($event)"
+      (blur)="onTouched()"
+    >{{ value() }}</textarea>
+  `, styles: [".ui-textarea{width:100%;display:block;font-family:var(--font-sans);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text);resize:vertical;outline:none;transition:var(--transition-colors)}.ui-textarea::placeholder{color:var(--color-text-subtle)}.ui-textarea:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 1px var(--color-primary-500)}.ui-textarea:disabled{opacity:.5;cursor:not-allowed;resize:none}.ui-textarea--xs{padding:6px 8px;font-size:var(--text-xs)}.ui-textarea--sm{padding:8px 10px;font-size:var(--text-xs)}.ui-textarea--md{padding:8px 10px;font-size:var(--text-sm)}.ui-textarea--lg{padding:10px 12px;font-size:var(--text-sm)}.ui-textarea--xl{padding:10px 12px;font-size:var(--text-md)}\n"] }]
+        }] });
+
+/**
+ * Toast Molecule — Source: Nuxt UI v3 ❖ Toast
+ * Transient notification with auto-close
+ */
+class ToastComponent {
+    constructor() {
+        this.variant = input('soft');
+        this.color = input('neutral');
+        this.title = input(null);
+        this.description = input(null);
+        this.icon = input(false);
+        this.closable = input(true);
+        this.close = output();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ToastComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: ToastComponent, isStandalone: true, selector: "ui-toast", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, closable: { classPropertyName: "closable", publicName: "closable", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { close: "close" }, ngImport: i0, template: `
+    <div
+      [class]="'ui-toast ui-toast--' + variant() + ' ui-toast--' + color()"
+      role="status"
+      aria-live="polite"
+      aria-atomic="true"
+    >
+      @if (icon()) {
+        <span class="ui-toast__icon" aria-hidden="true">
+          <ng-content select="[slot=icon]" />
+        </span>
+      }
+      <div class="ui-toast__body">
+        @if (title()) {
+          <p class="ui-toast__title">{{ title() }}</p>
+        }
+        @if (description()) {
+          <p class="ui-toast__description">{{ description() }}</p>
+        }
+        <ng-content />
+      </div>
+      @if (closable()) {
+        <button type="button" class="ui-toast__close" aria-label="Dismiss" (click)="close.emit()">×</button>
+      }
+    </div>
+  `, isInline: true, styles: [".ui-toast{display:flex;align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-lg);border:1px solid transparent;box-shadow:var(--shadow-lg);min-width:280px;max-width:480px;background:var(--color-bg);pointer-events:auto}.ui-toast__icon{flex-shrink:0;width:1.25rem;height:1.25rem}.ui-toast__body{flex:1;min-width:0}.ui-toast__title{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text);margin:0}.ui-toast__description{font-family:var(--font-sans);font-size:var(--text-xs);color:var(--color-text-muted);margin:var(--spacing-0-5) 0 0}.ui-toast__close{flex-shrink:0;cursor:pointer;border:none;background:transparent;font-size:1.25rem;color:var(--color-text-muted);line-height:1;padding:0}.ui-toast__close:hover{color:var(--color-text)}.ui-toast--success{border-color:var(--color-success-200)}.ui-toast--error{border-color:var(--color-error-200)}.ui-toast--warning{border-color:var(--color-warning-200)}.ui-toast--info{border-color:var(--color-info-200)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ToastComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ui-toast', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: `
+    <div
+      [class]="'ui-toast ui-toast--' + variant() + ' ui-toast--' + color()"
+      role="status"
+      aria-live="polite"
+      aria-atomic="true"
+    >
+      @if (icon()) {
+        <span class="ui-toast__icon" aria-hidden="true">
+          <ng-content select="[slot=icon]" />
+        </span>
+      }
+      <div class="ui-toast__body">
+        @if (title()) {
+          <p class="ui-toast__title">{{ title() }}</p>
+        }
+        @if (description()) {
+          <p class="ui-toast__description">{{ description() }}</p>
+        }
+        <ng-content />
+      </div>
+      @if (closable()) {
+        <button type="button" class="ui-toast__close" aria-label="Dismiss" (click)="close.emit()">×</button>
+      }
+    </div>
+  `, styles: [".ui-toast{display:flex;align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-lg);border:1px solid transparent;box-shadow:var(--shadow-lg);min-width:280px;max-width:480px;background:var(--color-bg);pointer-events:auto}.ui-toast__icon{flex-shrink:0;width:1.25rem;height:1.25rem}.ui-toast__body{flex:1;min-width:0}.ui-toast__title{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text);margin:0}.ui-toast__description{font-family:var(--font-sans);font-size:var(--text-xs);color:var(--color-text-muted);margin:var(--spacing-0-5) 0 0}.ui-toast__close{flex-shrink:0;cursor:pointer;border:none;background:transparent;font-size:1.25rem;color:var(--color-text-muted);line-height:1;padding:0}.ui-toast__close:hover{color:var(--color-text)}.ui-toast--success{border-color:var(--color-success-200)}.ui-toast--error{border-color:var(--color-error-200)}.ui-toast--warning{border-color:var(--color-warning-200)}.ui-toast--info{border-color:var(--color-info-200)}\n"] }]
+        }] });
+
+/**
+ * SelectSearch Molecule — Source: Nuxt UI v3 ❖ SelectMenu / Combobox
+ *
+ * Extension du Select avec un input de recherche intégré dans le panel :
+ * - Filtre les options en temps réel (case-insensitive)
+ * - Highlight du terme recherché dans les labels
+ * - "Aucun résultat" si aucune option trouvée
+ * - Clavier : ↑↓ navigue, Enter sélectionne, Escape ferme, Tab ferme
+ * - Focus automatique sur l'input à l'ouverture
+ * - Même API / variants / couleurs / tailles que SelectComponent
+ * - Compatible ControlValueAccessor
+ *
+ * @example
+ * <ui-select-search [options]="pays" placeholder="Rechercher un pays..." />
+ * <ui-select-search [(value)]="val" variant="soft" color="primary" />
+ */
+class SelectSearchComponent {
+    constructor() {
+        // ── Inputs ───────────────────────────────────────────────
+        this.options = input.required();
+        this.placeholder = input(null);
+        this.searchPlaceholder = input('Rechercher...');
+        this.emptyLabel = input('Aucun résultat');
+        this.size = input('md');
+        this.variant = input('outline');
+        this.color = input('neutral');
+        this.disabled = input(false);
+        this.loading = input(false);
+        this.leadingIcon = input(false);
+        this.ariaLabel = input(null);
+        // ── Two-way binding ──────────────────────────────────────
+        this.value = model('');
+        this.change = output();
+        // ── Internal state ───────────────────────────────────────
+        this.isOpen = signal(false);
+        this.activeIndex = signal(-1);
+        this.query = signal('');
+        this.selectedOption = computed(() => this.options().find(o => String(o.value) === String(this.value())));
+        this.filteredOptions = computed(() => {
+            const q = this.query().trim().toLowerCase();
+            if (!q)
+                return this.options();
+            return this.options().filter(o => o.label.toLowerCase().includes(q));
+        });
+        this.triggerClasses = computed(() => ['ui-select-search__trigger',
+            `ui-select-search__trigger--${this.size()}`,
+            `ui-select-search__trigger--${this.variant()}`,
+            `ui-select-search__trigger--${this.color()}`
+        ].join(' '));
+        // ── CVA ──────────────────────────────────────────────────
+        this._onChange = () => { };
+        this._onTouched = () => { };
+    }
+    isSelected(opt) {
+        return String(opt.value) === String(this.value());
+    }
+    /** Entoure le terme recherché dans le label avec <mark> */
+    highlight(label) {
+        const q = this.query().trim();
+        if (!q)
+            return label;
+        const escaped = q.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
+        return label.replace(new RegExp(`(${escaped})`, 'gi'), '<mark class="ui-select-search__highlight">$1</mark>');
+    }
+    writeValue(v) { this.value.set(v ?? ''); }
+    registerOnChange(fn) { this._onChange = fn; }
+    registerOnTouched(fn) { this._onTouched = fn; }
+    setDisabledState(_) { }
+    ngAfterViewInit() { }
+    // ── Actions ──────────────────────────────────────────────
+    toggleOpen() {
+        if (this.disabled() || this.loading())
+            return;
+        this.isOpen.update(v => !v);
+        if (this.isOpen()) {
+            this.query.set('');
+            const idx = this.filteredOptions().findIndex(o => this.isSelected(o));
+            this.activeIndex.set(idx >= 0 ? idx : 0);
+            // Focus search input after animation
+            setTimeout(() => this.searchInput?.nativeElement.focus(), 60);
+        }
+    }
+    selectOption(opt) {
+        if (opt.disabled)
+            return;
+        const val = String(opt.value);
+        this.value.set(val);
+        this._onChange(val);
+        this._onTouched();
+        this.change.emit(opt);
+        this.isOpen.set(false);
+        this.query.set('');
+        this.triggerEl?.nativeElement.focus();
+    }
+    clearQuery() {
+        this.query.set('');
+        this.activeIndex.set(0);
+        this.searchInput?.nativeElement.focus();
+    }
+    // ── Keyboard — trigger ───────────────────────────────────
+    onTriggerKeydown(event) {
+        switch (event.key) {
+            case 'Enter':
+            case ' ':
+                event.preventDefault();
+                this.toggleOpen();
+                break;
+            case 'ArrowDown':
+                event.preventDefault();
+                this.toggleOpen();
+                break;
+            case 'Escape':
+                this.isOpen.set(false);
+                break;
+        }
+    }
+    // ── Keyboard — search input ──────────────────────────────
+    onSearchKeydown(event) {
+        const opts = this.filteredOptions();
+        switch (event.key) {
+            case 'ArrowDown':
+                event.preventDefault();
+                this.activeIndex.update(i => {
+                    let n = i + 1;
+                    while (n < opts.length && opts[n]?.disabled)
+                        n++;
+                    return Math.min(n, opts.length - 1);
+                });
+                break;
+            case 'ArrowUp':
+                event.preventDefault();
+                this.activeIndex.update(i => {
+                    let n = i - 1;
+                    while (n >= 0 && opts[n]?.disabled)
+                        n--;
+                    return Math.max(n, 0);
+                });
+                break;
+            case 'Enter':
+                event.preventDefault();
+                const opt = opts[this.activeIndex()];
+                if (opt && !opt.disabled)
+                    this.selectOption(opt);
+                break;
+            case 'Escape':
+            case 'Tab':
+                this.isOpen.set(false);
+                this.triggerEl?.nativeElement.focus();
+                break;
+        }
+    }
+    // ── Close on outside click ───────────────────────────────
+    onDocumentClick(event) {
+        if (this.isOpen() && !event.target.closest('ui-select-search')) {
+            this.isOpen.set(false);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: SelectSearchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: SelectSearchComponent, isStandalone: true, selector: "ui-select-search", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: true, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, searchPlaceholder: { classPropertyName: "searchPlaceholder", publicName: "searchPlaceholder", isSignal: true, isRequired: false, transformFunction: null }, emptyLabel: { classPropertyName: "emptyLabel", publicName: "emptyLabel", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", 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 }, leadingIcon: { classPropertyName: "leadingIcon", publicName: "leadingIcon", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", change: "change" }, host: { listeners: { "document:click": "onDocumentClick($event)" } }, providers: [{
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => SelectSearchComponent),
+                multi: true,
+            }], viewQueries: [{ propertyName: "triggerEl", first: true, predicate: ["triggerEl"], descendants: true }, { propertyName: "searchInput", first: true, predicate: ["searchInput"], descendants: true }], ngImport: i0, template: `
+    <div
+      class="ui-select-search"
+      [class.ui-select-search--open]="isOpen()"
+      [class.ui-select-search--disabled]="disabled()"
+    >
+      <!-- ── Trigger ──────────────────────────────────────── -->
+      <button
+        #triggerEl
+        type="button"
+        [class]="triggerClasses()"
+        [disabled]="disabled() || loading()"
+        [attr.aria-haspopup]="'listbox'"
+        [attr.aria-expanded]="isOpen()"
+        [attr.aria-label]="ariaLabel() ?? null"
+        (click)="toggleOpen(); $event.stopPropagation()"
+        (keydown)="onTriggerKeydown($event)"
+      >
+        @if (leadingIcon()) {
+          <span class="ui-select-search__leading" aria-hidden="true">
+            <ng-content select="[slot=leading]" />
+          </span>
+        }
+
+        <span
+          class="ui-select-search__value"
+          [class.ui-select-search__value--placeholder]="!selectedOption()"
+        >
+          @if (loading()) {
+            <span class="ui-select-search__spinner" aria-hidden="true">
+              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                <circle cx="12" cy="12" r="10" stroke-opacity="0.25"/>
+                <path d="M12 2a10 10 0 0 1 10 10" stroke-linecap="round"/>
+              </svg>
+            </span>
+          } @else {
+            {{ selectedOption()?.label ?? placeholder() ?? 'Sélectionner...' }}
+          }
+        </span>
+
+        <span
+          class="ui-select-search__chevron"
+          [class.ui-select-search__chevron--open]="isOpen()"
+          aria-hidden="true"
+        >
+          <svg viewBox="0 0 16 16" fill="none" stroke="currentColor"
+               stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round">
+            <path d="M4 6l4 4 4-4"/>
+          </svg>
+        </span>
+      </button>
+
+      <!-- ── Dropdown panel ───────────────────────────────── -->
+      @if (isOpen()) {
+        <div [@dropdown] class="ui-select-search__panel" (click)="$event.stopPropagation()">
+
+          <!-- Search input -->
+          <div class="ui-select-search__search-wrap">
+            <span class="ui-select-search__search-icon" aria-hidden="true">
+              <svg viewBox="0 0 16 16" fill="none" stroke="currentColor"
+                   stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round">
+                <circle cx="6.5" cy="6.5" r="4"/>
+                <path d="M10 10l3 3"/>
+              </svg>
+            </span>
+            <input
+              #searchInput
+              type="text"
+              class="ui-select-search__input"
+              [placeholder]="searchPlaceholder()"
+              [ngModel]="query()"
+              (ngModelChange)="query.set($event); activeIndex.set(0)"
+              (keydown)="onSearchKeydown($event)"
+              aria-label="Rechercher"
+              autocomplete="off"
+              spellcheck="false"
+            />
+            @if (query()) {
+              <button
+                type="button"
+                class="ui-select-search__clear"
+                (click)="clearQuery()"
+                aria-label="Effacer la recherche"
+              >
+                <svg viewBox="0 0 16 16" fill="none" stroke="currentColor"
+                     stroke-width="2" stroke-linecap="round">
+                  <path d="M4 4l8 8M12 4l-8 8"/>
+                </svg>
+              </button>
+            }
+          </div>
+
+          <!-- Options list -->
+          <div
+            class="ui-select-search__options"
+            role="listbox"
+            [attr.aria-label]="ariaLabel() ?? 'Options'"
+          >
+            @for (opt of filteredOptions(); track opt.value; let i = $index) {
+              <button
+                type="button"
+                class="ui-select-search__option"
+                role="option"
+                [class.ui-select-search__option--selected]="isSelected(opt)"
+                [class.ui-select-search__option--highlighted]="activeIndex() === i"
+                [class.ui-select-search__option--disabled]="opt.disabled"
+                [attr.aria-selected]="isSelected(opt)"
+                [disabled]="opt.disabled"
+                (click)="selectOption(opt)"
+                (mouseenter)="activeIndex.set(i)"
+              >
+                @if (opt.icon) {
+                  <span class="ui-select-search__option-icon" aria-hidden="true">{{ opt.icon }}</span>
+                }
+                <!-- Highlighted label -->
+                <span
+                  class="ui-select-search__option-label"
+                  [innerHTML]="highlight(opt.label)"
+                ></span>
+
+                @if (isSelected(opt)) {
+                  <span class="ui-select-search__option-check" aria-hidden="true">
+                    <svg viewBox="0 0 16 16" fill="none" stroke="currentColor"
+                         stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round">
+                      <path d="M3 8l3.5 3.5L13 5"/>
+                    </svg>
+                  </span>
+                }
+              </button>
+            }
+
+            @if (filteredOptions().length === 0) {
+              <div class="ui-select-search__empty">
+                <svg viewBox="0 0 20 20" fill="none" stroke="currentColor"
+                     stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+                  <circle cx="10" cy="10" r="8"/>
+                  <path d="M10 6v5M10 14h.01"/>
+                </svg>
+                <span>{{ emptyLabel() }}</span>
+              </div>
+            }
+          </div>
+        </div>
+      }
+    </div>
+  `, isInline: true, styles: [".ui-select-search{position:relative;display:inline-block;width:100%}.ui-select-search--disabled{opacity:.5;cursor:not-allowed}.ui-select-search__trigger{display:inline-flex;align-items:center;gap:.375rem;width:100%;border-radius:var(--radius-md);font-family:var(--font-sans);font-weight:var(--font-medium);cursor:pointer;outline:none;transition:background-color var(--transition-colors),border-color var(--transition-colors),box-shadow var(--transition-colors);text-align:left;white-space:nowrap;overflow:hidden}.ui-select-search__trigger--xs{height:var(--size-xs);padding:0 8px;font-size:var(--text-xs)}.ui-select-search__trigger--sm{height:var(--size-sm);padding:0 10px;font-size:var(--text-xs)}.ui-select-search__trigger--md{height:var(--size-md);padding:0 10px;font-size:var(--text-sm)}.ui-select-search__trigger--lg{height:var(--size-lg);padding:0 12px;font-size:var(--text-sm)}.ui-select-search__trigger--xl{height:var(--size-xl);padding:0 12px;font-size:var(--text-md)}.ui-select-search__trigger--outline.ui-select-search__trigger--neutral{background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text)}.ui-select-search__trigger--outline.ui-select-search__trigger--neutral:hover:not(:disabled){border-color:var(--color-neutral-400)}.ui-select-search__trigger--outline.ui-select-search__trigger--neutral:focus-visible{border-color:var(--color-primary-500);box-shadow:0 0 0 1px var(--color-primary-500)}.ui-select-search__trigger--soft.ui-select-search__trigger--neutral{background:var(--color-neutral-100);border:1px solid transparent;color:var(--color-text)}.ui-select-search__trigger--soft.ui-select-search__trigger--neutral:hover:not(:disabled){background:var(--color-neutral-200)}.ui-select-search__trigger--soft.ui-select-search__trigger--neutral:focus-visible{box-shadow:0 0 0 2px var(--color-primary-500)}.ui-select-search__trigger--subtle.ui-select-search__trigger--neutral,.ui-select-search__trigger--ghost.ui-select-search__trigger--neutral{background:transparent;border:1px solid transparent;color:var(--color-text)}.ui-select-search__trigger--subtle.ui-select-search__trigger--neutral:hover:not(:disabled),.ui-select-search__trigger--ghost.ui-select-search__trigger--neutral:hover:not(:disabled){background:var(--color-neutral-100)}.ui-select-search__trigger--subtle.ui-select-search__trigger--neutral:focus-visible,.ui-select-search__trigger--ghost.ui-select-search__trigger--neutral:focus-visible{box-shadow:0 0 0 2px var(--color-primary-500)}.ui-select-search__trigger--none.ui-select-search__trigger--neutral{background:transparent;border:none;color:var(--color-text)}.ui-select-search__trigger--outline.ui-select-search__trigger--primary{background:var(--color-bg);border:1px solid var(--color-primary-500);color:var(--color-primary-600)}.ui-select-search__trigger--outline.ui-select-search__trigger--primary:hover:not(:disabled){background:color-mix(in srgb,var(--color-primary-500) 5%,transparent)}.ui-select-search__trigger--outline.ui-select-search__trigger--primary:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary-500) 30%,transparent)}.ui-select-search__trigger--soft.ui-select-search__trigger--primary{background:color-mix(in srgb,var(--color-primary-500) 10%,transparent);border:1px solid transparent;color:var(--color-primary-600)}.ui-select-search__trigger--soft.ui-select-search__trigger--primary:hover:not(:disabled){background:color-mix(in srgb,var(--color-primary-500) 15%,transparent)}.ui-select-search__trigger--outline.ui-select-search__trigger--error{background:var(--color-bg);border:1px solid var(--color-error-500);color:var(--color-error-600)}.ui-select-search__trigger--outline.ui-select-search__trigger--error:hover:not(:disabled){background:color-mix(in srgb,var(--color-error-500) 5%,transparent)}.ui-select-search__trigger--soft.ui-select-search__trigger--error{background:color-mix(in srgb,var(--color-error-500) 10%,transparent);border:1px solid transparent;color:var(--color-error-700)}.ui-select-search__trigger--outline.ui-select-search__trigger--warning{background:var(--color-bg);border:1px solid var(--color-warning-500);color:var(--color-warning-600)}.ui-select-search__trigger--outline.ui-select-search__trigger--warning:hover:not(:disabled){background:color-mix(in srgb,var(--color-warning-500) 5%,transparent)}.ui-select-search__trigger--soft.ui-select-search__trigger--warning{background:color-mix(in srgb,var(--color-warning-500) 10%,transparent);border:1px solid transparent;color:var(--color-warning-700)}.ui-select-search__trigger--outline.ui-select-search__trigger--success{background:var(--color-bg);border:1px solid var(--color-success-500);color:var(--color-success-600)}.ui-select-search__trigger--outline.ui-select-search__trigger--success:hover:not(:disabled){background:color-mix(in srgb,var(--color-success-500) 5%,transparent)}.ui-select-search__trigger--soft.ui-select-search__trigger--success{background:color-mix(in srgb,var(--color-success-500) 10%,transparent);border:1px solid transparent;color:var(--color-success-700)}.ui-select-search__trigger--outline.ui-select-search__trigger--info{background:var(--color-bg);border:1px solid var(--color-info-500);color:var(--color-info-600)}.ui-select-search__trigger--outline.ui-select-search__trigger--info:hover:not(:disabled){background:color-mix(in srgb,var(--color-info-500) 5%,transparent)}.ui-select-search__trigger--soft.ui-select-search__trigger--info{background:color-mix(in srgb,var(--color-info-500) 10%,transparent);border:1px solid transparent;color:var(--color-info-700)}.ui-select-search__trigger--outline.ui-select-search__trigger--secondary{background:var(--color-bg);border:1px solid var(--color-secondary-500);color:var(--color-secondary-600)}.ui-select-search__trigger--outline.ui-select-search__trigger--secondary:hover:not(:disabled){background:color-mix(in srgb,var(--color-secondary-500) 5%,transparent)}.ui-select-search__trigger--soft.ui-select-search__trigger--secondary{background:color-mix(in srgb,var(--color-secondary-500) 10%,transparent);border:1px solid transparent;color:var(--color-secondary-700)}.ui-select-search--open .ui-select-search__trigger--outline{border-color:var(--color-primary-500)}.ui-select-search__trigger:disabled{cursor:not-allowed}.ui-select-search__leading{display:flex;align-items:center;flex-shrink:0;color:var(--color-text-muted);width:1rem;height:1rem}.ui-select-search__value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-select-search__value--placeholder{color:var(--color-text-muted)}.ui-select-search__chevron{display:flex;align-items:center;flex-shrink:0;color:var(--color-text-muted);width:1rem;height:1rem;transition:transform .15s ease}.ui-select-search__chevron svg{width:100%;height:100%}.ui-select-search__chevron--open{transform:rotate(180deg)}.ui-select-search__spinner{display:inline-flex;align-items:center}.ui-select-search__spinner svg{width:1em;height:1em;animation:ui-spin .75s linear infinite}@keyframes ui-spin{to{transform:rotate(360deg)}}.ui-select-search__panel{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:var(--z-dropdown, 50);min-width:100%;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;overflow:hidden;transform-origin:top center}.ui-select-search__search-wrap{display:flex;align-items:center;gap:.375rem;padding:6px 8px;border-bottom:1px solid var(--color-border);background:var(--color-bg-muted, var(--color-neutral-50))}.ui-select-search__search-icon{display:flex;align-items:center;flex-shrink:0;color:var(--color-text-muted);width:14px;height:14px}.ui-select-search__search-icon svg{width:100%;height:100%}.ui-select-search__input{flex:1;border:none;background:transparent;outline:none;font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-text);min-width:0}.ui-select-search__input::placeholder{color:var(--color-text-muted)}.ui-select-search__clear{display:flex;align-items:center;flex-shrink:0;width:16px;height:16px;color:var(--color-text-muted);background:transparent;border:none;cursor:pointer;padding:0;border-radius:3px;transition:color .1s ease}.ui-select-search__clear svg{width:100%;height:100%}.ui-select-search__clear:hover{color:var(--color-text)}.ui-select-search__options{padding:4px;overflow-y:auto;max-height:200px}.ui-select-search__option{display:flex;align-items:center;gap:.5rem;width:100%;padding:6px 8px;border-radius:calc(var(--radius-md) - 2px);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-normal);color:var(--color-text);background:transparent;border:none;cursor:pointer;text-align:left;transition:background-color .1s ease}.ui-select-search__option:hover:not(:disabled),.ui-select-search__option--highlighted:not(:disabled){background:var(--color-neutral-100)}.ui-select-search__option--selected{color:var(--color-primary-600);font-weight:var(--font-medium);background:color-mix(in srgb,var(--color-primary-500) 8%,transparent)}.ui-select-search__option--selected:hover,.ui-select-search__option--selected.ui-select-search__option--highlighted{background:color-mix(in srgb,var(--color-primary-500) 12%,transparent)}.ui-select-search__option--disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.ui-select-search__option-icon{flex-shrink:0;font-size:1rem;line-height:1}.ui-select-search__option-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-select-search__option-check{flex-shrink:0;width:1rem;height:1rem;color:var(--color-primary-500);display:flex;align-items:center}.ui-select-search__option-check svg{width:100%;height:100%}:host ::ng-deep .ui-select-search__highlight{background:color-mix(in srgb,var(--color-primary-500) 20%,transparent);color:var(--color-primary-700);border-radius:2px;padding:0 1px;font-weight:var(--font-medium);font-style:normal}.ui-select-search__empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 16px;color:var(--color-text-muted);font-size:var(--text-sm);text-align:center}.ui-select-search__empty svg{width:20px;height:20px;opacity:.5}[data-theme=dark] .ui-select-search__trigger--outline.ui-select-search__trigger--neutral{background:var(--color-neutral-900);border-color:var(--color-neutral-700)}[data-theme=dark] .ui-select-search__trigger--outline.ui-select-search__trigger--neutral:hover:not(:disabled){border-color:var(--color-neutral-500)}[data-theme=dark] .ui-select-search__trigger--soft.ui-select-search__trigger--neutral{background:var(--color-neutral-800)}[data-theme=dark] .ui-select-search__panel{background:var(--color-neutral-900);border-color:var(--color-neutral-700)}[data-theme=dark] .ui-select-search__search-wrap{background:var(--color-neutral-800);border-color:var(--color-neutral-700)}[data-theme=dark] .ui-select-search__option:hover:not(:disabled),[data-theme=dark] .ui-select-search__option--highlighted:not(:disabled){background:var(--color-neutral-800)}[data-theme=dark] .ui-select-search__option--selected{background:color-mix(in srgb,var(--color-primary-500) 12%,transparent)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], animations: [
+            trigger('dropdown', [
+                transition(':enter', [
+                    style({ opacity: 0, transform: 'scale(0.96) translateY(-4px)' }),
+                    animate('100ms ease-out', style({ opacity: 1, transform: 'scale(1) translateY(0)' })),
+                ]),
+                transition(':leave', [
+                    animate('80ms ease-in', style({ opacity: 0, transform: 'scale(0.96) translateY(-4px)' })),
+                ]),
+            ]),
+        ], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: SelectSearchComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ui-select-search', standalone: true, imports: [CommonModule, FormsModule], changeDetection: ChangeDetectionStrategy.OnPush, providers: [{
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => SelectSearchComponent),
+                            multi: true,
+                        }], animations: [
+                        trigger('dropdown', [
+                            transition(':enter', [
+                                style({ opacity: 0, transform: 'scale(0.96) translateY(-4px)' }),
+                                animate('100ms ease-out', style({ opacity: 1, transform: 'scale(1) translateY(0)' })),
+                            ]),
+                            transition(':leave', [
+                                animate('80ms ease-in', style({ opacity: 0, transform: 'scale(0.96) translateY(-4px)' })),
+                            ]),
+                        ]),
+                    ], template: `
+    <div
+      class="ui-select-search"
+      [class.ui-select-search--open]="isOpen()"
+      [class.ui-select-search--disabled]="disabled()"
+    >
+      <!-- ── Trigger ──────────────────────────────────────── -->
+      <button
+        #triggerEl
+        type="button"
+        [class]="triggerClasses()"
+        [disabled]="disabled() || loading()"
+        [attr.aria-haspopup]="'listbox'"
+        [attr.aria-expanded]="isOpen()"
+        [attr.aria-label]="ariaLabel() ?? null"
+        (click)="toggleOpen(); $event.stopPropagation()"
+        (keydown)="onTriggerKeydown($event)"
+      >
+        @if (leadingIcon()) {
+          <span class="ui-select-search__leading" aria-hidden="true">
+            <ng-content select="[slot=leading]" />
+          </span>
+        }
+
+        <span
+          class="ui-select-search__value"
+          [class.ui-select-search__value--placeholder]="!selectedOption()"
+        >
+          @if (loading()) {
+            <span class="ui-select-search__spinner" aria-hidden="true">
+              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                <circle cx="12" cy="12" r="10" stroke-opacity="0.25"/>
+                <path d="M12 2a10 10 0 0 1 10 10" stroke-linecap="round"/>
+              </svg>
+            </span>
+          } @else {
+            {{ selectedOption()?.label ?? placeholder() ?? 'Sélectionner...' }}
+          }
+        </span>
+
+        <span
+          class="ui-select-search__chevron"
+          [class.ui-select-search__chevron--open]="isOpen()"
+          aria-hidden="true"
+        >
+          <svg viewBox="0 0 16 16" fill="none" stroke="currentColor"
+               stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round">
+            <path d="M4 6l4 4 4-4"/>
+          </svg>
+        </span>
+      </button>
+
+      <!-- ── Dropdown panel ───────────────────────────────── -->
+      @if (isOpen()) {
+        <div [@dropdown] class="ui-select-search__panel" (click)="$event.stopPropagation()">
+
+          <!-- Search input -->
+          <div class="ui-select-search__search-wrap">
+            <span class="ui-select-search__search-icon" aria-hidden="true">
+              <svg viewBox="0 0 16 16" fill="none" stroke="currentColor"
+                   stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round">
+                <circle cx="6.5" cy="6.5" r="4"/>
+                <path d="M10 10l3 3"/>
+              </svg>
+            </span>
+            <input
+              #searchInput
+              type="text"
+              class="ui-select-search__input"
+              [placeholder]="searchPlaceholder()"
+              [ngModel]="query()"
+              (ngModelChange)="query.set($event); activeIndex.set(0)"
+              (keydown)="onSearchKeydown($event)"
+              aria-label="Rechercher"
+              autocomplete="off"
+              spellcheck="false"
+            />
+            @if (query()) {
+              <button
+                type="button"
+                class="ui-select-search__clear"
+                (click)="clearQuery()"
+                aria-label="Effacer la recherche"
+              >
+                <svg viewBox="0 0 16 16" fill="none" stroke="currentColor"
+                     stroke-width="2" stroke-linecap="round">
+                  <path d="M4 4l8 8M12 4l-8 8"/>
+                </svg>
+              </button>
+            }
+          </div>
+
+          <!-- Options list -->
+          <div
+            class="ui-select-search__options"
+            role="listbox"
+            [attr.aria-label]="ariaLabel() ?? 'Options'"
+          >
+            @for (opt of filteredOptions(); track opt.value; let i = $index) {
+              <button
+                type="button"
+                class="ui-select-search__option"
+                role="option"
+                [class.ui-select-search__option--selected]="isSelected(opt)"
+                [class.ui-select-search__option--highlighted]="activeIndex() === i"
+                [class.ui-select-search__option--disabled]="opt.disabled"
+                [attr.aria-selected]="isSelected(opt)"
+                [disabled]="opt.disabled"
+                (click)="selectOption(opt)"
+                (mouseenter)="activeIndex.set(i)"
+              >
+                @if (opt.icon) {
+                  <span class="ui-select-search__option-icon" aria-hidden="true">{{ opt.icon }}</span>
+                }
+                <!-- Highlighted label -->
+                <span
+                  class="ui-select-search__option-label"
+                  [innerHTML]="highlight(opt.label)"
+                ></span>
+
+                @if (isSelected(opt)) {
+                  <span class="ui-select-search__option-check" aria-hidden="true">
+                    <svg viewBox="0 0 16 16" fill="none" stroke="currentColor"
+                         stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round">
+                      <path d="M3 8l3.5 3.5L13 5"/>
+                    </svg>
+                  </span>
+                }
+              </button>
+            }
+
+            @if (filteredOptions().length === 0) {
+              <div class="ui-select-search__empty">
+                <svg viewBox="0 0 20 20" fill="none" stroke="currentColor"
+                     stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+                  <circle cx="10" cy="10" r="8"/>
+                  <path d="M10 6v5M10 14h.01"/>
+                </svg>
+                <span>{{ emptyLabel() }}</span>
+              </div>
+            }
+          </div>
+        </div>
+      }
+    </div>
+  `, styles: [".ui-select-search{position:relative;display:inline-block;width:100%}.ui-select-search--disabled{opacity:.5;cursor:not-allowed}.ui-select-search__trigger{display:inline-flex;align-items:center;gap:.375rem;width:100%;border-radius:var(--radius-md);font-family:var(--font-sans);font-weight:var(--font-medium);cursor:pointer;outline:none;transition:background-color var(--transition-colors),border-color var(--transition-colors),box-shadow var(--transition-colors);text-align:left;white-space:nowrap;overflow:hidden}.ui-select-search__trigger--xs{height:var(--size-xs);padding:0 8px;font-size:var(--text-xs)}.ui-select-search__trigger--sm{height:var(--size-sm);padding:0 10px;font-size:var(--text-xs)}.ui-select-search__trigger--md{height:var(--size-md);padding:0 10px;font-size:var(--text-sm)}.ui-select-search__trigger--lg{height:var(--size-lg);padding:0 12px;font-size:var(--text-sm)}.ui-select-search__trigger--xl{height:var(--size-xl);padding:0 12px;font-size:var(--text-md)}.ui-select-search__trigger--outline.ui-select-search__trigger--neutral{background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text)}.ui-select-search__trigger--outline.ui-select-search__trigger--neutral:hover:not(:disabled){border-color:var(--color-neutral-400)}.ui-select-search__trigger--outline.ui-select-search__trigger--neutral:focus-visible{border-color:var(--color-primary-500);box-shadow:0 0 0 1px var(--color-primary-500)}.ui-select-search__trigger--soft.ui-select-search__trigger--neutral{background:var(--color-neutral-100);border:1px solid transparent;color:var(--color-text)}.ui-select-search__trigger--soft.ui-select-search__trigger--neutral:hover:not(:disabled){background:var(--color-neutral-200)}.ui-select-search__trigger--soft.ui-select-search__trigger--neutral:focus-visible{box-shadow:0 0 0 2px var(--color-primary-500)}.ui-select-search__trigger--subtle.ui-select-search__trigger--neutral,.ui-select-search__trigger--ghost.ui-select-search__trigger--neutral{background:transparent;border:1px solid transparent;color:var(--color-text)}.ui-select-search__trigger--subtle.ui-select-search__trigger--neutral:hover:not(:disabled),.ui-select-search__trigger--ghost.ui-select-search__trigger--neutral:hover:not(:disabled){background:var(--color-neutral-100)}.ui-select-search__trigger--subtle.ui-select-search__trigger--neutral:focus-visible,.ui-select-search__trigger--ghost.ui-select-search__trigger--neutral:focus-visible{box-shadow:0 0 0 2px var(--color-primary-500)}.ui-select-search__trigger--none.ui-select-search__trigger--neutral{background:transparent;border:none;color:var(--color-text)}.ui-select-search__trigger--outline.ui-select-search__trigger--primary{background:var(--color-bg);border:1px solid var(--color-primary-500);color:var(--color-primary-600)}.ui-select-search__trigger--outline.ui-select-search__trigger--primary:hover:not(:disabled){background:color-mix(in srgb,var(--color-primary-500) 5%,transparent)}.ui-select-search__trigger--outline.ui-select-search__trigger--primary:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary-500) 30%,transparent)}.ui-select-search__trigger--soft.ui-select-search__trigger--primary{background:color-mix(in srgb,var(--color-primary-500) 10%,transparent);border:1px solid transparent;color:var(--color-primary-600)}.ui-select-search__trigger--soft.ui-select-search__trigger--primary:hover:not(:disabled){background:color-mix(in srgb,var(--color-primary-500) 15%,transparent)}.ui-select-search__trigger--outline.ui-select-search__trigger--error{background:var(--color-bg);border:1px solid var(--color-error-500);color:var(--color-error-600)}.ui-select-search__trigger--outline.ui-select-search__trigger--error:hover:not(:disabled){background:color-mix(in srgb,var(--color-error-500) 5%,transparent)}.ui-select-search__trigger--soft.ui-select-search__trigger--error{background:color-mix(in srgb,var(--color-error-500) 10%,transparent);border:1px solid transparent;color:var(--color-error-700)}.ui-select-search__trigger--outline.ui-select-search__trigger--warning{background:var(--color-bg);border:1px solid var(--color-warning-500);color:var(--color-warning-600)}.ui-select-search__trigger--outline.ui-select-search__trigger--warning:hover:not(:disabled){background:color-mix(in srgb,var(--color-warning-500) 5%,transparent)}.ui-select-search__trigger--soft.ui-select-search__trigger--warning{background:color-mix(in srgb,var(--color-warning-500) 10%,transparent);border:1px solid transparent;color:var(--color-warning-700)}.ui-select-search__trigger--outline.ui-select-search__trigger--success{background:var(--color-bg);border:1px solid var(--color-success-500);color:var(--color-success-600)}.ui-select-search__trigger--outline.ui-select-search__trigger--success:hover:not(:disabled){background:color-mix(in srgb,var(--color-success-500) 5%,transparent)}.ui-select-search__trigger--soft.ui-select-search__trigger--success{background:color-mix(in srgb,var(--color-success-500) 10%,transparent);border:1px solid transparent;color:var(--color-success-700)}.ui-select-search__trigger--outline.ui-select-search__trigger--info{background:var(--color-bg);border:1px solid var(--color-info-500);color:var(--color-info-600)}.ui-select-search__trigger--outline.ui-select-search__trigger--info:hover:not(:disabled){background:color-mix(in srgb,var(--color-info-500) 5%,transparent)}.ui-select-search__trigger--soft.ui-select-search__trigger--info{background:color-mix(in srgb,var(--color-info-500) 10%,transparent);border:1px solid transparent;color:var(--color-info-700)}.ui-select-search__trigger--outline.ui-select-search__trigger--secondary{background:var(--color-bg);border:1px solid var(--color-secondary-500);color:var(--color-secondary-600)}.ui-select-search__trigger--outline.ui-select-search__trigger--secondary:hover:not(:disabled){background:color-mix(in srgb,var(--color-secondary-500) 5%,transparent)}.ui-select-search__trigger--soft.ui-select-search__trigger--secondary{background:color-mix(in srgb,var(--color-secondary-500) 10%,transparent);border:1px solid transparent;color:var(--color-secondary-700)}.ui-select-search--open .ui-select-search__trigger--outline{border-color:var(--color-primary-500)}.ui-select-search__trigger:disabled{cursor:not-allowed}.ui-select-search__leading{display:flex;align-items:center;flex-shrink:0;color:var(--color-text-muted);width:1rem;height:1rem}.ui-select-search__value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-select-search__value--placeholder{color:var(--color-text-muted)}.ui-select-search__chevron{display:flex;align-items:center;flex-shrink:0;color:var(--color-text-muted);width:1rem;height:1rem;transition:transform .15s ease}.ui-select-search__chevron svg{width:100%;height:100%}.ui-select-search__chevron--open{transform:rotate(180deg)}.ui-select-search__spinner{display:inline-flex;align-items:center}.ui-select-search__spinner svg{width:1em;height:1em;animation:ui-spin .75s linear infinite}@keyframes ui-spin{to{transform:rotate(360deg)}}.ui-select-search__panel{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:var(--z-dropdown, 50);min-width:100%;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;overflow:hidden;transform-origin:top center}.ui-select-search__search-wrap{display:flex;align-items:center;gap:.375rem;padding:6px 8px;border-bottom:1px solid var(--color-border);background:var(--color-bg-muted, var(--color-neutral-50))}.ui-select-search__search-icon{display:flex;align-items:center;flex-shrink:0;color:var(--color-text-muted);width:14px;height:14px}.ui-select-search__search-icon svg{width:100%;height:100%}.ui-select-search__input{flex:1;border:none;background:transparent;outline:none;font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-text);min-width:0}.ui-select-search__input::placeholder{color:var(--color-text-muted)}.ui-select-search__clear{display:flex;align-items:center;flex-shrink:0;width:16px;height:16px;color:var(--color-text-muted);background:transparent;border:none;cursor:pointer;padding:0;border-radius:3px;transition:color .1s ease}.ui-select-search__clear svg{width:100%;height:100%}.ui-select-search__clear:hover{color:var(--color-text)}.ui-select-search__options{padding:4px;overflow-y:auto;max-height:200px}.ui-select-search__option{display:flex;align-items:center;gap:.5rem;width:100%;padding:6px 8px;border-radius:calc(var(--radius-md) - 2px);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-normal);color:var(--color-text);background:transparent;border:none;cursor:pointer;text-align:left;transition:background-color .1s ease}.ui-select-search__option:hover:not(:disabled),.ui-select-search__option--highlighted:not(:disabled){background:var(--color-neutral-100)}.ui-select-search__option--selected{color:var(--color-primary-600);font-weight:var(--font-medium);background:color-mix(in srgb,var(--color-primary-500) 8%,transparent)}.ui-select-search__option--selected:hover,.ui-select-search__option--selected.ui-select-search__option--highlighted{background:color-mix(in srgb,var(--color-primary-500) 12%,transparent)}.ui-select-search__option--disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.ui-select-search__option-icon{flex-shrink:0;font-size:1rem;line-height:1}.ui-select-search__option-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-select-search__option-check{flex-shrink:0;width:1rem;height:1rem;color:var(--color-primary-500);display:flex;align-items:center}.ui-select-search__option-check svg{width:100%;height:100%}:host ::ng-deep .ui-select-search__highlight{background:color-mix(in srgb,var(--color-primary-500) 20%,transparent);color:var(--color-primary-700);border-radius:2px;padding:0 1px;font-weight:var(--font-medium);font-style:normal}.ui-select-search__empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 16px;color:var(--color-text-muted);font-size:var(--text-sm);text-align:center}.ui-select-search__empty svg{width:20px;height:20px;opacity:.5}[data-theme=dark] .ui-select-search__trigger--outline.ui-select-search__trigger--neutral{background:var(--color-neutral-900);border-color:var(--color-neutral-700)}[data-theme=dark] .ui-select-search__trigger--outline.ui-select-search__trigger--neutral:hover:not(:disabled){border-color:var(--color-neutral-500)}[data-theme=dark] .ui-select-search__trigger--soft.ui-select-search__trigger--neutral{background:var(--color-neutral-800)}[data-theme=dark] .ui-select-search__panel{background:var(--color-neutral-900);border-color:var(--color-neutral-700)}[data-theme=dark] .ui-select-search__search-wrap{background:var(--color-neutral-800);border-color:var(--color-neutral-700)}[data-theme=dark] .ui-select-search__option:hover:not(:disabled),[data-theme=dark] .ui-select-search__option--highlighted:not(:disabled){background:var(--color-neutral-800)}[data-theme=dark] .ui-select-search__option--selected{background:color-mix(in srgb,var(--color-primary-500) 12%,transparent)}\n"] }]
+        }], propDecorators: { triggerEl: [{
+                type: ViewChild,
+                args: ['triggerEl']
+            }], searchInput: [{
+                type: ViewChild,
+                args: ['searchInput']
+            }], onDocumentClick: [{
+                type: HostListener,
+                args: ['document:click', ['$event']]
+            }] } });
+
+// ============================================================
+// MOLECULES — Nuxt UI v3 Design Kit → Angular 19 + NX
+// Combinations of atoms with focused single responsibility
+// ============================================================
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AlertComponent, AvatarGroupComponent, BreadcrumbComponent, ButtonGroupComponent, FormFieldComponent, InputComponent, PaginationComponent, SelectComponent, SelectSearchComponent, TabsComponent, TextareaComponent, ToastComponent };
+//# sourceMappingURL=atomng-ui-molecules.mjs.map