@kksdev/ds-angular 1.1.0

package/index.d.ts

@@ -0,0 +1,4559 @@
+import * as _angular_core from '@angular/core';
+import { AfterViewInit, OnDestroy, ElementRef, QueryList, AfterContentInit, EventEmitter, TemplateRef, ViewContainerRef, Injector, TrackByFunction, OnInit } from '@angular/core';
+import { IconDefinition } from '@fortawesome/fontawesome-svg-core';
+import { IconDefinition as IconDefinition$1 } from '@fortawesome/free-solid-svg-icons';
+import { ControlValueAccessor } from '@angular/forms';
+import * as _angular_cdk_overlay from '@angular/cdk/overlay';
+import { Overlay, ConnectedPosition } from '@angular/cdk/overlay';
+import { IconDefinition as IconDefinition$2, FaIconLibrary } from '@fortawesome/angular-fontawesome';
+import * as _fortawesome_fontawesome_common_types from '@fortawesome/fontawesome-common-types';
+import { ArgTypes, Args } from '@storybook/angular';
+
+type BadgeType = 'status' | 'count' | 'label';
+type BadgeVariant = 'primary' | 'secondary' | 'success' | 'warning' | 'error' | 'info' | 'neutral' | 'default' | 'accent';
+type BadgeSize = 'sm' | 'md' | 'lg';
+type BadgeShape = 'rounded' | 'pill';
+type BadgeAppearance = 'solid' | 'outline';
+/**
+ * Composant badge primitif sans logique métier.
+ *
+ * @description
+ * Badge atomique stylisé par CSS custom properties. Petit élément visuel utilisé pour
+ * afficher des statuts, des compteurs ou des labels. Supporte plusieurs variantes de
+ * couleur, tailles, formes (arrondi ou pill), apparences (solid ou outline) et peut
+ * afficher des icônes FontAwesome. Permet également des styles personnalisés.
+ *
+ * @example
+ * ```html
+ * <primitive-badge variant="success">
+ *   Actif
+ * </primitive-badge>
+ * ```
+ *
+ * @example
+ * ```html
+ * <primitive-badge
+ *   variant="error"
+ *   shape="pill"
+ *   appearance="outline"
+ *   [iconStart]="faExclamation">
+ *   Urgent
+ * </primitive-badge>
+ * ```
+ */
+declare class PrimitiveBadge {
+    /**
+     * Type sémantique du badge.
+     *
+     * @description
+     * Définit l'intention d'usage du badge. Le type est exposé via l'attribut `data-type`
+     * pour permettre un ciblage CSS spécifique selon le contexte d'utilisation.
+     *
+     * Types disponibles :
+     * - `label` : badge de libellé générique (par défaut)
+     * - `status` : indicateur d'état (actif, inactif, etc.)
+     * - `count` : compteur numérique (notifications, messages, etc.)
+     *
+     * @default 'label'
+     *
+     * @example
+     * ```html
+     * <primitive-badge type="count">5</primitive-badge>
+     * <primitive-badge type="status">En ligne</primitive-badge>
+     * ```
+     */
+    type: _angular_core.InputSignal<BadgeType>;
+    /**
+     * Variante visuelle du badge.
+     *
+     * @description
+     * Définit la couleur et le style sémantique du badge. Chaque variante applique
+     * une classe CSS qui utilise les tokens de couleur correspondants.
+     *
+     * Variantes disponibles :
+     * - `primary` : couleur principale (par défaut)
+     * - `secondary` : couleur secondaire
+     * - `success` : succès, validation (vert)
+     * - `warning` : avertissement (orange)
+     * - `error` : erreur, danger (rouge)
+     * - `info` : information (bleu)
+     * - `neutral` : neutre (gris)
+     * - `default` : style par défaut
+     * - `accent` : couleur d'accent
+     *
+     * @default 'primary'
+     *
+     * @example
+     * ```html
+     * <primitive-badge variant="success">Validé</primitive-badge>
+     * ```
+     */
+    variant: _angular_core.InputSignal<BadgeVariant>;
+    /**
+     * Taille du badge.
+     *
+     * @description
+     * Contrôle la hauteur, le padding et la taille de police du badge via les tokens
+     * CSS custom properties.
+     *
+     * Tailles disponibles :
+     * - `sm` : petit
+     * - `md` : moyen (par défaut)
+     * - `lg` : grand
+     *
+     * @default 'md'
+     *
+     * @example
+     * ```html
+     * <primitive-badge size="sm">Petit</primitive-badge>
+     * ```
+     */
+    size: _angular_core.InputSignal<BadgeSize>;
+    /**
+     * Forme du badge.
+     *
+     * @description
+     * Définit le degré d'arrondi des coins du badge.
+     *
+     * Formes disponibles :
+     * - `rounded` : coins légèrement arrondis (par défaut)
+     * - `pill` : coins complètement arrondis (forme capsule)
+     *
+     * @default 'rounded'
+     *
+     * @example
+     * ```html
+     * <primitive-badge shape="pill">99+</primitive-badge>
+     * ```
+     */
+    shape: _angular_core.InputSignal<BadgeShape>;
+    /**
+     * Apparence visuelle du badge.
+     *
+     * @description
+     * Contrôle le style de remplissage du badge :
+     * - `solid` : fond plein avec couleur de variante (par défaut)
+     * - `outline` : fond transparent avec bordure colorée
+     *
+     * @default 'solid'
+     *
+     * @example
+     * ```html
+     * <primitive-badge appearance="outline">Outline</primitive-badge>
+     * ```
+     */
+    appearance: _angular_core.InputSignal<BadgeAppearance>;
+    /**
+     * Icône FontAwesome affichée avant le texte du badge.
+     *
+     * @description
+     * Accepte une `IconDefinition` de `@fortawesome/fontawesome-svg-core`.
+     * L'icône est rendue via `<fa-icon>` avec la classe CSS `.icon-start`.
+     * Couramment utilisée pour les badges de statut ou d'alerte.
+     *
+     * @default null
+     *
+     * @example
+     * ```typescript
+     * import { faCheck } from '@fortawesome/free-solid-svg-icons';
+     * ```
+     * ```html
+     * <primitive-badge [iconStart]="faCheck">Validé</primitive-badge>
+     * ```
+     */
+    iconStart: _angular_core.InputSignal<IconDefinition | null>;
+    /**
+     * Icône FontAwesome affichée après le texte du badge.
+     *
+     * @description
+     * Accepte une `IconDefinition` de `@fortawesome/fontawesome-svg-core`.
+     * L'icône est rendue via `<fa-icon>` avec la classe CSS `.icon-end`.
+     * Utile pour les badges avec action ou indication directionnelle.
+     *
+     * @default null
+     *
+     * @example
+     * ```typescript
+     * import { faTimes } from '@fortawesome/free-solid-svg-icons';
+     * ```
+     * ```html
+     * <primitive-badge [iconEnd]="faTimes">Fermer</primitive-badge>
+     * ```
+     */
+    iconEnd: _angular_core.InputSignal<IconDefinition | null>;
+    /**
+     * Styles CSS personnalisés appliqués au badge.
+     *
+     * @description
+     * Objet de paires clé-valeur de propriétés CSS permettant de surcharger les styles
+     * par défaut. Utile pour des couleurs de marque spécifiques ou des styles non couverts
+     * par les variantes standards. Appliqué via `[ngStyle]` sur le span interne.
+     *
+     * @default null
+     *
+     * @example
+     * ```html
+     * <primitive-badge [customStyles]="{
+     *   backgroundColor: '#ff6b6b',
+     *   borderColor: '#ff6b6b',
+     *   color: '#fff'
+     * }">
+     *   Custom
+     * </primitive-badge>
+     * ```
+     */
+    customStyles: _angular_core.InputSignal<Record<string, string> | null>;
+    /**
+     * Calcule dynamiquement les classes CSS du badge.
+     *
+     * @description
+     * Génère une chaîne de classes CSS combinant :
+     * - La variante (`primary`, `secondary`, `success`, etc.)
+     * - La taille (`sm`, `md`, `lg`)
+     * - La forme (`rounded`, `pill`)
+     * - `outline` si `appearance === 'outline'`
+     *
+     * @returns Une chaîne de classes CSS séparées par des espaces.
+     *
+     * @example
+     * ```typescript
+     * // variant='success', size='lg', shape='pill', appearance='outline'
+     * // → "success lg pill outline"
+     * ```
+     */
+    get badgeClasses(): string;
+    /**
+     * Retourne les styles personnalisés à appliquer.
+     *
+     * @description
+     * Getter simple qui retourne la valeur de `customStyles()` pour être utilisé
+     * avec la directive `[ngStyle]` dans le template.
+     *
+     * @returns Objet de styles CSS ou `null` si aucun style personnalisé.
+     *
+     * @example
+     * ```typescript
+     * const styles = component.styleOverrides;
+     * // → { backgroundColor: '#123456', color: '#fff' }
+     * ```
+     */
+    get styleOverrides(): Record<string, string> | null;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<PrimitiveBadge, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PrimitiveBadge, "primitive-badge", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "shape": { "alias": "shape"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "iconStart": { "alias": "iconStart"; "required": false; "isSignal": true; }; "iconEnd": { "alias": "iconEnd"; "required": false; "isSignal": true; }; "customStyles": { "alias": "customStyles"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+type ButtonType = 'button' | 'submit' | 'reset';
+type ButtonVariant = 'primary' | 'secondary' | 'ghost' | 'success' | 'warning' | 'error' | 'info';
+type ButtonSize = 'sm' | 'md' | 'lg';
+type ButtonAppearance = 'solid' | 'outline';
+/**
+ * Composant bouton primitif sans logique métier.
+ *
+ * @description
+ * Bouton atomique stylisé par CSS custom properties. Supporte plusieurs variantes,
+ * tailles, apparences et états. Peut afficher des icônes FontAwesome avant/après le texte.
+ *
+ * @example
+ * ```html
+ * <primitive-button variant="primary" size="md">
+ *   Cliquez ici
+ * </primitive-button>
+ * ```
+ *
+ * @example
+ * ```html
+ * <primitive-button
+ *   variant="success"
+ *   appearance="outline"
+ *   [iconStart]="faCheck"
+ *   (clicked)="onSave()">
+ *   Enregistrer
+ * </primitive-button>
+ * ```
+ */
+declare class PrimitiveButton {
+    /**
+     * Type HTML du bouton.
+     *
+     * @description
+     * Détermine le comportement natif du bouton dans un formulaire :
+     * - `button` : bouton standard sans action de formulaire (par défaut)
+     * - `submit` : soumet le formulaire parent
+     * - `reset` : réinitialise le formulaire parent
+     *
+     * @default 'button'
+     *
+     * @example
+     * ```html
+     * <primitive-button type="submit">Valider</primitive-button>
+     * ```
+     */
+    type: _angular_core.InputSignal<ButtonType>;
+    /**
+     * Variante visuelle du bouton.
+     *
+     * @description
+     * Définit la couleur et le style sémantique du bouton. Chaque variante
+     * applique une classe CSS qui utilise les tokens de couleur correspondants.
+     *
+     * Variantes disponibles :
+     * - `primary` : action principale (par défaut)
+     * - `secondary` : action secondaire
+     * - `ghost` : action discrète, fond transparent
+     * - `success` : confirmation, succès
+     * - `warning` : avertissement, attention
+     * - `error` : action destructive, erreur
+     * - `info` : information neutre
+     *
+     * @default 'primary'
+     *
+     * @example
+     * ```html
+     * <primitive-button variant="error">Supprimer</primitive-button>
+     * ```
+     */
+    variant: _angular_core.InputSignal<ButtonVariant>;
+    /**
+     * Taille du bouton.
+     *
+     * @description
+     * Contrôle la hauteur, le padding et la taille de police du bouton via
+     * les tokens `--btn-height-*`, `--btn-padding-*` et `--btn-font-size-*`.
+     *
+     * Tailles disponibles :
+     * - `sm` : petit (32px de hauteur)
+     * - `md` : moyen (40px de hauteur, par défaut)
+     * - `lg` : grand (48px de hauteur)
+     *
+     * @default 'md'
+     *
+     * @example
+     * ```html
+     * <primitive-button size="lg">Bouton large</primitive-button>
+     * ```
+     */
+    size: _angular_core.InputSignal<ButtonSize>;
+    /**
+     * État désactivé du bouton.
+     *
+     * @description
+     * Lorsque `true`, le bouton devient non-cliquable, applique l'attribut HTML
+     * `disabled` et affiche les styles visuels d'état désactivé. L'événement
+     * `clicked` n'est pas émis en état désactivé.
+     *
+     * @default false
+     *
+     * @example
+     * ```html
+     * <primitive-button [disabled]="!isFormValid">Soumettre</primitive-button>
+     * ```
+     */
+    disabled: _angular_core.InputSignal<boolean>;
+    /**
+     * Icône FontAwesome affichée avant le texte du bouton.
+     *
+     * @description
+     * Accepte une `IconDefinition` de `@fortawesome/fontawesome-svg-core`.
+     * L'icône est rendue via `<fa-icon>` avec la classe CSS `.icon-start`.
+     *
+     * @default null
+     *
+     * @example
+     * ```typescript
+     * import { faPlus } from '@fortawesome/free-solid-svg-icons';
+     * ```
+     * ```html
+     * <primitive-button [iconStart]="faPlus">Ajouter</primitive-button>
+     * ```
+     */
+    iconStart: _angular_core.InputSignal<IconDefinition | null>;
+    /**
+     * Icône FontAwesome affichée après le texte du bouton.
+     *
+     * @description
+     * Accepte une `IconDefinition` de `@fortawesome/fontawesome-svg-core`.
+     * L'icône est rendue via `<fa-icon>` avec la classe CSS `.icon-end`.
+     *
+     * @default null
+     *
+     * @example
+     * ```typescript
+     * import { faArrowRight } from '@fortawesome/free-solid-svg-icons';
+     * ```
+     * ```html
+     * <primitive-button [iconEnd]="faArrowRight">Suivant</primitive-button>
+     * ```
+     */
+    iconEnd: _angular_core.InputSignal<IconDefinition | null>;
+    /**
+     * Apparence visuelle du bouton.
+     *
+     * @description
+     * Contrôle le style de remplissage du bouton :
+     * - `solid` : fond plein avec couleur de variante (par défaut)
+     * - `outline` : fond transparent avec bordure colorée
+     *
+     * @default 'solid'
+     *
+     * @example
+     * ```html
+     * <primitive-button variant="primary" appearance="outline">
+     *   Action secondaire
+     * </primitive-button>
+     * ```
+     */
+    appearance: _angular_core.InputSignal<ButtonAppearance>;
+    /**
+     * Mode pleine largeur.
+     *
+     * @description
+     * Lorsque `true`, le bouton s'étend sur toute la largeur de son conteneur.
+     * Applique la classe CSS `.block` au bouton et au composant hôte via `@HostBinding`.
+     *
+     * @default false
+     *
+     * @example
+     * ```html
+     * <primitive-button [block]="true">
+     *   Bouton pleine largeur
+     * </primitive-button>
+     * ```
+     */
+    block: _angular_core.InputSignal<boolean>;
+    /**
+     * Host binding pour la classe CSS `.block`.
+     *
+     * @description
+     * Lie la classe `.block` au composant hôte (`<primitive-button>`) lorsque
+     * la propriété `block()` est `true`. Permet de styliser le conteneur externe.
+     *
+     * @returns `true` si le mode block est activé, sinon `false`.
+     */
+    get hostBlock(): boolean;
+    /**
+     * Événement émis lors d'un clic sur le bouton actif.
+     *
+     * @description
+     * Émis uniquement si le bouton n'est pas désactivé (`disabled = false`).
+     * Ne transporte aucune donnée (`void`). Utilisé pour déclencher des actions
+     * métier dans le composant parent.
+     *
+     * @example
+     * ```html
+     * <primitive-button (clicked)="onButtonClick()">
+     *   Cliquez-moi
+     * </primitive-button>
+     * ```
+     */
+    clicked: _angular_core.OutputEmitterRef<void>;
+    /**
+     * Calcule dynamiquement les classes CSS du bouton.
+     *
+     * @description
+     * Génère une chaîne de classes CSS combinant :
+     * - La variante (`primary`, `secondary`, etc.)
+     * - La taille (`sm`, `md`, `lg`)
+     * - `outline` si `appearance === 'outline'`
+     * - `block` si `block === true`
+     *
+     * @returns Une chaîne de classes CSS séparées par des espaces.
+     *
+     * @example
+     * ```typescript
+     * // variant='error', size='lg', appearance='outline', block=true
+     * // → "error lg outline block"
+     * ```
+     */
+    get buttonClasses(): string;
+    /**
+     * Gestionnaire de clic interne.
+     *
+     * @description
+     * Méthode appelée par le template lors d'un clic sur le bouton HTML.
+     * Vérifie l'état `disabled()` avant d'émettre l'événement `clicked`.
+     *
+     * @internal
+     */
+    handleClick(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<PrimitiveButton, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PrimitiveButton, "primitive-button", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "iconStart": { "alias": "iconStart"; "required": false; "isSignal": true; }; "iconEnd": { "alias": "iconEnd"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "block": { "alias": "block"; "required": false; "isSignal": true; }; }, { "clicked": "clicked"; }, never, ["*"], true, never>;
+}
+
+type CheckboxSize = 'sm' | 'md' | 'lg';
+type CheckboxState = 'unchecked' | 'checked' | 'indeterminate';
+/**
+ * Composant checkbox primitif sans logique métier.
+ *
+ * @description
+ * Case à cocher atomique stylisée par CSS custom properties. Supporte trois états
+ * (non coché, coché, indéterminé), plusieurs tailles et un label optionnel.
+ * Utilise `model()` pour le binding bidirectionnel de l'état coché.
+ *
+ * @example
+ * ```html
+ * <primitive-checkbox
+ *   [(checked)]="isAccepted"
+ *   label="J'accepte les conditions">
+ * </primitive-checkbox>
+ * ```
+ *
+ * @example
+ * ```html
+ * <primitive-checkbox
+ *   [checked]="selectAll"
+ *   [indeterminate]="isPartialSelection"
+ *   size="lg"
+ *   (checkedChange)="onSelectionChange($event)">
+ * </primitive-checkbox>
+ * ```
+ */
+declare class PrimitiveCheckbox {
+    /**
+     * État coché de la checkbox avec binding bidirectionnel.
+     *
+     * @description
+     * Utilise le signal `model()` pour permettre le binding bidirectionnel via `[(checked)]`.
+     * L'état est mis à jour automatiquement lors du clic utilisateur.
+     *
+     * @default false
+     *
+     * @example
+     * ```typescript
+     * isAccepted = signal(false);
+     * ```
+     * ```html
+     * <primitive-checkbox [(checked)]="isAccepted"></primitive-checkbox>
+     * <p>Accepté : {{ isAccepted() }}</p>
+     * ```
+     */
+    checked: _angular_core.ModelSignal<boolean>;
+    /**
+     * État indéterminé de la checkbox.
+     *
+     * @description
+     * Lorsque `true`, affiche l'icône d'état indéterminé (tiret horizontal).
+     * L'état indéterminé est prioritaire sur l'état `checked` et est couramment
+     * utilisé dans les sélections partielles (ex: sélection de sous-éléments).
+     * L'attribut ARIA `aria-checked` prend la valeur `"indeterminate"`.
+     *
+     * @default false
+     *
+     * @example
+     * ```html
+     * <primitive-checkbox
+     *   [checked]="someItemsSelected"
+     *   [indeterminate]="!allItemsSelected && someItemsSelected"
+     *   label="Tout sélectionner">
+     * </primitive-checkbox>
+     * ```
+     */
+    indeterminate: _angular_core.InputSignal<boolean>;
+    /**
+     * État désactivé de la checkbox.
+     *
+     * @description
+     * Lorsque `true`, la checkbox devient non-cliquable, applique les styles visuels
+     * d'état désactivé et définit `tabindex="-1"` et `aria-disabled="true"`.
+     * Les événements ne sont pas émis en état désactivé.
+     *
+     * @default false
+     *
+     * @example
+     * ```html
+     * <primitive-checkbox [disabled]="!canEdit" label="Option verrouillée"></primitive-checkbox>
+     * ```
+     */
+    disabled: _angular_core.InputSignal<boolean>;
+    /**
+     * Taille de la checkbox.
+     *
+     * @description
+     * Contrôle la taille du carré de la checkbox et la taille de police du label via
+     * les tokens CSS custom properties.
+     *
+     * Tailles disponibles :
+     * - `sm` : petit (16px)
+     * - `md` : moyen (20px, par défaut)
+     * - `lg` : grand (24px)
+     *
+     * @default 'md'
+     *
+     * @example
+     * ```html
+     * <primitive-checkbox size="lg" label="Grande checkbox"></primitive-checkbox>
+     * ```
+     */
+    size: _angular_core.InputSignal<CheckboxSize>;
+    /**
+     * Texte du label affiché à côté de la checkbox.
+     *
+     * @description
+     * Si fourni, affiche un label cliquable associé à la checkbox.
+     * Le label est lié à la checkbox via `aria-labelledby` pour l'accessibilité.
+     * Le clic sur le label déclenche le toggle de la checkbox.
+     *
+     * @default ''
+     *
+     * @example
+     * ```html
+     * <primitive-checkbox label="J'accepte les conditions générales"></primitive-checkbox>
+     * ```
+     */
+    label: _angular_core.InputSignal<string>;
+    /**
+     * Identifiant unique de la checkbox pour l'accessibilité.
+     *
+     * @description
+     * Utilisé pour générer les IDs des éléments internes (label) et pour l'association
+     * ARIA. Si non fourni, un ID aléatoire est généré automatiquement.
+     *
+     * @default `checkbox-${random}`
+     *
+     * @example
+     * ```html
+     * <primitive-checkbox checkboxId="accept-terms" label="Accepter"></primitive-checkbox>
+     * ```
+     */
+    checkboxId: _angular_core.InputSignal<string>;
+    /**
+     * Événement émis lors du changement d'état de la checkbox.
+     *
+     * @description
+     * Émis uniquement si la checkbox n'est pas désactivée (`disabled = false`).
+     * Transporte la nouvelle valeur booléenne de l'état coché.
+     * Ne s'active pas lorsque l'état change via le binding `[(checked)]` depuis le parent.
+     *
+     * @example
+     * ```html
+     * <primitive-checkbox
+     *   [(checked)]="isAccepted"
+     *   (checkedChange)="onAcceptChange($event)">
+     * </primitive-checkbox>
+     * ```
+     * ```typescript
+     * onAcceptChange(checked: boolean) {
+     *   console.log('Nouvelle valeur :', checked);
+     * }
+     * ```
+     */
+    checkedChange: _angular_core.OutputEmitterRef<boolean>;
+    /**
+     * Signal interne de l'état focus de la checkbox.
+     *
+     * @description
+     * Signal utilisé en interne pour suivre l'état focus de la checkbox.
+     * Applique la classe CSS `primitive-checkbox--focused` lorsque `true`.
+     *
+     * @internal
+     */
+    protected focused: _angular_core.WritableSignal<boolean>;
+    /**
+     * Signal calculé de l'état de la checkbox.
+     *
+     * @description
+     * Calcule l'état actuel de la checkbox en fonction de `indeterminate()` et `checked()`.
+     * L'état `indeterminate` est prioritaire sur `checked`.
+     *
+     * @returns État de la checkbox : `'unchecked'`, `'checked'` ou `'indeterminate'`.
+     *
+     * @internal
+     */
+    protected checkboxState: _angular_core.Signal<CheckboxState>;
+    /**
+     * Signal calculé des classes CSS de la checkbox.
+     *
+     * @description
+     * Génère dynamiquement un objet de classes CSS en fonction des propriétés :
+     * - Classe de base : `primitive-checkbox`
+     * - Classe de taille : `primitive-checkbox--{size}`
+     * - Classe d'état coché : `primitive-checkbox--checked`
+     * - Classe d'état indéterminé : `primitive-checkbox--indeterminate`
+     * - Classe d'état désactivé : `primitive-checkbox--disabled`
+     * - Classe d'état focus : `primitive-checkbox--focused`
+     *
+     * @returns Objet de classes CSS avec valeurs booléennes.
+     *
+     * @internal
+     */
+    protected cssClasses: _angular_core.Signal<{
+        [x: string]: boolean;
+        'primitive-checkbox': boolean;
+        'primitive-checkbox--checked': boolean;
+        'primitive-checkbox--indeterminate': boolean;
+        'primitive-checkbox--disabled': boolean;
+        'primitive-checkbox--focused': boolean;
+    }>;
+    /**
+     * Gestionnaire de toggle interne.
+     *
+     * @description
+     * Méthode appelée par le template lors du clic sur la checkbox ou son label.
+     * Inverse l'état `checked` et émet l'événement `checkedChange`.
+     * Ne fait rien si la checkbox est désactivée.
+     *
+     * @internal
+     */
+    protected onToggle(): void;
+    /**
+     * Gestionnaire de l'événement focus natif.
+     *
+     * @description
+     * Méthode appelée par le template lorsque la checkbox reçoit le focus.
+     * Met à jour le signal interne `focused` à `true`.
+     *
+     * @internal
+     */
+    protected onFocus(): void;
+    /**
+     * Gestionnaire de l'événement blur natif.
+     *
+     * @description
+     * Méthode appelée par le template lorsque la checkbox perd le focus.
+     * Met à jour le signal interne `focused` à `false`.
+     *
+     * @internal
+     */
+    protected onBlur(): void;
+    /**
+     * Gestionnaire de l'événement keydown natif.
+     *
+     * @description
+     * Méthode appelée par le template lors de la pression d'une touche clavier.
+     * Déclenche le toggle sur les touches `Space` ou `Enter` et empêche le comportement
+     * par défaut (scroll de la page sur Space).
+     *
+     * @param event - Événement clavier natif.
+     *
+     * @internal
+     */
+    protected onKeyDown(event: KeyboardEvent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<PrimitiveCheckbox, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PrimitiveCheckbox, "primitive-checkbox", never, { "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "indeterminate": { "alias": "indeterminate"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "checkboxId": { "alias": "checkboxId"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; "checkedChange": "checkedChange"; }, never, never, true, never>;
+}
+
+type InputType = 'text' | 'password' | 'email' | 'number' | 'tel' | 'url' | 'search' | 'date';
+type InputState = 'default' | 'success' | 'warning' | 'error';
+type InputSize = 'sm' | 'md' | 'lg';
+type InputAppearance = 'default' | 'outline' | 'ghost';
+/**
+ * Composant input primitif sans logique métier.
+ *
+ * @description
+ * Champ de saisie atomique stylisé par CSS custom properties. Supporte plusieurs types HTML5,
+ * états visuels, tailles et apparences. Peut afficher des icônes FontAwesome avant/après le champ.
+ * Utilise `model()` pour le binding bidirectionnel de la valeur.
+ *
+ * @example
+ * ```html
+ * <primitive-input
+ *   type="text"
+ *   placeholder="Entrez votre nom"
+ *   [(value)]="username">
+ * </primitive-input>
+ * ```
+ *
+ * @example
+ * ```html
+ * <primitive-input
+ *   type="email"
+ *   state="error"
+ *   [iconStart]="faEnvelope"
+ *   placeholder="email@example.com"
+ *   (inputChanged)="onEmailChange($event)">
+ * </primitive-input>
+ * ```
+ */
+declare class PrimitiveInput {
+    /**
+     * Identifiant HTML unique du champ.
+     *
+     * @description
+     * Attribut `id` natif du champ `<input>`. Utile pour lier un `<label>` au champ.
+     *
+     * @default undefined
+     *
+     * @example
+     * ```html
+     * <label for="username-input">Nom d'utilisateur</label>
+     * <primitive-input id="username-input"></primitive-input>
+     * ```
+     */
+    id: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Nom du champ pour les formulaires HTML.
+     *
+     * @description
+     * Attribut `name` natif utilisé lors de la soumission d'un formulaire.
+     *
+     * @default undefined
+     *
+     * @example
+     * ```html
+     * <primitive-input name="email"></primitive-input>
+     * ```
+     */
+    name: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Valeur d'autocomplétion HTML5.
+     *
+     * @description
+     * Attribut `autocomplete` natif pour activer/désactiver l'autocomplétion du navigateur.
+     * Valeurs courantes : `email`, `username`, `current-password`, `new-password`, `tel`, etc.
+     *
+     * @default undefined
+     *
+     * @example
+     * ```html
+     * <primitive-input type="email" autocomplete="email"></primitive-input>
+     * ```
+     */
+    autocomplete: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Texte d'indication affiché lorsque le champ est vide.
+     *
+     * @description
+     * Attribut `placeholder` natif. Disparaît dès que l'utilisateur commence à saisir.
+     *
+     * @default ''
+     *
+     * @example
+     * ```html
+     * <primitive-input placeholder="jean.dupont@example.com"></primitive-input>
+     * ```
+     */
+    placeholder: _angular_core.InputSignal<string>;
+    /**
+     * Type HTML5 du champ de saisie.
+     *
+     * @description
+     * Détermine le type de clavier affiché sur mobile et les validations natives du navigateur.
+     *
+     * Types disponibles :
+     * - `text` : texte libre (par défaut)
+     * - `password` : masque les caractères saisis
+     * - `email` : clavier avec @ et validation email
+     * - `number` : clavier numérique
+     * - `tel` : clavier téléphonique
+     * - `url` : clavier avec .com et validation URL
+     * - `search` : champ de recherche avec icône × de nettoyage
+     * - `date` : sélecteur de date natif
+     *
+     * @default 'text'
+     *
+     * @example
+     * ```html
+     * <primitive-input type="password"></primitive-input>
+     * ```
+     */
+    type: _angular_core.InputSignal<InputType>;
+    /**
+     * État désactivé du champ.
+     *
+     * @description
+     * Lorsque `true`, le champ devient non-éditable, applique l'attribut HTML `disabled`
+     * et affiche les styles visuels d'état désactivé. Les événements ne sont pas émis.
+     *
+     * @default false
+     *
+     * @example
+     * ```html
+     * <primitive-input [disabled]="!canEdit"></primitive-input>
+     * ```
+     */
+    disabled: _angular_core.InputSignal<boolean>;
+    /**
+     * État lecture seule du champ.
+     *
+     * @description
+     * Lorsque `true`, le champ est visible et sélectionnable mais non-éditable.
+     * Applique l'attribut HTML `readonly` et la classe CSS `.readonly`.
+     *
+     * @default false
+     *
+     * @example
+     * ```html
+     * <primitive-input [readonly]="true" value="Valeur fixe"></primitive-input>
+     * ```
+     */
+    readonly: _angular_core.InputSignal<boolean>;
+    /**
+     * Champ obligatoire pour la validation HTML5.
+     *
+     * @description
+     * Lorsque `true`, applique l'attribut HTML `required`. Le navigateur empêchera
+     * la soumission du formulaire parent si le champ est vide.
+     *
+     * @default false
+     *
+     * @example
+     * ```html
+     * <primitive-input [required]="true" placeholder="Email requis"></primitive-input>
+     * ```
+     */
+    required: _angular_core.InputSignal<boolean>;
+    /**
+     * Longueur maximale autorisée en nombre de caractères.
+     *
+     * @description
+     * Attribut `maxlength` natif. Le navigateur empêche la saisie au-delà de cette limite.
+     *
+     * @default undefined
+     *
+     * @example
+     * ```html
+     * <primitive-input [maxlength]="50" placeholder="Max 50 caractères"></primitive-input>
+     * ```
+     */
+    maxlength: _angular_core.InputSignal<number | undefined>;
+    /**
+     * État visuel du champ (feedback utilisateur).
+     *
+     * @description
+     * Applique une couleur de bordure et une classe CSS selon l'état de validation ou le contexte.
+     *
+     * États disponibles :
+     * - `default` : état neutre (par défaut)
+     * - `success` : validation réussie, bordure verte
+     * - `warning` : avertissement, bordure orange
+     * - `error` : erreur de validation, bordure rouge
+     *
+     * @default 'default'
+     *
+     * @example
+     * ```html
+     * <primitive-input [state]="isValid ? 'success' : 'error'"></primitive-input>
+     * ```
+     */
+    state: _angular_core.InputSignal<InputState>;
+    /**
+     * Taille du champ.
+     *
+     * @description
+     * Contrôle la hauteur, le padding et la taille de police du champ via
+     * les tokens `--input-height-*` et `--input-font-size-*`.
+     *
+     * Tailles disponibles :
+     * - `sm` : petit (32px de hauteur)
+     * - `md` : moyen (40px de hauteur, par défaut)
+     * - `lg` : grand (48px de hauteur)
+     *
+     * @default 'md'
+     *
+     * @example
+     * ```html
+     * <primitive-input size="lg"></primitive-input>
+     * ```
+     */
+    size: _angular_core.InputSignal<InputSize>;
+    /**
+     * Apparence visuelle du champ.
+     *
+     * @description
+     * Contrôle le style de bordure et de fond du champ.
+     *
+     * Apparences disponibles :
+     * - `default` : bordure standard, fond blanc (par défaut)
+     * - `outline` : bordure fine, fond transparent
+     * - `ghost` : bordure invisible au repos, visible au focus
+     *
+     * @default 'default'
+     *
+     * @example
+     * ```html
+     * <primitive-input appearance="ghost"></primitive-input>
+     * ```
+     */
+    appearance: _angular_core.InputSignal<InputAppearance>;
+    /**
+     * Icône FontAwesome affichée avant le champ.
+     *
+     * @description
+     * Accepte une `IconDefinition` de `@fortawesome/fontawesome-svg-core`.
+     * L'icône est rendue via `<fa-icon>` avec la classe CSS `.icon-start`.
+     * Ajoute automatiquement du padding à gauche du champ.
+     *
+     * @default null
+     *
+     * @example
+     * ```typescript
+     * import { faUser } from '@fortawesome/free-solid-svg-icons';
+     * ```
+     * ```html
+     * <primitive-input [iconStart]="faUser" placeholder="Username"></primitive-input>
+     * ```
+     */
+    iconStart: _angular_core.InputSignal<IconDefinition | null>;
+    /**
+     * Icône FontAwesome affichée après le champ.
+     *
+     * @description
+     * Accepte une `IconDefinition` de `@fortawesome/fontawesome-svg-core`.
+     * L'icône est rendue via `<fa-icon>` avec la classe CSS `.icon-end`.
+     * Ajoute automatiquement du padding à droite du champ.
+     *
+     * @default null
+     *
+     * @example
+     * ```typescript
+     * import { faSearch } from '@fortawesome/free-solid-svg-icons';
+     * ```
+     * ```html
+     * <primitive-input [iconEnd]="faSearch" placeholder="Rechercher"></primitive-input>
+     * ```
+     */
+    iconEnd: _angular_core.InputSignal<IconDefinition | null>;
+    /**
+     * Label ARIA pour l'accessibilité.
+     *
+     * @description
+     * Attribut `aria-label` natif utilisé par les lecteurs d'écran lorsqu'aucun
+     * `<label>` visible n'est associé au champ.
+     *
+     * @default undefined
+     *
+     * @example
+     * ```html
+     * <primitive-input ariaLabel="Adresse email"></primitive-input>
+     * ```
+     */
+    ariaLabel: _angular_core.InputSignal<string | undefined>;
+    /**
+     * ID de l'élément décrivant le champ pour l'accessibilité.
+     *
+     * @description
+     * Attribut `aria-describedby` natif. Référence l'ID d'un élément HTML contenant
+     * une description complémentaire (message d'aide, erreur de validation, etc.).
+     *
+     * @default undefined
+     *
+     * @example
+     * ```html
+     * <primitive-input ariaDescribedBy="email-help"></primitive-input>
+     * <small id="email-help">Utilisez votre email professionnel</small>
+     * ```
+     */
+    ariaDescribedBy: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Valeur du champ avec binding bidirectionnel.
+     *
+     * @description
+     * Utilise le signal `model()` pour permettre le binding bidirectionnel via `[(value)]`.
+     * La valeur est mise à jour automatiquement lors de la saisie utilisateur.
+     *
+     * @default ''
+     *
+     * @example
+     * ```typescript
+     * username = signal('');
+     * ```
+     * ```html
+     * <primitive-input [(value)]="username"></primitive-input>
+     * <p>Bonjour {{ username() }}</p>
+     * ```
+     */
+    value: _angular_core.ModelSignal<string>;
+    /**
+     * Événement émis à chaque modification de la valeur du champ.
+     *
+     * @description
+     * Déclenché lors de l'événement HTML `input` natif (à chaque frappe clavier).
+     * Transporte la nouvelle valeur du champ sous forme de `string`.
+     *
+     * @example
+     * ```html
+     * <primitive-input (inputChanged)="onInputChange($event)"></primitive-input>
+     * ```
+     * ```typescript
+     * onInputChange(value: string) {
+     *   console.log('Nouvelle valeur :', value);
+     * }
+     * ```
+     */
+    inputChanged: _angular_core.OutputEmitterRef<string>;
+    /**
+     * Événement émis lorsque le champ perd le focus.
+     *
+     * @description
+     * Déclenché lors de l'événement HTML `blur` natif. Ne transporte aucune donnée (`void`).
+     * Utile pour déclencher des validations ou sauvegarder les données.
+     *
+     * @example
+     * ```html
+     * <primitive-input (inputBlurred)="onBlur()"></primitive-input>
+     * ```
+     */
+    inputBlurred: _angular_core.OutputEmitterRef<void>;
+    /**
+     * Événement émis lorsque le champ reçoit le focus.
+     *
+     * @description
+     * Déclenché lors de l'événement HTML `focus` natif. Ne transporte aucune donnée (`void`).
+     * Utile pour afficher des indices ou mettre en surbrillance la section.
+     *
+     * @example
+     * ```html
+     * <primitive-input (inputFocused)="onFocus()"></primitive-input>
+     * ```
+     */
+    inputFocused: _angular_core.OutputEmitterRef<void>;
+    /**
+     * Calcule dynamiquement les classes CSS du wrapper.
+     *
+     * @description
+     * Génère une chaîne de classes CSS combinant :
+     * - L'état (`default`, `success`, `warning`, `error`)
+     * - La taille (`sm`, `md`, `lg`)
+     * - L'apparence (`outline`, `ghost` si non-default)
+     * - `disabled` si le champ est désactivé
+     * - `readonly` si le champ est en lecture seule
+     * - `has-icon-start` si une icône de début est présente
+     * - `has-icon-end` si une icône de fin est présente
+     *
+     * @returns Une chaîne de classes CSS séparées par des espaces.
+     *
+     * @example
+     * ```typescript
+     * // state='error', size='lg', appearance='outline', iconStart présent
+     * // → "error lg outline has-icon-start"
+     * ```
+     */
+    get wrapperClasses(): string;
+    /**
+     * Gestionnaire de l'événement input natif.
+     *
+     * @description
+     * Méthode appelée par le template lors de la saisie utilisateur.
+     * Met à jour le signal `value` et émet l'événement `inputChanged`.
+     *
+     * @param event - Événement HTML `input` natif.
+     *
+     * @internal
+     */
+    handleInput(event: Event): void;
+    /**
+     * Gestionnaire de l'événement blur natif.
+     *
+     * @description
+     * Méthode appelée par le template lorsque le champ perd le focus.
+     * Émet l'événement `inputBlurred`.
+     *
+     * @internal
+     */
+    handleBlur(): void;
+    /**
+     * Gestionnaire de l'événement focus natif.
+     *
+     * @description
+     * Méthode appelée par le template lorsque le champ reçoit le focus.
+     * Émet l'événement `inputFocused`.
+     *
+     * @internal
+     */
+    handleFocus(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<PrimitiveInput, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PrimitiveInput, "primitive-input", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "maxlength": { "alias": "maxlength"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "iconStart": { "alias": "iconStart"; "required": false; "isSignal": true; }; "iconEnd": { "alias": "iconEnd"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "inputChanged": "inputChanged"; "inputBlurred": "inputBlurred"; "inputFocused": "inputFocused"; }, never, never, true, never>;
+}
+
+type RadioSize = 'sm' | 'md' | 'lg';
+/**
+ * Composant radio primitif sans logique métier.
+ *
+ * @description
+ * Bouton radio atomique stylisé par CSS custom properties. Respecte le comportement
+ * natif des radios : une fois sélectionné, il ne peut pas être désélectionné par clic
+ * (seul un autre radio du même groupe peut le désélectionner). Supporte plusieurs
+ * tailles et un label optionnel. Utilise `model()` pour le binding bidirectionnel.
+ *
+ * @example
+ * ```html
+ * <primitive-radio
+ *   [(checked)]="selectedOption === 'option1'"
+ *   name="options"
+ *   value="option1"
+ *   label="Option 1"
+ *   (checkedChange)="onOptionSelect('option1')">
+ * </primitive-radio>
+ * ```
+ *
+ * @example
+ * ```html
+ * <primitive-radio
+ *   [checked]="true"
+ *   [disabled]="true"
+ *   size="lg"
+ *   label="Option désactivée">
+ * </primitive-radio>
+ * ```
+ */
+declare class PrimitiveRadio {
+    /**
+     * État sélectionné du radio avec binding bidirectionnel.
+     *
+     * @description
+     * Utilise le signal `model()` pour permettre le binding bidirectionnel via `[(checked)]`.
+     * Contrairement à une checkbox, un radio sélectionné ne peut pas être désélectionné
+     * en cliquant dessus à nouveau (comportement natif HTML).
+     *
+     * @default false
+     *
+     * @example
+     * ```typescript
+     * selectedValue = signal('option1');
+     * ```
+     * ```html
+     * <primitive-radio
+     *   [(checked)]="selectedValue() === 'option1'"
+     *   value="option1">
+     * </primitive-radio>
+     * ```
+     */
+    checked: _angular_core.ModelSignal<boolean>;
+    /**
+     * État désactivé du radio.
+     *
+     * @description
+     * Lorsque `true`, le radio devient non-cliquable, applique les styles visuels
+     * d'état désactivé et définit `tabindex="-1"` et `aria-disabled="true"`.
+     * Les événements ne sont pas émis en état désactivé.
+     *
+     * @default false
+     *
+     * @example
+     * ```html
+     * <primitive-radio [disabled]="!isAvailable" label="Option indisponible"></primitive-radio>
+     * ```
+     */
+    disabled: _angular_core.InputSignal<boolean>;
+    /**
+     * Taille du radio.
+     *
+     * @description
+     * Contrôle la taille du cercle du radio et la taille de police du label via
+     * les tokens CSS custom properties.
+     *
+     * Tailles disponibles :
+     * - `sm` : petit (16px)
+     * - `md` : moyen (20px, par défaut)
+     * - `lg` : grand (24px)
+     *
+     * @default 'md'
+     *
+     * @example
+     * ```html
+     * <primitive-radio size="lg" label="Grande option"></primitive-radio>
+     * ```
+     */
+    size: _angular_core.InputSignal<RadioSize>;
+    /**
+     * Texte du label affiché à côté du radio.
+     *
+     * @description
+     * Si fourni, affiche un label cliquable associé au radio.
+     * Le label est lié au radio via `aria-labelledby` pour l'accessibilité.
+     * Le clic sur le label sélectionne le radio.
+     *
+     * @default ''
+     *
+     * @example
+     * ```html
+     * <primitive-radio label="Option A"></primitive-radio>
+     * ```
+     */
+    label: _angular_core.InputSignal<string>;
+    /**
+     * Nom du groupe de radios pour le comportement exclusif.
+     *
+     * @description
+     * Tous les radios avec le même `name` appartiennent au même groupe.
+     * Un seul radio par groupe peut être sélectionné à la fois.
+     * Important pour la gestion de l'état exclusif dans les groupes de radios.
+     *
+     * @default ''
+     *
+     * @example
+     * ```html
+     * <primitive-radio name="size" value="small" label="Petit"></primitive-radio>
+     * <primitive-radio name="size" value="medium" label="Moyen"></primitive-radio>
+     * <primitive-radio name="size" value="large" label="Grand"></primitive-radio>
+     * ```
+     */
+    name: _angular_core.InputSignal<string>;
+    /**
+     * Valeur du radio pour l'identification dans un groupe.
+     *
+     * @description
+     * Valeur unique qui identifie ce radio dans son groupe.
+     * Utilisée par le composant parent pour déterminer quelle option est sélectionnée.
+     *
+     * @default ''
+     *
+     * @example
+     * ```html
+     * <primitive-radio
+     *   name="payment"
+     *   value="card"
+     *   label="Carte bancaire"
+     *   [(checked)]="paymentMethod === 'card'">
+     * </primitive-radio>
+     * ```
+     */
+    value: _angular_core.InputSignal<string>;
+    /**
+     * Identifiant unique du radio pour l'accessibilité.
+     *
+     * @description
+     * Utilisé pour générer les IDs des éléments internes (label) et pour l'association
+     * ARIA. Si non fourni, un ID aléatoire est généré automatiquement.
+     *
+     * @default `radio-${random}`
+     *
+     * @example
+     * ```html
+     * <primitive-radio radioId="payment-card" label="Carte"></primitive-radio>
+     * ```
+     */
+    radioId: _angular_core.InputSignal<string>;
+    /**
+     * Événement émis lors de la sélection du radio.
+     *
+     * @description
+     * Émis uniquement si le radio n'est pas désactivé et n'est pas déjà sélectionné.
+     * Transporte toujours la valeur `true` car un radio ne peut que passer à l'état sélectionné.
+     * Non émis lors d'un clic sur un radio déjà sélectionné (comportement natif).
+     *
+     * @example
+     * ```html
+     * <primitive-radio
+     *   name="options"
+     *   value="option1"
+     *   (checkedChange)="onOptionSelect('option1')">
+     * </primitive-radio>
+     * ```
+     * ```typescript
+     * onOptionSelect(value: string) {
+     *   console.log('Option sélectionnée :', value);
+     * }
+     * ```
+     */
+    checkedChange: _angular_core.OutputEmitterRef<boolean>;
+    /**
+     * Signal interne de l'état focus du radio.
+     *
+     * @description
+     * Signal utilisé en interne pour suivre l'état focus du radio.
+     * Applique la classe CSS `primitive-radio--focused` lorsque `true`.
+     *
+     * @internal
+     */
+    protected focused: _angular_core.WritableSignal<boolean>;
+    /**
+     * Signal calculé des classes CSS du radio.
+     *
+     * @description
+     * Génère dynamiquement un objet de classes CSS en fonction des propriétés :
+     * - Classe de base : `primitive-radio`
+     * - Classe de taille : `primitive-radio--{size}`
+     * - Classe d'état sélectionné : `primitive-radio--checked`
+     * - Classe d'état désactivé : `primitive-radio--disabled`
+     * - Classe d'état focus : `primitive-radio--focused`
+     *
+     * @returns Objet de classes CSS avec valeurs booléennes.
+     *
+     * @internal
+     */
+    protected cssClasses: _angular_core.Signal<{
+        [x: string]: boolean;
+        'primitive-radio': boolean;
+        'primitive-radio--checked': boolean;
+        'primitive-radio--disabled': boolean;
+        'primitive-radio--focused': boolean;
+    }>;
+    /**
+     * Gestionnaire de sélection interne.
+     *
+     * @description
+     * Méthode appelée par le template lors du clic sur le radio ou son label.
+     * Ne fait rien si le radio est désactivé ou déjà sélectionné (comportement natif).
+     * Définit `checked` à `true` et émet l'événement `checkedChange`.
+     *
+     * @internal
+     */
+    protected onSelect(): void;
+    /**
+     * Gestionnaire de l'événement focus natif.
+     *
+     * @description
+     * Méthode appelée par le template lorsque le radio reçoit le focus.
+     * Met à jour le signal interne `focused` à `true`.
+     *
+     * @internal
+     */
+    protected onFocus(): void;
+    /**
+     * Gestionnaire de l'événement blur natif.
+     *
+     * @description
+     * Méthode appelée par le template lorsque le radio perd le focus.
+     * Met à jour le signal interne `focused` à `false`.
+     *
+     * @internal
+     */
+    protected onBlur(): void;
+    /**
+     * Gestionnaire de l'événement keydown natif.
+     *
+     * @description
+     * Méthode appelée par le template lors de la pression d'une touche clavier.
+     * Déclenche la sélection sur les touches `Space` ou `Enter` et empêche le
+     * comportement par défaut (scroll de la page sur Space).
+     *
+     * @param event - Événement clavier natif.
+     *
+     * @internal
+     */
+    protected onKeyDown(event: KeyboardEvent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<PrimitiveRadio, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PrimitiveRadio, "primitive-radio", never, { "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "radioId": { "alias": "radioId"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; "checkedChange": "checkedChange"; }, never, never, true, never>;
+}
+
+type TextareaState = 'default' | 'success' | 'warning' | 'error';
+type TextareaSize = 'sm' | 'md' | 'lg';
+type TextareaAppearance = 'default' | 'outline' | 'ghost';
+type TextareaResize = 'none' | 'vertical' | 'horizontal' | 'both';
+/**
+ * Composant textarea primitif sans logique métier.
+ *
+ * @description
+ * Zone de saisie multiligne atomique stylisée par CSS custom properties. Supporte plusieurs
+ * états visuels, tailles, apparences et modes de redimensionnement. Peut afficher des icônes
+ * FontAwesome avant/après le champ. Utilise `model()` pour le binding bidirectionnel de la valeur.
+ *
+ * @example
+ * ```html
+ * <primitive-textarea
+ *   placeholder="Saisissez votre commentaire"
+ *   [(value)]="comment"
+ *   [rows]="5">
+ * </primitive-textarea>
+ * ```
+ *
+ * @example
+ * ```html
+ * <primitive-textarea
+ *   state="error"
+ *   [maxlength]="500"
+ *   resize="none"
+ *   appearance="outline"
+ *   (inputChanged)="onCommentChange($event)">
+ * </primitive-textarea>
+ * ```
+ */
+declare class PrimitiveTextarea {
+    /**
+     * Identifiant HTML unique du champ.
+     *
+     * @description
+     * Attribut `id` natif du champ `<textarea>`. Utile pour lier un `<label>` au champ.
+     *
+     * @default undefined
+     *
+     * @example
+     * ```html
+     * <label for="comment-textarea">Commentaire</label>
+     * <primitive-textarea id="comment-textarea"></primitive-textarea>
+     * ```
+     */
+    id: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Nom du champ pour les formulaires HTML.
+     *
+     * @description
+     * Attribut `name` natif utilisé lors de la soumission d'un formulaire.
+     *
+     * @default undefined
+     *
+     * @example
+     * ```html
+     * <primitive-textarea name="description"></primitive-textarea>
+     * ```
+     */
+    name: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Texte d'indication affiché lorsque le champ est vide.
+     *
+     * @description
+     * Attribut `placeholder` natif. Disparaît dès que l'utilisateur commence à saisir.
+     *
+     * @default ''
+     *
+     * @example
+     * ```html
+     * <primitive-textarea placeholder="Décrivez votre problème..."></primitive-textarea>
+     * ```
+     */
+    placeholder: _angular_core.InputSignal<string>;
+    /**
+     * État désactivé du champ.
+     *
+     * @description
+     * Lorsque `true`, le champ devient non-éditable, applique l'attribut HTML `disabled`
+     * et affiche les styles visuels d'état désactivé. Les événements ne sont pas émis.
+     *
+     * @default false
+     *
+     * @example
+     * ```html
+     * <primitive-textarea [disabled]="!canEdit"></primitive-textarea>
+     * ```
+     */
+    disabled: _angular_core.InputSignal<boolean>;
+    /**
+     * État lecture seule du champ.
+     *
+     * @description
+     * Lorsque `true`, le champ est visible et sélectionnable mais non-éditable.
+     * Applique l'attribut HTML `readonly` et la classe CSS `.readonly`.
+     *
+     * @default false
+     *
+     * @example
+     * ```html
+     * <primitive-textarea [readonly]="true" value="Texte fixe"></primitive-textarea>
+     * ```
+     */
+    readonly: _angular_core.InputSignal<boolean>;
+    /**
+     * Champ obligatoire pour la validation HTML5.
+     *
+     * @description
+     * Lorsque `true`, applique l'attribut HTML `required`. Le navigateur empêchera
+     * la soumission du formulaire parent si le champ est vide.
+     *
+     * @default false
+     *
+     * @example
+     * ```html
+     * <primitive-textarea [required]="true"></primitive-textarea>
+     * ```
+     */
+    required: _angular_core.InputSignal<boolean>;
+    /**
+     * État visuel du champ (feedback utilisateur).
+     *
+     * @description
+     * Applique une couleur de bordure et une classe CSS selon l'état de validation ou le contexte.
+     *
+     * États disponibles :
+     * - `default` : état neutre (par défaut)
+     * - `success` : validation réussie, bordure verte
+     * - `warning` : avertissement, bordure orange
+     * - `error` : erreur de validation, bordure rouge
+     *
+     * @default 'default'
+     *
+     * @example
+     * ```html
+     * <primitive-textarea [state]="isValid ? 'success' : 'error'"></primitive-textarea>
+     * ```
+     */
+    state: _angular_core.InputSignal<TextareaState>;
+    /**
+     * Taille du champ.
+     *
+     * @description
+     * Contrôle le padding et la taille de police du champ via les tokens CSS custom properties.
+     *
+     * Tailles disponibles :
+     * - `sm` : petit
+     * - `md` : moyen (par défaut)
+     * - `lg` : grand
+     *
+     * @default 'md'
+     *
+     * @example
+     * ```html
+     * <primitive-textarea size="lg"></primitive-textarea>
+     * ```
+     */
+    size: _angular_core.InputSignal<TextareaSize>;
+    /**
+     * Apparence visuelle du champ.
+     *
+     * @description
+     * Contrôle le style de bordure et de fond du champ.
+     *
+     * Apparences disponibles :
+     * - `default` : bordure standard, fond blanc (par défaut)
+     * - `outline` : bordure fine, fond transparent
+     * - `ghost` : bordure invisible au repos, visible au focus
+     *
+     * @default 'default'
+     *
+     * @example
+     * ```html
+     * <primitive-textarea appearance="outline"></primitive-textarea>
+     * ```
+     */
+    appearance: _angular_core.InputSignal<TextareaAppearance>;
+    /**
+     * Mode de redimensionnement du champ.
+     *
+     * @description
+     * Contrôle la possibilité pour l'utilisateur de redimensionner le champ manuellement.
+     * Applique la propriété CSS `resize` au textarea.
+     *
+     * Modes disponibles :
+     * - `none` : pas de redimensionnement
+     * - `vertical` : redimensionnement vertical uniquement (par défaut)
+     * - `horizontal` : redimensionnement horizontal uniquement
+     * - `both` : redimensionnement dans les deux directions
+     *
+     * @default 'vertical'
+     *
+     * @example
+     * ```html
+     * <primitive-textarea resize="none"></primitive-textarea>
+     * ```
+     */
+    resize: _angular_core.InputSignal<TextareaResize>;
+    /**
+     * Nombre de lignes visibles du textarea.
+     *
+     * @description
+     * Attribut `rows` natif. Définit la hauteur initiale du champ en nombre de lignes de texte.
+     *
+     * @default undefined
+     *
+     * @example
+     * ```html
+     * <primitive-textarea [rows]="5"></primitive-textarea>
+     * ```
+     */
+    rows: _angular_core.InputSignal<number | undefined>;
+    /**
+     * Nombre de colonnes (largeur en caractères) du textarea.
+     *
+     * @description
+     * Attribut `cols` natif. Définit la largeur du champ en nombre de caractères.
+     * Rarement utilisé car la largeur est souvent contrôlée par CSS.
+     *
+     * @default undefined
+     *
+     * @example
+     * ```html
+     * <primitive-textarea [cols]="80"></primitive-textarea>
+     * ```
+     */
+    cols: _angular_core.InputSignal<number | undefined>;
+    /**
+     * Longueur maximale autorisée en nombre de caractères.
+     *
+     * @description
+     * Attribut `maxlength` natif. Le navigateur empêche la saisie au-delà de cette limite.
+     *
+     * @default undefined
+     *
+     * @example
+     * ```html
+     * <primitive-textarea [maxlength]="500"></primitive-textarea>
+     * ```
+     */
+    maxlength: _angular_core.InputSignal<number | undefined>;
+    /**
+     * Icône FontAwesome affichée avant le champ.
+     *
+     * @description
+     * Accepte une `IconDefinition` de `@fortawesome/fontawesome-svg-core`.
+     * L'icône est rendue via `<fa-icon>` avec la classe CSS `.icon-start`.
+     * Ajoute automatiquement du padding en haut à gauche du champ.
+     *
+     * @default null
+     *
+     * @example
+     * ```typescript
+     * import { faCommentDots } from '@fortawesome/free-solid-svg-icons';
+     * ```
+     * ```html
+     * <primitive-textarea [iconStart]="faCommentDots"></primitive-textarea>
+     * ```
+     */
+    iconStart: _angular_core.InputSignal<IconDefinition | null>;
+    /**
+     * Icône FontAwesome affichée après le champ.
+     *
+     * @description
+     * Accepte une `IconDefinition` de `@fortawesome/fontawesome-svg-core`.
+     * L'icône est rendue via `<fa-icon>` avec la classe CSS `.icon-end`.
+     * Ajoute automatiquement du padding en haut à droite du champ.
+     *
+     * @default null
+     *
+     * @example
+     * ```typescript
+     * import { faPen } from '@fortawesome/free-solid-svg-icons';
+     * ```
+     * ```html
+     * <primitive-textarea [iconEnd]="faPen"></primitive-textarea>
+     * ```
+     */
+    iconEnd: _angular_core.InputSignal<IconDefinition | null>;
+    /**
+     * Label ARIA pour l'accessibilité.
+     *
+     * @description
+     * Attribut `aria-label` natif utilisé par les lecteurs d'écran lorsqu'aucun
+     * `<label>` visible n'est associé au champ.
+     *
+     * @default undefined
+     *
+     * @example
+     * ```html
+     * <primitive-textarea ariaLabel="Commentaire détaillé"></primitive-textarea>
+     * ```
+     */
+    ariaLabel: _angular_core.InputSignal<string | undefined>;
+    /**
+     * ID de l'élément décrivant le champ pour l'accessibilité.
+     *
+     * @description
+     * Attribut `aria-describedby` natif. Référence l'ID d'un élément HTML contenant
+     * une description complémentaire (message d'aide, erreur de validation, etc.).
+     *
+     * @default undefined
+     *
+     * @example
+     * ```html
+     * <primitive-textarea ariaDescribedBy="comment-help"></primitive-textarea>
+     * <small id="comment-help">Maximum 500 caractères</small>
+     * ```
+     */
+    ariaDescribedBy: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Valeur du champ avec binding bidirectionnel.
+     *
+     * @description
+     * Utilise le signal `model()` pour permettre le binding bidirectionnel via `[(value)]`.
+     * La valeur est mise à jour automatiquement lors de la saisie utilisateur.
+     *
+     * @default ''
+     *
+     * @example
+     * ```typescript
+     * comment = signal('');
+     * ```
+     * ```html
+     * <primitive-textarea [(value)]="comment"></primitive-textarea>
+     * <p>Longueur : {{ comment().length }} caractères</p>
+     * ```
+     */
+    value: _angular_core.ModelSignal<string>;
+    /**
+     * Événement émis à chaque modification de la valeur du champ.
+     *
+     * @description
+     * Déclenché lors de l'événement HTML `input` natif (à chaque frappe clavier).
+     * Transporte la nouvelle valeur du champ sous forme de `string`.
+     *
+     * @example
+     * ```html
+     * <primitive-textarea (inputChanged)="onInputChange($event)"></primitive-textarea>
+     * ```
+     * ```typescript
+     * onInputChange(value: string) {
+     *   console.log('Nouvelle valeur :', value);
+     * }
+     * ```
+     */
+    inputChanged: _angular_core.OutputEmitterRef<string>;
+    /**
+     * Événement émis lorsque le champ perd le focus.
+     *
+     * @description
+     * Déclenché lors de l'événement HTML `blur` natif. Ne transporte aucune donnée (`void`).
+     * Utile pour déclencher des validations ou sauvegarder les données.
+     *
+     * @example
+     * ```html
+     * <primitive-textarea (inputBlurred)="onBlur()"></primitive-textarea>
+     * ```
+     */
+    inputBlurred: _angular_core.OutputEmitterRef<void>;
+    /**
+     * Événement émis lorsque le champ reçoit le focus.
+     *
+     * @description
+     * Déclenché lors de l'événement HTML `focus` natif. Ne transporte aucune donnée (`void`).
+     * Utile pour afficher des indices ou mettre en surbrillance la section.
+     *
+     * @example
+     * ```html
+     * <primitive-textarea (inputFocused)="onFocus()"></primitive-textarea>
+     * ```
+     */
+    inputFocused: _angular_core.OutputEmitterRef<void>;
+    /**
+     * Calcule dynamiquement les classes CSS du wrapper.
+     *
+     * @description
+     * Génère une chaîne de classes CSS combinant :
+     * - L'état (`default`, `success`, `warning`, `error`)
+     * - La taille (`sm`, `md`, `lg`)
+     * - L'apparence (`outline`, `ghost` si non-default)
+     * - `disabled` si le champ est désactivé
+     * - `readonly` si le champ est en lecture seule
+     * - `has-icon-start` si une icône de début est présente
+     * - `has-icon-end` si une icône de fin est présente
+     *
+     * @returns Une chaîne de classes CSS séparées par des espaces.
+     *
+     * @example
+     * ```typescript
+     * // state='error', size='lg', appearance='outline', iconStart présent
+     * // → "error lg outline has-icon-start"
+     * ```
+     */
+    get wrapperClasses(): string;
+    /**
+     * Gestionnaire de l'événement input natif.
+     *
+     * @description
+     * Méthode appelée par le template lors de la saisie utilisateur.
+     * Met à jour le signal `value` et émet l'événement `inputChanged`.
+     *
+     * @param event - Événement HTML `input` natif.
+     *
+     * @internal
+     */
+    handleInput(event: Event): void;
+    /**
+     * Gestionnaire de l'événement blur natif.
+     *
+     * @description
+     * Méthode appelée par le template lorsque le champ perd le focus.
+     * Émet l'événement `inputBlurred`.
+     *
+     * @internal
+     */
+    handleBlur(): void;
+    /**
+     * Gestionnaire de l'événement focus natif.
+     *
+     * @description
+     * Méthode appelée par le template lorsque le champ reçoit le focus.
+     * Émet l'événement `inputFocused`.
+     *
+     * @internal
+     */
+    handleFocus(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<PrimitiveTextarea, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PrimitiveTextarea, "primitive-textarea", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "resize": { "alias": "resize"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "cols": { "alias": "cols"; "required": false; "isSignal": true; }; "maxlength": { "alias": "maxlength"; "required": false; "isSignal": true; }; "iconStart": { "alias": "iconStart"; "required": false; "isSignal": true; }; "iconEnd": { "alias": "iconEnd"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "inputChanged": "inputChanged"; "inputBlurred": "inputBlurred"; "inputFocused": "inputFocused"; }, never, never, true, never>;
+}
+
+type ToggleSize = 'sm' | 'md' | 'lg';
+/**
+ * Composant toggle (switch) primitif sans logique métier.
+ *
+ * @description
+ * Interrupteur atomique stylisé par CSS custom properties. Représente un état binaire
+ * activé/désactivé avec une animation de transition fluide. Supporte plusieurs tailles,
+ * un label optionnel positionnable à gauche ou à droite, et utilise `model()` pour
+ * le binding bidirectionnel.
+ *
+ * @example
+ * ```html
+ * <primitive-toggle
+ *   [(checked)]="notificationsEnabled"
+ *   label="Activer les notifications">
+ * </primitive-toggle>
+ * ```
+ *
+ * @example
+ * ```html
+ * <primitive-toggle
+ *   [checked]="true"
+ *   [disabled]="false"
+ *   size="lg"
+ *   labelPosition="left"
+ *   label="Mode sombre"
+ *   (checkedChange)="onThemeChange($event)">
+ * </primitive-toggle>
+ * ```
+ */
+declare class PrimitiveToggle {
+    /**
+     * État activé du toggle avec binding bidirectionnel.
+     *
+     * @description
+     * Utilise le signal `model()` pour permettre le binding bidirectionnel via `[(checked)]`.
+     * L'état est inversé automatiquement lors du clic utilisateur.
+     * Le thumb (curseur) se déplace de gauche à droite selon l'état.
+     *
+     * @default false
+     *
+     * @example
+     * ```typescript
+     * darkModeEnabled = signal(false);
+     * ```
+     * ```html
+     * <primitive-toggle [(checked)]="darkModeEnabled" label="Mode sombre"></primitive-toggle>
+     * <p>Mode sombre : {{ darkModeEnabled() ? 'Activé' : 'Désactivé' }}</p>
+     * ```
+     */
+    checked: _angular_core.ModelSignal<boolean>;
+    /**
+     * État désactivé du toggle.
+     *
+     * @description
+     * Lorsque `true`, le toggle devient non-cliquable, applique les styles visuels
+     * d'état désactivé et définit `tabindex="-1"` et `aria-disabled="true"`.
+     * Les événements ne sont pas émis en état désactivé.
+     *
+     * @default false
+     *
+     * @example
+     * ```html
+     * <primitive-toggle [disabled]="!hasPermission" label="Option premium"></primitive-toggle>
+     * ```
+     */
+    disabled: _angular_core.InputSignal<boolean>;
+    /**
+     * Taille du toggle.
+     *
+     * @description
+     * Contrôle la hauteur du track (rail), la taille du thumb (curseur) et la taille
+     * de police du label via les tokens CSS custom properties.
+     *
+     * Tailles disponibles :
+     * - `sm` : petit (track 32px × 18px, thumb 14px)
+     * - `md` : moyen (track 44px × 24px, thumb 20px, par défaut)
+     * - `lg` : grand (track 56px × 30px, thumb 26px)
+     *
+     * @default 'md'
+     *
+     * @example
+     * ```html
+     * <primitive-toggle size="lg" label="Grande option"></primitive-toggle>
+     * ```
+     */
+    size: _angular_core.InputSignal<ToggleSize>;
+    /**
+     * Texte du label affiché à côté du toggle.
+     *
+     * @description
+     * Si fourni, affiche un label cliquable associé au toggle.
+     * Le label est lié au toggle via `aria-labelledby` pour l'accessibilité.
+     * Le clic sur le label déclenche le toggle.
+     *
+     * @default ''
+     *
+     * @example
+     * ```html
+     * <primitive-toggle label="Accepter les cookies"></primitive-toggle>
+     * ```
+     */
+    label: _angular_core.InputSignal<string>;
+    /**
+     * Position du label par rapport au switch.
+     *
+     * @description
+     * Définit si le label s'affiche à gauche ou à droite du switch visuel.
+     * Applique la classe CSS `primitive-toggle--label-{position}` si un label est présent.
+     *
+     * Positions disponibles :
+     * - `right` : label à droite du switch (par défaut)
+     * - `left` : label à gauche du switch
+     *
+     * @default 'right'
+     *
+     * @example
+     * ```html
+     * <primitive-toggle labelPosition="left" label="Notifications"></primitive-toggle>
+     * ```
+     */
+    labelPosition: _angular_core.InputSignal<"left" | "right">;
+    /**
+     * Identifiant unique du toggle pour l'accessibilité.
+     *
+     * @description
+     * Utilisé pour générer les IDs des éléments internes (label) et pour l'association
+     * ARIA. Si non fourni, un ID aléatoire est généré automatiquement.
+     *
+     * @default `toggle-${random}`
+     *
+     * @example
+     * ```html
+     * <primitive-toggle toggleId="dark-mode-switch" label="Mode sombre"></primitive-toggle>
+     * ```
+     */
+    toggleId: _angular_core.InputSignal<string>;
+    /**
+     * Événement émis lors du changement d'état du toggle.
+     *
+     * @description
+     * Émis uniquement si le toggle n'est pas désactivé (`disabled = false`).
+     * Transporte la nouvelle valeur booléenne de l'état activé.
+     * Émis à chaque toggle (activation ou désactivation).
+     *
+     * @example
+     * ```html
+     * <primitive-toggle
+     *   [(checked)]="autoSave"
+     *   (checkedChange)="onAutoSaveChange($event)">
+     * </primitive-toggle>
+     * ```
+     * ```typescript
+     * onAutoSaveChange(enabled: boolean) {
+     *   console.log('Sauvegarde automatique :', enabled ? 'activée' : 'désactivée');
+     * }
+     * ```
+     */
+    checkedChange: _angular_core.OutputEmitterRef<boolean>;
+    /**
+     * Signal interne de l'état focus du toggle.
+     *
+     * @description
+     * Signal utilisé en interne pour suivre l'état focus du switch.
+     * Applique la classe CSS `primitive-toggle--focused` lorsque `true`.
+     *
+     * @internal
+     */
+    protected focused: _angular_core.WritableSignal<boolean>;
+    /**
+     * Signal calculé des classes CSS du toggle.
+     *
+     * @description
+     * Génère dynamiquement un objet de classes CSS en fonction des propriétés :
+     * - Classe de base : `primitive-toggle`
+     * - Classe de taille : `primitive-toggle--{size}`
+     * - Classe de position du label : `primitive-toggle--label-{position}` (si label présent)
+     * - Classe d'état activé : `primitive-toggle--checked`
+     * - Classe d'état désactivé : `primitive-toggle--disabled`
+     * - Classe d'état focus : `primitive-toggle--focused`
+     *
+     * @returns Objet de classes CSS avec valeurs booléennes.
+     *
+     * @internal
+     */
+    protected cssClasses: _angular_core.Signal<{
+        [x: string]: boolean;
+        'primitive-toggle': boolean;
+        'primitive-toggle--checked': boolean;
+        'primitive-toggle--disabled': boolean;
+        'primitive-toggle--focused': boolean;
+    }>;
+    /**
+     * Gestionnaire de toggle interne.
+     *
+     * @description
+     * Méthode appelée par le template lors du clic sur le switch ou son label.
+     * Inverse l'état `checked` et émet l'événement `checkedChange`.
+     * Ne fait rien si le toggle est désactivé.
+     *
+     * @internal
+     */
+    protected onToggle(): void;
+    /**
+     * Gestionnaire de l'événement focus natif.
+     *
+     * @description
+     * Méthode appelée par le template lorsque le switch reçoit le focus.
+     * Met à jour le signal interne `focused` à `true`.
+     *
+     * @internal
+     */
+    protected onFocus(): void;
+    /**
+     * Gestionnaire de l'événement blur natif.
+     *
+     * @description
+     * Méthode appelée par le template lorsque le switch perd le focus.
+     * Met à jour le signal interne `focused` à `false`.
+     *
+     * @internal
+     */
+    protected onBlur(): void;
+    /**
+     * Gestionnaire de l'événement keydown natif.
+     *
+     * @description
+     * Méthode appelée par le template lors de la pression d'une touche clavier.
+     * Déclenche le toggle sur les touches `Space` ou `Enter` et empêche le
+     * comportement par défaut (scroll de la page sur Space).
+     *
+     * @param event - Événement clavier natif.
+     *
+     * @internal
+     */
+    protected onKeyDown(event: KeyboardEvent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<PrimitiveToggle, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PrimitiveToggle, "primitive-toggle", never, { "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "labelPosition": { "alias": "labelPosition"; "required": false; "isSignal": true; }; "toggleId": { "alias": "toggleId"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; "checkedChange": "checkedChange"; }, never, never, true, never>;
+}
+
+/**
+ * Types de feedback disponibles pour le composant Alert.
+ * - **success** : opération réussie
+ * - **warning** : attention ou avertissement
+ * - **error** : erreur ou échec
+ * - **info** : information neutre
+ */
+type AlertType = 'success' | 'warning' | 'error' | 'info';
+/**
+ * Tailles disponibles pour le composant Alert.
+ */
+type AlertSize = 'sm' | 'md' | 'lg';
+/**
+ * # DsAlert
+ *
+ * Composant de bannière de feedback permettant d'afficher des messages
+ * de succès, d'avertissement, d'erreur ou d'information.
+ *
+ * ## Usage
+ *
+ * ```html
+ * <ds-alert type="success" [closable]="true" (closed)="handleClose()">
+ *   <p>Votre opération a été effectuée avec succès !</p>
+ * </ds-alert>
+ * ```
+ *
+ * ## Accessibilité
+ *
+ * - Utilise `role="alert"` pour les messages importants
+ * - Icônes décoratives avec `aria-hidden="true"`
+ * - Bouton de fermeture avec `aria-label` explicite
+ *
+ * @component
+ */
+declare class DsAlert {
+    /**
+     * Type de feedback (success, warning, error, info).
+     * @default 'info'
+     */
+    type: _angular_core.InputSignal<AlertType>;
+    /**
+     * Taille de l'alerte (affecte le padding et la taille de l'icône).
+     * @default 'md'
+     */
+    size: _angular_core.InputSignal<AlertSize>;
+    /**
+     * Affiche une icône selon le type.
+     * @default true
+     */
+    showIcon: _angular_core.InputSignal<boolean>;
+    /**
+     * Permet de fermer l'alerte avec un bouton de fermeture.
+     * @default false
+     */
+    closable: _angular_core.InputSignal<boolean>;
+    /**
+     * Masque l'alerte (contrôle de visibilité externe).
+     * @default false
+     */
+    hidden: _angular_core.InputSignal<boolean>;
+    /**
+     * Émis lorsque l'utilisateur ferme l'alerte.
+     */
+    closed: _angular_core.OutputEmitterRef<void>;
+    /**
+     * Mapping des icônes FontAwesome par type d'alerte.
+     * Exposé en readonly pour les tests et l'introspection.
+     */
+    readonly icons: Record<AlertType, IconDefinition>;
+    protected readonly closeIcon: IconDefinition;
+    /**
+     * Classes CSS calculées pour le composant.
+     */
+    get alertClasses(): string[];
+    /**
+     * Icône à afficher selon le type.
+     */
+    get currentIcon(): IconDefinition;
+    /**
+     * Gère la fermeture de l'alerte.
+     */
+    handleClose(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DsAlert, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DsAlert, "ds-alert", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "showIcon": { "alias": "showIcon"; "required": false; "isSignal": true; }; "closable": { "alias": "closable"; "required": false; "isSignal": true; }; "hidden": { "alias": "hidden"; "required": false; "isSignal": true; }; }, { "closed": "closed"; }, never, ["*"], true, never>;
+}
+
+type DsBadgeVariantExtended = BadgeVariant | 'default' | 'accent';
+declare class DsBadge {
+    private static readonly supportedColorPattern;
+    type: _angular_core.InputSignal<DsBadgeVariantExtended>;
+    size: _angular_core.InputSignal<BadgeSize>;
+    iconStart: _angular_core.InputSignal<IconDefinition$1 | null>;
+    iconEnd: _angular_core.InputSignal<IconDefinition$1 | null>;
+    variant: _angular_core.InputSignal<"solid" | "outline">;
+    shape: _angular_core.InputSignal<"default" | "pill" | "square">;
+    color: _angular_core.InputSignal<string | undefined>;
+    get badgeVariant(): BadgeVariant;
+    get badgeShape(): BadgeShape;
+    get styleOverrides(): Record<string, string> | null;
+    private resolveCustomColor;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DsBadge, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DsBadge, "ds-badge", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "iconStart": { "alias": "iconStart"; "required": false; "isSignal": true; }; "iconEnd": { "alias": "iconEnd"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "shape": { "alias": "shape"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+interface BreadcrumbItem {
+    label: string;
+    href?: string;
+    disabled?: boolean;
+}
+declare class DsBreadcrumb {
+    items: _angular_core.InputSignal<BreadcrumbItem[]>;
+    separator: _angular_core.InputSignal<string>;
+    maxItems: _angular_core.InputSignal<number | undefined>;
+    itemClicked: _angular_core.OutputEmitterRef<BreadcrumbItem>;
+    protected get visibleItems(): BreadcrumbItem[];
+    protected onItemClick(item: BreadcrumbItem, event: Event): void;
+    protected isLastItem(index: number): boolean;
+    protected trackByIndex(index: number): number;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DsBreadcrumb, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DsBreadcrumb, "ds-breadcrumb", never, { "items": { "alias": "items"; "required": true; "isSignal": true; }; "separator": { "alias": "separator"; "required": false; "isSignal": true; }; "maxItems": { "alias": "maxItems"; "required": false; "isSignal": true; }; }, { "itemClicked": "itemClicked"; }, never, never, true, never>;
+}
+
+declare class DsButton {
+    /** Variante visuelle appliquée au bouton. */
+    variant: _angular_core.InputSignal<ButtonVariant>;
+    /** Apparence du bouton (plein ou outline). */
+    appearance: _angular_core.InputSignal<ButtonAppearance>;
+    /** Taille du bouton. */
+    size: _angular_core.InputSignal<ButtonSize>;
+    /** Définit le type submit pour les formulaires. */
+    submit: _angular_core.InputSignal<boolean>;
+    /** Désactive le bouton. */
+    disabled: _angular_core.InputSignal<boolean>;
+    /** Icône affichée à gauche du libellé. */
+    iconStart: _angular_core.InputSignal<IconDefinition | null>;
+    /** Icône affichée à droite du libellé. */
+    iconEnd: _angular_core.InputSignal<IconDefinition | null>;
+    /** Active l'état de chargement avec spinner et désactive le clic. */
+    loading: _angular_core.InputSignal<boolean>;
+    /** Étend le bouton sur toute la largeur du conteneur. */
+    block: _angular_core.InputSignal<boolean>;
+    /** Émis lorsque l'utilisateur clique sur le bouton actif. */
+    clicked: _angular_core.OutputEmitterRef<void>;
+    get buttonType(): ButtonType;
+    get isDisabled(): boolean;
+    handleClick(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DsButton, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DsButton, "ds-button", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "submit": { "alias": "submit"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "iconStart": { "alias": "iconStart"; "required": false; "isSignal": true; }; "iconEnd": { "alias": "iconEnd"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "block": { "alias": "block"; "required": false; "isSignal": true; }; }, { "clicked": "clicked"; }, never, ["*"], true, never>;
+}
+
+/**
+ * Variantes visuelles disponibles pour le composant Card.
+ * - **default** : carte simple avec bordure
+ * - **elevated** : carte avec ombre portée
+ * - **outlined** : carte avec bordure accentuée
+ */
+type CardVariant = 'default' | 'elevated' | 'outlined';
+/**
+ * Tailles disponibles pour le composant Card.
+ */
+type CardSize = 'sm' | 'md' | 'lg';
+/**
+ * # DsCard
+ *
+ * Composant container permettant de regrouper du contenu avec un en-tête,
+ * un corps et un pied de page optionnels.
+ *
+ * ## Usage
+ *
+ * ```html
+ * <ds-card variant="elevated" size="md">
+ *   <div header>Titre de la carte</div>
+ *   <div>Contenu principal</div>
+ *   <div footer>Actions ou informations complémentaires</div>
+ * </ds-card>
+ * ```
+ *
+ * ## Accessibilité
+ *
+ * - Utilise la sémantique HTML appropriée (`article`)
+ * - Structure claire avec header, body, footer
+ *
+ * @component
+ */
+declare class DsCard {
+    /**
+     * Variante visuelle de la carte.
+     * @default 'default'
+     */
+    variant: _angular_core.InputSignal<CardVariant>;
+    /**
+     * Taille de la carte (affecte le padding).
+     * @default 'md'
+     */
+    size: _angular_core.InputSignal<CardSize>;
+    /**
+     * Désactive l'interaction avec la carte (apparence désactivée).
+     * @default false
+     */
+    disabled: _angular_core.InputSignal<boolean>;
+    /**
+     * Rend la carte cliquable avec effet hover.
+     * @default false
+     */
+    clickable: _angular_core.InputSignal<boolean>;
+    /**
+     * Classes CSS calculées pour le composant.
+     */
+    get cardClasses(): string[];
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DsCard, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DsCard, "ds-card", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "clickable": { "alias": "clickable"; "required": false; "isSignal": true; }; }, {}, never, ["[header]", "*", "[footer]"], true, never>;
+}
+
+/**
+ * DS Checkbox
+ *
+ * Composant checkbox du design system avec ControlValueAccessor pour intégration formulaires réactifs.
+ * Encapsule primitive-checkbox avec gestion label, helper, error et validation visuelle.
+ *
+ * @example
+ * // Formulaire réactif
+ * <ds-checkbox
+ *   formControlName="acceptTerms"
+ *   label="J'accepte les conditions d'utilisation"
+ *   [required]="true"
+ *   helper="Vous devez accepter pour continuer"
+ * />
+ *
+ * @example
+ * // Template-driven
+ * <ds-checkbox
+ *   [(ngModel)]="isAccepted"
+ *   label="Activer les notifications"
+ * />
+ */
+declare class DsCheckbox implements ControlValueAccessor {
+    /**
+     * ID unique du checkbox (généré automatiquement)
+     */
+    id: _angular_core.InputSignal<string>;
+    /**
+     * Label affiché à côté du checkbox
+     */
+    label: _angular_core.InputSignal<string>;
+    /**
+     * Texte d'aide affiché sous le checkbox
+     */
+    helper: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Message d'erreur affiché en rouge sous le checkbox
+     */
+    error: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Indique si le champ est requis (affiche astérisque sur label)
+     */
+    required: _angular_core.InputSignal<boolean>;
+    /**
+     * État désactivé du checkbox
+     */
+    disabled: _angular_core.InputSignal<boolean>;
+    /**
+     * État indéterminé du checkbox (prioritaire sur checked)
+     */
+    indeterminate: _angular_core.InputSignal<boolean>;
+    /**
+     * Taille du checkbox (sm, md, lg)
+     */
+    size: _angular_core.InputSignal<CheckboxSize>;
+    /**
+     * Nom du contrôle (pour formulaires)
+     */
+    name: _angular_core.InputSignal<string | undefined>;
+    private readonly disabledState;
+    protected readonly internalValue: _angular_core.WritableSignal<boolean>;
+    protected readonly isDisabled: _angular_core.Signal<boolean>;
+    protected readonly errorId: _angular_core.Signal<string | undefined>;
+    protected readonly helperId: _angular_core.Signal<string | undefined>;
+    protected readonly ariaDescribedBy: _angular_core.Signal<string | undefined>;
+    protected readonly hasError: _angular_core.Signal<boolean>;
+    private onChange;
+    private onTouched;
+    writeValue(value: boolean | null): void;
+    registerOnChange(fn: (value: boolean) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    protected onCheckedChange(checked: boolean): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DsCheckbox, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DsCheckbox, "ds-checkbox", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "helper": { "alias": "helper"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "indeterminate": { "alias": "indeterminate"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * Orientations disponibles pour le composant Divider.
+ * - **horizontal** : séparateur horizontal (défaut)
+ * - **vertical** : séparateur vertical
+ */
+type DividerOrientation = 'horizontal' | 'vertical';
+/**
+ * Variantes visuelles disponibles pour le composant Divider.
+ * - **solid** : ligne continue (défaut)
+ * - **dashed** : ligne en tirets
+ * - **dotted** : ligne en pointillés
+ */
+type DividerVariant = 'solid' | 'dashed' | 'dotted';
+/**
+ * Tailles disponibles pour le composant Divider (épaisseur).
+ */
+type DividerSize = 'sm' | 'md' | 'lg';
+/**
+ * Position du label pour un divider horizontal.
+ * - **left** : label aligné à gauche
+ * - **center** : label centré (défaut)
+ * - **right** : label aligné à droite
+ */
+type DividerLabelPosition = 'left' | 'center' | 'right';
+/**
+ * # DsDivider
+ *
+ * Composant séparateur permettant de diviser visuellement le contenu.
+ * Supporte les orientations horizontales et verticales, avec un label optionnel.
+ *
+ * ## Usage
+ *
+ * ### Sans label
+ * ```html
+ * <ds-divider variant="solid" size="md"></ds-divider>
+ * ```
+ *
+ * ### Avec label
+ * ```html
+ * <ds-divider>Section suivante</ds-divider>
+ * ```
+ *
+ * ### Vertical
+ * ```html
+ * <ds-divider orientation="vertical"></ds-divider>
+ * ```
+ *
+ * ## Accessibilité
+ *
+ * - Utilise `role="separator"` pour la sémantique
+ * - Attribut `aria-orientation` pour l'orientation
+ * - Label accessible pour les lecteurs d'écran
+ *
+ * @component
+ */
+declare class DsDivider {
+    /**
+     * Orientation du séparateur.
+     * @default 'horizontal'
+     */
+    orientation: _angular_core.InputSignal<DividerOrientation>;
+    /**
+     * Variante visuelle (solid, dashed, dotted).
+     * @default 'solid'
+     */
+    variant: _angular_core.InputSignal<DividerVariant>;
+    /**
+     * Taille (épaisseur) du séparateur.
+     * @default 'md'
+     */
+    size: _angular_core.InputSignal<DividerSize>;
+    /**
+     * Position du label (uniquement pour horizontal).
+     * @default 'center'
+     */
+    labelPosition: _angular_core.InputSignal<DividerLabelPosition>;
+    /**
+     * Marge verticale/horizontale autour du divider.
+     * @default 'md'
+     */
+    spacing: _angular_core.InputSignal<"sm" | "md" | "lg" | "none">;
+    /**
+     * Classes CSS calculées pour le composant.
+     */
+    get dividerClasses(): string[];
+    /**
+     * Vérifie si le composant a du contenu projeté (label).
+     */
+    get hasLabel(): boolean;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DsDivider, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DsDivider, "ds-divider", never, { "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "labelPosition": { "alias": "labelPosition"; "required": false; "isSignal": true; }; "spacing": { "alias": "spacing"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+interface DropdownItem {
+    code: string;
+    label: string;
+    startIcon?: IconDefinition$2;
+    endIcon?: IconDefinition$2;
+    iconColor?: string;
+}
+interface DropdownItemDTO {
+    code: string;
+    label: string;
+    startIcon: string;
+    endIcon: string;
+}
+
+declare class DsDropdown implements ControlValueAccessor, AfterViewInit, OnDestroy {
+    /** Identifiant du menu déroulant pour l'accessibilité. */
+    readonly id: _angular_core.InputSignal<string>;
+    /** Variante du bouton déclencheur. */
+    readonly type: _angular_core.InputSignal<ButtonVariant>;
+    /** Apparence du bouton déclencheur (plein ou outline). */
+    readonly variant: _angular_core.InputSignal<ButtonAppearance>;
+    /** Taille du bouton déclencheur. */
+    readonly size: _angular_core.InputSignal<ButtonSize>;
+    /** Utilise le bouton comme submit dans un formulaire. */
+    readonly submit: _angular_core.InputSignal<boolean>;
+    /** Désactive l'interaction du dropdown. */
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    /** Affiche l'état de chargement et bloque l'ouverture. */
+    readonly loading: _angular_core.InputSignal<boolean>;
+    /** Étend le bouton sur toute la largeur disponible. */
+    readonly block: _angular_core.InputSignal<boolean>;
+    /** Icône affichée avant le libellé du bouton. */
+    readonly dropdownStartIcon: _angular_core.InputSignal<IconDefinition | null>;
+    /** Icône affichée après le libellé du bouton. */
+    readonly dropdownEndIcon: _angular_core.InputSignal<IconDefinition | null>;
+    /** Liste des options proposées dans le menu. */
+    readonly dropdownItems: _angular_core.InputSignal<DropdownItem[]>;
+    /** Code de l'option actuellement sélectionnée. */
+    readonly selectedItem: _angular_core.InputSignal<string | null | undefined>;
+    /** Libellé ARIA alternatif pour le bouton. */
+    readonly ariaLabel: _angular_core.InputSignal<string | null | undefined>;
+    /** Référence ARIA vers un élément existant décrivant le bouton. */
+    readonly ariaLabelledBy: _angular_core.InputSignal<string | null | undefined>;
+    /** Ferme le menu automatiquement lors de la sélection. */
+    readonly closeOnSelect: _angular_core.InputSignal<boolean>;
+    /** Classes CSS supplémentaires appliquées au panneau. */
+    readonly overlayPanelClass: _angular_core.InputSignal<string | string[] | undefined>;
+    /** Émis lorsqu'un élément est sélectionné. */
+    readonly selectedItemChanged: _angular_core.OutputEmitterRef<string>;
+    /** Émis lors de l'ouverture du menu. */
+    readonly opened: _angular_core.OutputEmitterRef<void>;
+    /** Émis lors de la fermeture du menu. */
+    readonly closed: _angular_core.OutputEmitterRef<void>;
+    triggerButton?: ElementRef<HTMLElement>;
+    menuItems?: QueryList<ElementRef<HTMLButtonElement>>;
+    private readonly internalValue;
+    private readonly disabledState;
+    private readonly menuOpen;
+    private readonly activeIndex;
+    private onChange;
+    private onTouched;
+    private menuItemsChanges?;
+    constructor();
+    readonly overlayPositions: _angular_cdk_overlay.ConnectedPosition[];
+    readonly isMenuOpen: _angular_core.Signal<boolean>;
+    readonly buttonType: _angular_core.Signal<ButtonType>;
+    readonly isDisabled: _angular_core.Signal<boolean>;
+    readonly effectiveStartIcon: _angular_core.Signal<IconDefinition | null>;
+    readonly effectiveEndIcon: _angular_core.Signal<IconDefinition | null>;
+    readonly overlayPanelClasses: _angular_core.Signal<string[]>;
+    private readonly currentValue;
+    readonly activeItem: _angular_core.Signal<DropdownItem | undefined>;
+    readonly activeDescendantId: _angular_core.Signal<string | undefined>;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    toggleMenu(): void;
+    closeMenu(refocusTrigger?: boolean): void;
+    onOverlayDetach(): void;
+    setSelectedItem(code: string): void;
+    isItemActive(code: string): boolean;
+    getSelectedItem(): DropdownItem | undefined;
+    onTriggerKeydown(event: KeyboardEvent): void;
+    onMenuKeydown(event: KeyboardEvent, _index: number): void;
+    onMenuMouseEnter(index: number): void;
+    writeValue(value: string | null): void;
+    registerOnChange(fn: (value: string | null) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    private openMenu;
+    private moveActiveIndex;
+    private setActiveIndex;
+    private commitActiveSelection;
+    private wrapIndex;
+    private focusActiveItem;
+    private focusTriggerButton;
+    private getMenuItemElement;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DsDropdown, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DsDropdown, "ds-dropdown", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "submit": { "alias": "submit"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "block": { "alias": "block"; "required": false; "isSignal": true; }; "dropdownStartIcon": { "alias": "dropdownStartIcon"; "required": false; "isSignal": true; }; "dropdownEndIcon": { "alias": "dropdownEndIcon"; "required": false; "isSignal": true; }; "dropdownItems": { "alias": "dropdownItems"; "required": false; "isSignal": true; }; "selectedItem": { "alias": "selectedItem"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; "isSignal": true; }; "closeOnSelect": { "alias": "closeOnSelect"; "required": false; "isSignal": true; }; "overlayPanelClass": { "alias": "overlayPanelClass"; "required": false; "isSignal": true; }; }, { "selectedItemChanged": "selectedItemChanged"; "opened": "opened"; "closed": "closed"; }, never, ["*"], true, never>;
+}
+
+declare class DsInputField implements ControlValueAccessor {
+    id: _angular_core.InputSignal<string>;
+    label: _angular_core.InputSignal<string | undefined>;
+    name: _angular_core.InputSignal<string | undefined>;
+    autocomplete: _angular_core.InputSignal<string | undefined>;
+    ariaLabel: _angular_core.InputSignal<string | undefined>;
+    placeholder: _angular_core.InputSignal<string>;
+    disabled: _angular_core.InputSignal<boolean>;
+    readonly: _angular_core.InputSignal<boolean>;
+    required: _angular_core.InputSignal<boolean>;
+    type: _angular_core.InputSignal<InputType>;
+    size: _angular_core.InputSignal<InputSize>;
+    state: _angular_core.InputSignal<InputState>;
+    variant: _angular_core.InputSignal<InputAppearance>;
+    iconStart: _angular_core.InputSignal<IconDefinition$1 | null>;
+    iconEnd: _angular_core.InputSignal<IconDefinition$1 | null>;
+    externalValue: _angular_core.InputSignal<string | null | undefined>;
+    error: _angular_core.InputSignal<string | undefined>;
+    helper: _angular_core.InputSignal<string | undefined>;
+    maxlength: _angular_core.InputSignal<number | undefined>;
+    clearable: _angular_core.InputSignal<boolean>;
+    togglePassword: _angular_core.InputSignal<boolean>;
+    protected readonly faEye: IconDefinition$1;
+    protected readonly faEyeSlash: IconDefinition$1;
+    protected readonly faClose: IconDefinition$1;
+    private readonly disabledState;
+    private readonly hasExternalValue;
+    readonly internalValue: _angular_core.WritableSignal<string>;
+    readonly passwordVisible: _angular_core.WritableSignal<boolean>;
+    constructor();
+    readonly isDisabled: _angular_core.Signal<boolean>;
+    readonly errorId: _angular_core.Signal<string | undefined>;
+    readonly helperId: _angular_core.Signal<string | undefined>;
+    readonly counterId: _angular_core.Signal<string | undefined>;
+    readonly ariaDescribedBy: _angular_core.Signal<string | undefined>;
+    readonly inputState: _angular_core.Signal<InputState>;
+    readonly actualType: _angular_core.Signal<InputType>;
+    readonly showClearButton: _angular_core.Signal<boolean>;
+    readonly showTogglePassword: _angular_core.Signal<boolean>;
+    readonly characterCount: _angular_core.Signal<number>;
+    private onChange;
+    private onTouched;
+    writeValue(value: string | null): void;
+    registerOnChange(fn: (value: string) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    onPrimitiveValueChange(newValue: string): void;
+    onInputBlur(): void;
+    clearValue(): void;
+    togglePasswordVisibility(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DsInputField, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DsInputField, "ds-input-field", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "iconStart": { "alias": "iconStart"; "required": false; "isSignal": true; }; "iconEnd": { "alias": "iconEnd"; "required": false; "isSignal": true; }; "externalValue": { "alias": "externalValue"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "helper": { "alias": "helper"; "required": false; "isSignal": true; }; "maxlength": { "alias": "maxlength"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "togglePassword": { "alias": "togglePassword"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class DsInputTextarea implements ControlValueAccessor, AfterViewInit, OnDestroy {
+    id: _angular_core.InputSignal<string>;
+    name: _angular_core.InputSignal<string | undefined>;
+    label: _angular_core.InputSignal<string | undefined>;
+    ariaLabel: _angular_core.InputSignal<string | undefined>;
+    placeholder: _angular_core.InputSignal<string>;
+    disabled: _angular_core.InputSignal<boolean>;
+    readonly: _angular_core.InputSignal<boolean>;
+    required: _angular_core.InputSignal<boolean>;
+    state: _angular_core.InputSignal<TextareaState>;
+    size: _angular_core.InputSignal<TextareaSize>;
+    variant: _angular_core.InputSignal<TextareaAppearance>;
+    rows: _angular_core.InputSignal<number | undefined>;
+    cols: _angular_core.InputSignal<number | undefined>;
+    resize: _angular_core.InputSignal<TextareaResize>;
+    resizeAuto: _angular_core.InputSignal<number | undefined>;
+    maxlength: _angular_core.InputSignal<number | undefined>;
+    helper: _angular_core.InputSignal<string | undefined>;
+    error: _angular_core.InputSignal<string | undefined>;
+    iconStart: _angular_core.InputSignal<IconDefinition$1 | null>;
+    iconEnd: _angular_core.InputSignal<IconDefinition$1 | null>;
+    clearable: _angular_core.InputSignal<boolean>;
+    externalValue: _angular_core.InputSignal<string | null | undefined>;
+    private readonly disabledState;
+    private readonly hasExternalValue;
+    readonly internalValue: _angular_core.WritableSignal<string>;
+    readonly valueChange: _angular_core.OutputEmitterRef<string>;
+    readonly arErrorId: _angular_core.Signal<string | undefined>;
+    readonly arHelperId: _angular_core.Signal<string | undefined>;
+    readonly arCounterId: _angular_core.Signal<string | undefined>;
+    readonly ariaDescribedBy: _angular_core.Signal<string | undefined>;
+    readonly isDisabled: _angular_core.Signal<boolean>;
+    readonly inputState: _angular_core.Signal<TextareaState>;
+    readonly showClearButton: _angular_core.Signal<boolean>;
+    readonly textareaResize: _angular_core.Signal<TextareaResize>;
+    readonly characterCount: _angular_core.Signal<number>;
+    protected readonly faClose: IconDefinition$1;
+    textareaHost?: ElementRef<HTMLElement>;
+    private resizeHandle;
+    private resizeObserver?;
+    constructor();
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    private onChange;
+    private onTouched;
+    writeValue(value: string | null): void;
+    registerOnChange(fn: (value: string) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    onPrimitiveValueChange(newValue: string): void;
+    onInputBlur(): void;
+    clearValue(): void;
+    private setupResizeObserver;
+    private scheduleAutoResize;
+    private performAutoResize;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DsInputTextarea, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DsInputTextarea, "ds-input-textarea", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "cols": { "alias": "cols"; "required": false; "isSignal": true; }; "resize": { "alias": "resize"; "required": false; "isSignal": true; }; "resizeAuto": { "alias": "resizeAuto"; "required": false; "isSignal": true; }; "maxlength": { "alias": "maxlength"; "required": false; "isSignal": true; }; "helper": { "alias": "helper"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "iconStart": { "alias": "iconStart"; "required": false; "isSignal": true; }; "iconEnd": { "alias": "iconEnd"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "externalValue": { "alias": "externalValue"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
+}
+
+declare class DsModalComponent implements AfterContentInit, AfterViewInit, OnDestroy {
+    open: _angular_core.InputSignal<boolean>;
+    title: _angular_core.InputSignal<string>;
+    closable: _angular_core.InputSignal<boolean>;
+    closeOnBackdrop: _angular_core.InputSignal<boolean>;
+    showIcon: _angular_core.InputSignal<boolean>;
+    type: _angular_core.InputSignal<"success" | "warning" | "error" | "info" | null>;
+    size: _angular_core.InputSignal<"sm" | "md" | "lg">;
+    opened: EventEmitter<void>;
+    closed: EventEmitter<void>;
+    projectedIcon: ElementRef | undefined;
+    modalContainer?: ElementRef<HTMLElement>;
+    private readonly hasProjectedIcon;
+    private readonly viewReady;
+    private focusTrap;
+    private readonly documentRef;
+    private readonly focusTrapFactory;
+    readonly modalClasses: _angular_core.Signal<string[]>;
+    closeButton?: ElementRef<HTMLElement>;
+    readonly resolvedIcon: _angular_core.Signal<IconDefinition$1 | null>;
+    readonly shouldRenderDefaultIcon: _angular_core.Signal<boolean>;
+    readonly shouldRenderOverlay: _angular_core.Signal<boolean>;
+    private readonly modalBaseId;
+    readonly modalTitleId: string;
+    readonly modalDescId: string;
+    readonly isScrolled: _angular_core.WritableSignal<boolean>;
+    constructor();
+    ngAfterContentInit(): void;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    handleEscape(event: Event): void;
+    close(): void;
+    onBackdropClick(): void;
+    onScroll(event: Event): void;
+    private attachFocusTrap;
+    private destroyFocusTrap;
+    private focusInitialElement;
+    private lockBodyScroll;
+    private unlockBodyScroll;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DsModalComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DsModalComponent, "ds-modal", never, { "open": { "alias": "open"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "closable": { "alias": "closable"; "required": false; "isSignal": true; }; "closeOnBackdrop": { "alias": "closeOnBackdrop"; "required": false; "isSignal": true; }; "showIcon": { "alias": "showIcon"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, { "opened": "opened"; "closed": "closed"; }, ["projectedIcon"], ["[icon]", "*", "[footer]"], true, never>;
+}
+
+declare class DsPopoverComponent {
+    header: _angular_core.InputSignal<string | undefined>;
+    footer: _angular_core.InputSignal<string | undefined>;
+    closeable: _angular_core.InputSignal<boolean>;
+    ariaLabel: _angular_core.InputSignal<string>;
+    close: _angular_core.OutputEmitterRef<void>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DsPopoverComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DsPopoverComponent, "ds-popover", never, { "header": { "alias": "header"; "required": false; "isSignal": true; }; "footer": { "alias": "footer"; "required": false; "isSignal": true; }; "closeable": { "alias": "closeable"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "close": "close"; }, never, ["*"], true, never>;
+}
+
+type PopoverTrigger = 'click' | 'hover';
+declare class DsPopover implements OnDestroy {
+    private elementRef;
+    private overlay;
+    private viewContainerRef;
+    dsPopover: _angular_core.InputSignal<TemplateRef<unknown>>;
+    dsPopoverTrigger: _angular_core.InputSignal<PopoverTrigger>;
+    dsPopoverCloseOnBackdrop: _angular_core.InputSignal<boolean>;
+    private overlayRef;
+    private isOpen;
+    constructor(elementRef: ElementRef, overlay: Overlay, viewContainerRef: ViewContainerRef);
+    onClick(event: Event): void;
+    onMouseEnter(): void;
+    onMouseLeave(): void;
+    onEscape(): void;
+    private toggle;
+    private open;
+    private close;
+    private createOverlay;
+    ngOnDestroy(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DsPopover, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DsPopover, "[dsPopover]", never, { "dsPopover": { "alias": "dsPopover"; "required": true; "isSignal": true; }; "dsPopoverTrigger": { "alias": "dsPopoverTrigger"; "required": false; "isSignal": true; }; "dsPopoverCloseOnBackdrop": { "alias": "dsPopoverCloseOnBackdrop"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * Variants de couleur pour la barre de progression.
+ */
+type ProgressBarVariant = 'default' | 'success' | 'warning' | 'error';
+/**
+ * Tailles disponibles pour la barre de progression.
+ */
+type ProgressBarSize = 'sm' | 'md' | 'lg';
+/**
+ * Mode de la barre de progression.
+ */
+type ProgressBarMode = 'determinate' | 'indeterminate';
+/**
+ * # DsProgressBar
+ *
+ * Composant de barre de progression pour indiquer la progression d'une tâche
+ * ou l'état de chargement d'une opération.
+ *
+ * ## Usage
+ *
+ * ```html
+ * <!-- Mode déterminé -->
+ * <ds-progress-bar
+ *   [value]="75"
+ *   variant="success"
+ *   size="md">
+ * </ds-progress-bar>
+ *
+ * <!-- Mode indéterminé -->
+ * <ds-progress-bar
+ *   mode="indeterminate"
+ *   variant="primary">
+ * </ds-progress-bar>
+ * ```
+ *
+ * ## Accessibilité
+ *
+ * - Utilise `role="progressbar"` avec `aria-valuenow`, `aria-valuemin`, `aria-valuemax`
+ * - Label accessible via `aria-label` ou contenu texte
+ *
+ * @component
+ */
+declare class DsProgressBar {
+    /**
+     * Valeur de progression (0-100).
+     * @default 0
+     */
+    value: _angular_core.InputSignal<number>;
+    /**
+     * Variant de couleur.
+     * @default 'default'
+     */
+    variant: _angular_core.InputSignal<ProgressBarVariant>;
+    /**
+     * Taille de la barre.
+     * @default 'md'
+     */
+    size: _angular_core.InputSignal<ProgressBarSize>;
+    /**
+     * Mode de progression (déterminé ou indéterminé).
+     * @default 'determinate'
+     */
+    mode: _angular_core.InputSignal<ProgressBarMode>;
+    /**
+     * Afficher le pourcentage en texte.
+     * @default false
+     */
+    showLabel: _angular_core.InputSignal<boolean>;
+    /**
+     * Label accessible pour les lecteurs d'écran.
+     */
+    ariaLabel: _angular_core.InputSignal<string>;
+    /**
+     * Valeur normalisée (0-100) (public pour tests).
+     */
+    readonly normalizedValue: _angular_core.Signal<number>;
+    /**
+     * Classes CSS calculées pour le conteneur (public pour tests).
+     */
+    readonly containerClasses: _angular_core.Signal<string[]>;
+    /**
+     * Style inline pour la progression (public pour tests).
+     */
+    readonly progressStyle: _angular_core.Signal<{
+        width?: undefined;
+    } | {
+        width: string;
+    }>;
+    /**
+     * Label ARIA dynamique (public pour tests).
+     */
+    readonly ariaLabelText: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DsProgressBar, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DsProgressBar, "ds-progress-bar", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "showLabel": { "alias": "showLabel"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * Option pour un groupe de radios
+ */
+interface RadioOption {
+    label: string;
+    value: string;
+    disabled?: boolean;
+}
+/**
+ * Layout du groupe de radios
+ */
+type RadioGroupLayout = 'vertical' | 'horizontal';
+/**
+ * DS Radio Group
+ *
+ * Composant groupe de radios du design system avec ControlValueAccessor pour formulaires réactifs.
+ * Génère des primitive-radio pour chaque option avec gestion exclusive de la sélection.
+ *
+ * @example
+ * // Formulaire réactif
+ * <ds-radio-group
+ *   formControlName="plan"
+ *   label="Choisissez votre forfait"
+ *   [options]="planOptions"
+ *   layout="vertical"
+ *   [required]="true"
+ * />
+ *
+ * @example
+ * // Template-driven
+ * <ds-radio-group
+ *   [(ngModel)]="selectedPlan"
+ *   label="Forfait"
+ *   [options]="[
+ *     { label: 'Gratuit', value: 'free' },
+ *     { label: 'Pro', value: 'pro' },
+ *     { label: 'Enterprise', value: 'enterprise' }
+ *   ]"
+ * />
+ */
+declare class DsRadioGroup implements ControlValueAccessor {
+    /**
+     * ID unique du radio group (généré automatiquement)
+     */
+    id: _angular_core.InputSignal<string>;
+    /**
+     * Label principal du groupe
+     */
+    label: _angular_core.InputSignal<string>;
+    /**
+     * Options du groupe de radios
+     */
+    options: _angular_core.InputSignal<RadioOption[]>;
+    /**
+     * Texte d'aide affiché sous le groupe
+     */
+    helper: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Message d'erreur affiché en rouge sous le groupe
+     */
+    error: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Indique si le champ est requis (affiche astérisque sur label)
+     */
+    required: _angular_core.InputSignal<boolean>;
+    /**
+     * État désactivé du groupe (désactive toutes les options)
+     */
+    disabled: _angular_core.InputSignal<boolean>;
+    /**
+     * Taille des radios (sm, md, lg)
+     */
+    size: _angular_core.InputSignal<RadioSize>;
+    /**
+     * Layout du groupe (vertical, horizontal)
+     */
+    layout: _angular_core.InputSignal<RadioGroupLayout>;
+    /**
+     * Nom du groupe (pour formulaires, généré automatiquement)
+     */
+    name: _angular_core.InputSignal<string>;
+    private readonly disabledState;
+    protected readonly internalValue: _angular_core.WritableSignal<string | null>;
+    protected readonly isDisabled: _angular_core.Signal<boolean>;
+    protected readonly errorId: _angular_core.Signal<string | undefined>;
+    protected readonly helperId: _angular_core.Signal<string | undefined>;
+    protected readonly ariaDescribedBy: _angular_core.Signal<string | undefined>;
+    protected readonly hasError: _angular_core.Signal<boolean>;
+    /**
+     * Vérifie si une option est sélectionnée
+     */
+    protected isOptionSelected(value: string): boolean;
+    /**
+     * Vérifie si une option est désactivée
+     */
+    protected isOptionDisabled(option: RadioOption): boolean;
+    private onChange;
+    private onTouched;
+    writeValue(value: string | null): void;
+    registerOnChange(fn: (value: string | null) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    protected onRadioChange(value: string): void;
+    protected trackByValue(_index: number, option: RadioOption): string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DsRadioGroup, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DsRadioGroup, "ds-radio-group", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "helper": { "alias": "helper"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "layout": { "alias": "layout"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * Variants de skeleton disponibles.
+ */
+type SkeletonVariant = 'text' | 'circle' | 'rectangle' | 'card';
+/**
+ * Tailles pour les variants circle et rectangle.
+ */
+type SkeletonSize = 'sm' | 'md' | 'lg';
+/**
+ * # DsSkeleton
+ *
+ * Composant de placeholder skeleton pour indiquer le chargement de contenu.
+ * Utilisé pour améliorer l'expérience utilisateur pendant le chargement des données.
+ *
+ * ## Usage
+ *
+ * ```html
+ * <!-- Texte skeleton -->
+ * <ds-skeleton variant="text" [lines]="3"></ds-skeleton>
+ *
+ * <!-- Avatar circle -->
+ * <ds-skeleton variant="circle" size="lg"></ds-skeleton>
+ *
+ * <!-- Image rectangle -->
+ * <ds-skeleton variant="rectangle" [width]="'300px'" [height]="'200px'"></ds-skeleton>
+ *
+ * <!-- Card skeleton -->
+ * <ds-skeleton variant="card"></ds-skeleton>
+ * ```
+ *
+ * ## Accessibilité
+ *
+ * - Utilise `aria-busy="true"` et `aria-live="polite"` pour indiquer le chargement
+ * - Label accessible via `aria-label`
+ *
+ * @component
+ */
+declare class DsSkeleton {
+    /**
+     * Type de skeleton.
+     * @default 'text'
+     */
+    variant: _angular_core.InputSignal<SkeletonVariant>;
+    /**
+     * Taille (pour circle et rectangle).
+     * @default 'md'
+     */
+    size: _angular_core.InputSignal<SkeletonSize>;
+    /**
+     * Nombre de lignes (pour text).
+     * @default 1
+     */
+    lines: _angular_core.InputSignal<number>;
+    /**
+     * Largeur personnalisée.
+     */
+    width: _angular_core.InputSignal<string>;
+    /**
+     * Hauteur personnalisée.
+     */
+    height: _angular_core.InputSignal<string>;
+    /**
+     * Désactiver l'animation pulse.
+     * @default false
+     */
+    noAnimation: _angular_core.InputSignal<boolean>;
+    /**
+     * Label accessible pour les lecteurs d'écran.
+     * @default 'Chargement en cours...'
+     */
+    ariaLabel: _angular_core.InputSignal<string>;
+    /**
+     * Classes CSS calculées pour le skeleton (public pour tests).
+     */
+    readonly skeletonClasses: _angular_core.Signal<string[]>;
+    /**
+     * Style inline personnalisé (public pour tests).
+     */
+    readonly customStyle: _angular_core.Signal<any>;
+    /**
+     * Génère un tableau pour les lignes de texte (public pour tests).
+     */
+    readonly textLines: _angular_core.Signal<number[]>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DsSkeleton, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DsSkeleton, "ds-skeleton", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "lines": { "alias": "lines"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "noAnimation": { "alias": "noAnimation"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+interface TabItem {
+    id: string;
+    label: string;
+    disabled?: boolean;
+    icon?: string;
+}
+declare class DsTabs {
+    tabs: _angular_core.InputSignal<TabItem[]>;
+    activeTabId: _angular_core.InputSignal<string | undefined>;
+    tabChanged: _angular_core.OutputEmitterRef<TabItem>;
+    protected readonly internalActiveIndex: _angular_core.WritableSignal<number>;
+    /**
+     * Index de l'onglet actif (computed signal basé sur activeTabId ou internalActiveIndex)
+     * Exposé en public pour permettre la vérification dans les tests et pour les consommateurs
+     */
+    readonly activeIndex: _angular_core.Signal<number>;
+    protected readonly activeTab: _angular_core.Signal<TabItem>;
+    protected selectTab(tab: TabItem, index: number): void;
+    protected isTabActive(index: number): boolean;
+    protected onKeydown(event: KeyboardEvent): void;
+    private findNextEnabledTab;
+    private findPreviousEnabledTab;
+    private focusTab;
+    protected trackByTabId(index: number, tab: TabItem): string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DsTabs, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DsTabs, "ds-tabs", never, { "tabs": { "alias": "tabs"; "required": true; "isSignal": true; }; "activeTabId": { "alias": "activeTabId"; "required": false; "isSignal": true; }; }, { "tabChanged": "tabChanged"; }, never, ["*"], true, never>;
+}
+
+type ToastType = 'success' | 'warning' | 'error' | 'info';
+type ToastPosition = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+interface ToastOptions {
+    message: string;
+    type?: ToastType;
+    duration?: number;
+    closable?: boolean;
+    position?: ToastPosition;
+    actionLabel?: string;
+    onAction?: () => void;
+    pauseOnHover?: boolean;
+    maxStack?: number;
+}
+interface ToastInstance {
+    id: string;
+    message: string;
+    type: ToastType;
+    duration: number;
+    closable: boolean;
+    position: ToastPosition;
+    actionLabel?: string;
+    onAction?: () => void;
+    pauseOnHover: boolean;
+}
+declare class DsToastService {
+    private readonly toastsSignal;
+    private readonly timers;
+    private readonly defaultMaxStack;
+    private readonly destroyRef;
+    constructor();
+    readonly toasts: _angular_core.Signal<ToastInstance[]>;
+    show(options: ToastOptions): string;
+    dismiss(id: string): void;
+    clear(position?: ToastPosition): void;
+    triggerAction(id: string): void;
+    private clearTimers;
+    private clearTimer;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DsToastService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<DsToastService>;
+}
+
+declare class DsToastContainerComponent {
+    private readonly toastService;
+    protected readonly positions: ToastPosition[];
+    protected readonly groupedToasts: _angular_core.Signal<Record<ToastPosition, ToastInstance[]>>;
+    dismiss(id: string): void;
+    handleAction(toast: ToastInstance): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DsToastContainerComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DsToastContainerComponent, "ds-toast-container", never, {}, {}, never, never, true, never>;
+}
+
+declare class DsToastComponent {
+    message: _angular_core.InputSignal<string>;
+    type: _angular_core.InputSignal<ToastType>;
+    duration: _angular_core.InputSignal<number>;
+    closable: _angular_core.InputSignal<boolean>;
+    position: _angular_core.InputSignal<ToastPosition>;
+    actionLabel: _angular_core.InputSignal<string | undefined>;
+    pauseOnHover: _angular_core.InputSignal<boolean>;
+    readonly closed: _angular_core.OutputEmitterRef<void>;
+    readonly action: _angular_core.OutputEmitterRef<void>;
+    private readonly destroyRef;
+    private timerHandle;
+    private readonly isPaused;
+    private readonly icons;
+    readonly currentIcon: _angular_core.Signal<IconDefinition$1>;
+    private readonly autoDismissEffect;
+    constructor();
+    close(): void;
+    onMouseEnter(): void;
+    onMouseLeave(): void;
+    handleAction(): void;
+    protected readonly faClose: IconDefinition$1;
+    private clearTimer;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DsToastComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DsToastComponent, "ds-toast", never, { "message": { "alias": "message"; "required": true; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "duration": { "alias": "duration"; "required": false; "isSignal": true; }; "closable": { "alias": "closable"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "actionLabel": { "alias": "actionLabel"; "required": false; "isSignal": true; }; "pauseOnHover": { "alias": "pauseOnHover"; "required": false; "isSignal": true; }; }, { "closed": "closed"; "action": "action"; }, never, never, true, never>;
+}
+
+/**
+ * DS Toggle (Switch)
+ *
+ * Composant toggle/switch du design system avec ControlValueAccessor pour formulaires réactifs.
+ * Encapsule primitive-toggle avec gestion label inline, helper et validation visuelle.
+ *
+ * @example
+ * // Formulaire réactif
+ * <ds-toggle
+ *   formControlName="notifications"
+ *   label="Activer les notifications"
+ *   helper="Vous recevrez des alertes email"
+ * />
+ *
+ * @example
+ * // Template-driven
+ * <ds-toggle
+ *   [(ngModel)]="notificationsEnabled"
+ *   label="Notifications"
+ *   labelPosition="left"
+ * />
+ */
+declare class DsToggle implements ControlValueAccessor {
+    /**
+     * ID unique du toggle (généré automatiquement)
+     */
+    id: _angular_core.InputSignal<string>;
+    /**
+     * Label affiché à côté du toggle
+     */
+    label: _angular_core.InputSignal<string>;
+    /**
+     * Position du label (left, right)
+     */
+    labelPosition: _angular_core.InputSignal<"left" | "right">;
+    /**
+     * Texte d'aide affiché sous le toggle
+     */
+    helper: _angular_core.InputSignal<string | undefined>;
+    /**
+     * État désactivé du toggle
+     */
+    disabled: _angular_core.InputSignal<boolean>;
+    /**
+     * Taille du toggle (sm, md, lg)
+     */
+    size: _angular_core.InputSignal<ToggleSize>;
+    /**
+     * Nom du contrôle (pour formulaires)
+     */
+    name: _angular_core.InputSignal<string | undefined>;
+    private readonly disabledState;
+    protected readonly internalValue: _angular_core.WritableSignal<boolean>;
+    protected readonly isDisabled: _angular_core.Signal<boolean>;
+    protected readonly helperId: _angular_core.Signal<string | undefined>;
+    private onChange;
+    private onTouched;
+    writeValue(value: boolean | null): void;
+    registerOnChange(fn: (value: boolean) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    protected onCheckedChange(checked: boolean): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DsToggle, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DsToggle, "ds-toggle", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "labelPosition": { "alias": "labelPosition"; "required": false; "isSignal": true; }; "helper": { "alias": "helper"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class DsTooltipComponent {
+    text: _angular_core.InputSignal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DsTooltipComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DsTooltipComponent, "ds-tooltip", never, { "text": { "alias": "text"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class DsTooltip implements OnDestroy {
+    private elementRef;
+    private overlay;
+    private viewContainerRef;
+    private injector;
+    dsTooltip: _angular_core.InputSignal<string>;
+    private overlayRef;
+    private tooltipComponentRef;
+    private hideTimeout;
+    constructor(elementRef: ElementRef, overlay: Overlay, viewContainerRef: ViewContainerRef, injector: Injector);
+    onMouseEnter(): void;
+    onMouseLeave(): void;
+    onFocus(): void;
+    onBlur(): void;
+    private show;
+    private hide;
+    private hideWithDelay;
+    private clearHideTimeout;
+    private createOverlay;
+    ngOnDestroy(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DsTooltip, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DsTooltip, "[dsTooltip]", never, { "dsTooltip": { "alias": "dsTooltip"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * Taille de l'accordion.
+ */
+type AccordionSize = 'sm' | 'md' | 'lg';
+/**
+ * Variant de style de l'accordion.
+ */
+type AccordionVariant = 'default' | 'bordered' | 'separated';
+/**
+ * Configuration d'un item d'accordion.
+ */
+interface AccordionItem {
+    id: string;
+    header: string;
+    content: string;
+    disabled?: boolean;
+}
+/**
+ * Événement émis lors du changement d'état d'un item.
+ */
+interface AccordionChangeEvent {
+    itemId: string;
+    expanded: boolean;
+    expandedItems: string[];
+}
+/**
+ * # DsAccordion
+ *
+ * Composant accordion pour afficher/masquer des sections de contenu.
+ *
+ * ## Usage
+ *
+ * ```html
+ * <ds-accordion
+ *   [items]="items"
+ *   [multiple]="false"
+ *   (itemChange)="onItemChange($event)">
+ * </ds-accordion>
+ * ```
+ *
+ * ## Accessibilité
+ *
+ * - Headers avec `role="button"` et `aria-expanded`
+ * - Contenu avec `role="region"` et `aria-labelledby`
+ * - Navigation clavier : Enter/Space pour toggle, ArrowUp/Down pour navigation
+ *
+ * @component
+ */
+declare class DsAccordion {
+    readonly faChevronDown: _fortawesome_fontawesome_common_types.IconDefinition;
+    /**
+     * Liste des items de l'accordion.
+     */
+    items: _angular_core.InputSignal<AccordionItem[]>;
+    /**
+     * Permettre l'expansion de plusieurs items simultanément.
+     * @default false
+     */
+    multiple: _angular_core.InputSignal<boolean>;
+    /**
+     * Taille du composant.
+     * @default 'md'
+     */
+    size: _angular_core.InputSignal<AccordionSize>;
+    /**
+     * Variant de style.
+     * @default 'default'
+     */
+    variant: _angular_core.InputSignal<AccordionVariant>;
+    /**
+     * IDs des items initialement ouverts.
+     * @default []
+     */
+    expandedIds: _angular_core.InputSignal<string[]>;
+    /**
+     * Désactiver tout l'accordion.
+     * @default false
+     */
+    disabled: _angular_core.InputSignal<boolean>;
+    /**
+     * Événement émis lors du changement d'état d'un item.
+     */
+    itemChange: _angular_core.OutputEmitterRef<AccordionChangeEvent>;
+    /**
+     * État interne des items ouverts.
+     */
+    private readonly _expandedIds;
+    /**
+     * Initialiser les items ouverts à partir de l'input.
+     */
+    constructor();
+    /**
+     * IDs des items actuellement ouverts.
+     */
+    readonly currentExpandedIds: _angular_core.Signal<Set<string>>;
+    /**
+     * Vérifier si un item est ouvert.
+     */
+    isExpanded(itemId: string): boolean;
+    /**
+     * Toggle un item.
+     */
+    toggleItem(item: AccordionItem): void;
+    /**
+     * Ouvrir tous les items.
+     */
+    expandAll(): void;
+    /**
+     * Fermer tous les items.
+     */
+    collapseAll(): void;
+    /**
+     * Gestion du clavier.
+     */
+    onKeydown(event: KeyboardEvent, item: AccordionItem, index: number): void;
+    /**
+     * Focus sur un item par index.
+     */
+    private focusItem;
+    /**
+     * Classes CSS du conteneur.
+     */
+    readonly containerClasses: _angular_core.Signal<string[]>;
+    /**
+     * Classes CSS pour un item.
+     */
+    getItemClasses(item: AccordionItem): string[];
+    /**
+     * ID unique pour le header.
+     */
+    getHeaderId(item: AccordionItem): string;
+    /**
+     * ID unique pour le contenu.
+     */
+    getContentId(item: AccordionItem): string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DsAccordion, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DsAccordion, "ds-accordion", never, { "items": { "alias": "items"; "required": true; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "expandedIds": { "alias": "expandedIds"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "itemChange": "itemChange"; }, never, never, true, never>;
+}
+
+/**
+ * Tailles disponibles pour la pagination.
+ */
+type PaginationSize = 'sm' | 'md' | 'lg';
+/**
+ * Options de taille de page disponibles.
+ */
+type PageSizeOption = number;
+/**
+ * Événement émis lors du changement de page.
+ */
+interface PageChangeEvent {
+    page: number;
+    pageSize: number;
+    totalItems: number;
+    totalPages: number;
+}
+/**
+ * # DsPagination
+ *
+ * Composant de pagination pour naviguer entre les pages d'un ensemble de données.
+ *
+ * ## Usage
+ *
+ * ```html
+ * <ds-pagination
+ *   [totalItems]="100"
+ *   [pageSize]="10"
+ *   [currentPage]="1"
+ *   [showFirstLast]="true"
+ *   [showPageSizeSelector]="true"
+ *   (pageChange)="onPageChange($event)">
+ * </ds-pagination>
+ * ```
+ *
+ * ## Accessibilité
+ *
+ * - Utilise `role="navigation"` avec `aria-label`
+ * - Boutons avec `aria-label` descriptifs
+ * - Page courante indiquée par `aria-current="page"`
+ * - Navigation clavier complète (Tab, Enter, Space)
+ *
+ * @component
+ */
+declare class DsPagination {
+    readonly faChevronLeft: _fortawesome_fontawesome_common_types.IconDefinition;
+    readonly faChevronRight: _fortawesome_fontawesome_common_types.IconDefinition;
+    readonly faAnglesLeft: _fortawesome_fontawesome_common_types.IconDefinition;
+    readonly faAnglesRight: _fortawesome_fontawesome_common_types.IconDefinition;
+    /**
+     * Nombre total d'éléments.
+     */
+    totalItems: _angular_core.InputSignal<number>;
+    /**
+     * Nombre d'éléments par page.
+     * @default 10
+     */
+    pageSize: _angular_core.InputSignal<number>;
+    /**
+     * Page courante (1-indexed).
+     * @default 1
+     */
+    currentPage: _angular_core.InputSignal<number>;
+    /**
+     * Taille du composant.
+     * @default 'md'
+     */
+    size: _angular_core.InputSignal<PaginationSize>;
+    /**
+     * Afficher les boutons première/dernière page.
+     * @default true
+     */
+    showFirstLast: _angular_core.InputSignal<boolean>;
+    /**
+     * Afficher le sélecteur de taille de page.
+     * @default false
+     */
+    showPageSizeSelector: _angular_core.InputSignal<boolean>;
+    /**
+     * Options de taille de page disponibles.
+     * @default [10, 25, 50, 100]
+     */
+    pageSizeOptions: _angular_core.InputSignal<number[]>;
+    /**
+     * Nombre maximum de pages affichées dans la navigation.
+     * @default 5
+     */
+    maxVisiblePages: _angular_core.InputSignal<number>;
+    /**
+     * Afficher les informations "X - Y sur Z".
+     * @default true
+     */
+    showInfo: _angular_core.InputSignal<boolean>;
+    /**
+     * Désactiver le composant.
+     * @default false
+     */
+    disabled: _angular_core.InputSignal<boolean>;
+    /**
+     * Label ARIA pour la navigation.
+     * @default 'Pagination'
+     */
+    ariaLabel: _angular_core.InputSignal<string>;
+    /**
+     * Événement émis lors du changement de page.
+     */
+    pageChange: _angular_core.OutputEmitterRef<PageChangeEvent>;
+    /**
+     * Événement émis lors du changement de taille de page.
+     */
+    pageSizeChange: _angular_core.OutputEmitterRef<number>;
+    /**
+     * Calcul du nombre total de pages.
+     */
+    readonly totalPages: _angular_core.Signal<number>;
+    /**
+     * Page courante normalisée (entre 1 et totalPages).
+     */
+    readonly normalizedCurrentPage: _angular_core.Signal<number>;
+    /**
+     * Premier élément affiché (1-indexed).
+     */
+    readonly startItem: _angular_core.Signal<number>;
+    /**
+     * Dernier élément affiché.
+     */
+    readonly endItem: _angular_core.Signal<number>;
+    /**
+     * Peut aller à la page précédente.
+     */
+    readonly canGoPrevious: _angular_core.Signal<boolean>;
+    /**
+     * Peut aller à la page suivante.
+     */
+    readonly canGoNext: _angular_core.Signal<boolean>;
+    /**
+     * Pages visibles dans la navigation.
+     */
+    readonly visiblePages: _angular_core.Signal<number[]>;
+    /**
+     * Afficher les ellipses au début.
+     */
+    readonly showStartEllipsis: _angular_core.Signal<boolean>;
+    /**
+     * Afficher les ellipses à la fin.
+     */
+    readonly showEndEllipsis: _angular_core.Signal<boolean>;
+    /**
+     * Classes CSS du conteneur.
+     */
+    readonly containerClasses: _angular_core.Signal<string[]>;
+    /**
+     * Aller à une page spécifique.
+     */
+    goToPage(page: number): void;
+    /**
+     * Aller à la première page.
+     */
+    goToFirst(): void;
+    /**
+     * Aller à la dernière page.
+     */
+    goToLast(): void;
+    /**
+     * Aller à la page précédente.
+     */
+    goToPrevious(): void;
+    /**
+     * Aller à la page suivante.
+     */
+    goToNext(): void;
+    /**
+     * Changer la taille de page.
+     */
+    onPageSizeChange(event: Event): void;
+    /**
+     * Émettre l'événement de changement de page.
+     */
+    private emitPageChange;
+    /**
+     * Gestion du clavier sur les boutons de page.
+     */
+    onPageKeydown(event: KeyboardEvent, page: number): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DsPagination, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DsPagination, "ds-pagination", never, { "totalItems": { "alias": "totalItems"; "required": true; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "currentPage": { "alias": "currentPage"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "showFirstLast": { "alias": "showFirstLast"; "required": false; "isSignal": true; }; "showPageSizeSelector": { "alias": "showPageSizeSelector"; "required": false; "isSignal": true; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; "isSignal": true; }; "maxVisiblePages": { "alias": "maxVisiblePages"; "required": false; "isSignal": true; }; "showInfo": { "alias": "showInfo"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "pageChange": "pageChange"; "pageSizeChange": "pageSizeChange"; }, never, never, true, never>;
+}
+
+/**
+ * Orientation du stepper.
+ */
+type StepperOrientation = 'horizontal' | 'vertical';
+/**
+ * État d'une étape.
+ */
+type StepState = 'pending' | 'active' | 'completed' | 'error';
+/**
+ * Taille du stepper.
+ */
+type StepperSize = 'sm' | 'md' | 'lg';
+/**
+ * Configuration d'une étape.
+ */
+interface Step {
+    label: string;
+    description?: string;
+    state?: StepState;
+    disabled?: boolean;
+    optional?: boolean;
+}
+/**
+ * Événement émis lors du changement d'étape.
+ */
+interface StepChangeEvent {
+    previousIndex: number;
+    currentIndex: number;
+    step: Step;
+}
+/**
+ * # DsStepper
+ *
+ * Composant de stepper pour guider l'utilisateur à travers un processus multi-étapes.
+ *
+ * ## Usage
+ *
+ * ```html
+ * <ds-stepper
+ *   [steps]="steps"
+ *   [activeStep]="0"
+ *   [orientation]="'horizontal'"
+ *   (stepChange)="onStepChange($event)">
+ * </ds-stepper>
+ * ```
+ *
+ * ## Accessibilité
+ *
+ * - Utilise `role="tablist"` avec `aria-orientation`
+ * - Chaque étape utilise `role="tab"` avec `aria-selected`
+ * - Navigation clavier : ArrowLeft/Right (horizontal), ArrowUp/Down (vertical)
+ * - Indicateurs d'état visuels et sémantiques
+ *
+ * @component
+ */
+declare class DsStepper {
+    readonly faCheck: _fortawesome_fontawesome_common_types.IconDefinition;
+    readonly faExclamationTriangle: _fortawesome_fontawesome_common_types.IconDefinition;
+    /**
+     * Liste des étapes.
+     */
+    steps: _angular_core.InputSignal<Step[]>;
+    /**
+     * Index de l'étape active (0-indexed).
+     * @default 0
+     */
+    activeStep: _angular_core.InputSignal<number>;
+    /**
+     * Orientation du stepper.
+     * @default 'horizontal'
+     */
+    orientation: _angular_core.InputSignal<StepperOrientation>;
+    /**
+     * Taille du stepper.
+     * @default 'md'
+     */
+    size: _angular_core.InputSignal<StepperSize>;
+    /**
+     * Permettre la navigation en cliquant sur les étapes.
+     * @default true
+     */
+    clickable: _angular_core.InputSignal<boolean>;
+    /**
+     * Navigation linéaire (doit compléter chaque étape dans l'ordre).
+     * @default false
+     */
+    linear: _angular_core.InputSignal<boolean>;
+    /**
+     * Afficher les descriptions.
+     * @default true
+     */
+    showDescriptions: _angular_core.InputSignal<boolean>;
+    /**
+     * Afficher le connecteur entre les étapes.
+     * @default true
+     */
+    showConnector: _angular_core.InputSignal<boolean>;
+    /**
+     * Événement émis lors du changement d'étape.
+     */
+    stepChange: _angular_core.OutputEmitterRef<StepChangeEvent>;
+    /**
+     * Index actif normalisé.
+     */
+    readonly normalizedActiveStep: _angular_core.Signal<number>;
+    /**
+     * Classes CSS du conteneur.
+     */
+    readonly containerClasses: _angular_core.Signal<string[]>;
+    /**
+     * Obtenir l'état d'une étape.
+     */
+    getStepState(step: Step, index: number): StepState;
+    /**
+     * Vérifie si une étape est navigable.
+     */
+    isStepClickable(step: Step, index: number): boolean;
+    /**
+     * Naviguer vers une étape.
+     */
+    goToStep(index: number): void;
+    /**
+     * Aller à l'étape suivante.
+     */
+    next(): void;
+    /**
+     * Aller à l'étape précédente.
+     */
+    previous(): void;
+    /**
+     * Gestion du clavier.
+     */
+    onKeydown(event: KeyboardEvent, index: number): void;
+    /**
+     * Classes CSS pour une étape.
+     */
+    getStepClasses(step: Step, index: number): string[];
+    /**
+     * Label ARIA pour une étape.
+     */
+    getStepAriaLabel(step: Step, index: number): string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DsStepper, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DsStepper, "ds-stepper", never, { "steps": { "alias": "steps"; "required": true; "isSignal": true; }; "activeStep": { "alias": "activeStep"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "clickable": { "alias": "clickable"; "required": false; "isSignal": true; }; "linear": { "alias": "linear"; "required": false; "isSignal": true; }; "showDescriptions": { "alias": "showDescriptions"; "required": false; "isSignal": true; }; "showConnector": { "alias": "showConnector"; "required": false; "isSignal": true; }; }, { "stepChange": "stepChange"; }, never, never, true, never>;
+}
+
+interface DsSelectOption {
+    value: string | number;
+    label: string;
+    disabled?: boolean;
+}
+type DsSelectSize = 'sm' | 'md' | 'lg';
+declare class DsSelect implements ControlValueAccessor {
+    readonly options: _angular_core.InputSignal<DsSelectOption[]>;
+    readonly placeholder: _angular_core.InputSignal<string>;
+    readonly size: _angular_core.InputSignal<DsSelectSize>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly error: _angular_core.InputSignal<string>;
+    readonly helper: _angular_core.InputSignal<string>;
+    readonly label: _angular_core.InputSignal<string>;
+    readonly name: _angular_core.InputSignal<string>;
+    readonly required: _angular_core.InputSignal<boolean>;
+    readonly clearable: _angular_core.InputSignal<boolean>;
+    readonly searchable: _angular_core.InputSignal<boolean>;
+    readonly selectionChange: _angular_core.OutputEmitterRef<DsSelectOption | null>;
+    readonly opened: _angular_core.OutputEmitterRef<void>;
+    readonly closed: _angular_core.OutputEmitterRef<void>;
+    protected readonly isOpen: _angular_core.WritableSignal<boolean>;
+    protected readonly searchQuery: _angular_core.WritableSignal<string>;
+    protected readonly focusedIndex: _angular_core.WritableSignal<number>;
+    private readonly internalValue;
+    private readonly cvaDisabled;
+    selectTrigger: ElementRef<HTMLButtonElement>;
+    searchInput: ElementRef<HTMLInputElement>;
+    listbox: ElementRef<HTMLUListElement>;
+    private onChange;
+    private onTouched;
+    protected readonly isDisabled: _angular_core.Signal<boolean>;
+    protected readonly selectedOption: _angular_core.Signal<DsSelectOption | null>;
+    protected readonly displayValue: _angular_core.Signal<string>;
+    protected readonly filteredOptions: _angular_core.Signal<DsSelectOption[]>;
+    protected readonly containerClasses: _angular_core.Signal<{
+        [x: string]: boolean;
+        'ds-select': boolean;
+        'ds-select--open': boolean;
+        'ds-select--disabled': boolean;
+        'ds-select--error': boolean;
+    }>;
+    protected readonly triggerClasses: _angular_core.Signal<{
+        'ds-select__trigger': boolean;
+        'ds-select__trigger--placeholder': boolean;
+    }>;
+    writeValue(value: string | number | null): void;
+    registerOnChange(fn: (value: string | number | null) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    toggle(): void;
+    open(): void;
+    close(): void;
+    selectOption(option: DsSelectOption): void;
+    clear(event: Event): void;
+    onSearchInput(event: Event): void;
+    onKeyDown(event: KeyboardEvent): void;
+    onDocumentClick(event: Event): void;
+    private moveFocus;
+    private getSelectedIndex;
+    protected isOptionFocused(index: number): boolean;
+    protected isOptionSelected(option: DsSelectOption): boolean;
+    protected getOptionId(index: number): string;
+    protected readonly listboxId: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DsSelect, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DsSelect, "ds-select", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "helper": { "alias": "helper"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "searchable": { "alias": "searchable"; "required": false; "isSignal": true; }; }, { "selectionChange": "selectionChange"; "opened": "opened"; "closed": "closed"; }, never, never, true, never>;
+}
+
+interface DsTableColumn<T = Record<string, unknown>> {
+    key: keyof T | string;
+    label: string;
+    sortable?: boolean;
+    filterable?: boolean;
+    width?: string;
+    align?: 'left' | 'center' | 'right';
+    cellClass?: string;
+    headerClass?: string;
+    format?: (value: unknown, row: T) => string;
+}
+type DsTableSize = 'sm' | 'md' | 'lg';
+type DsTableVariant = 'default' | 'striped' | 'bordered';
+type SortDirection = 'asc' | 'desc' | null;
+interface SortEvent {
+    column: string;
+    direction: SortDirection;
+}
+interface TableState {
+    sortColumn: string | null;
+    sortDirection: SortDirection;
+    filters: Record<string, string>;
+}
+declare class DsTable<T extends Record<string, unknown> = Record<string, unknown>> {
+    readonly data: _angular_core.InputSignal<T[]>;
+    readonly columns: _angular_core.InputSignal<DsTableColumn<T>[]>;
+    readonly size: _angular_core.InputSignal<DsTableSize>;
+    readonly variant: _angular_core.InputSignal<DsTableVariant>;
+    readonly selectable: _angular_core.InputSignal<boolean>;
+    readonly hoverable: _angular_core.InputSignal<boolean>;
+    readonly loading: _angular_core.InputSignal<boolean>;
+    readonly emptyText: _angular_core.InputSignal<string>;
+    readonly showHeader: _angular_core.InputSignal<boolean>;
+    readonly stickyHeader: _angular_core.InputSignal<boolean>;
+    readonly trackBy: _angular_core.InputSignal<TrackByFunction<T>>;
+    readonly sortChange: _angular_core.OutputEmitterRef<SortEvent>;
+    readonly rowClick: _angular_core.OutputEmitterRef<{
+        row: T;
+        index: number;
+    }>;
+    readonly selectionChange: _angular_core.OutputEmitterRef<T[]>;
+    protected readonly sortColumn: _angular_core.WritableSignal<string | null>;
+    protected readonly sortDirection: _angular_core.WritableSignal<SortDirection>;
+    protected readonly selectedRows: _angular_core.WritableSignal<Set<number>>;
+    protected readonly filters: _angular_core.WritableSignal<Record<string, string>>;
+    protected readonly containerClasses: _angular_core.Signal<{
+        [x: string]: boolean;
+        'ds-table': boolean;
+        'ds-table--selectable': boolean;
+        'ds-table--hoverable': boolean;
+        'ds-table--loading': boolean;
+        'ds-table--sticky-header': boolean;
+    }>;
+    protected readonly processedData: _angular_core.Signal<T[]>;
+    protected readonly isAllSelected: _angular_core.Signal<boolean>;
+    protected readonly isPartiallySelected: _angular_core.Signal<boolean>;
+    getCellValue(row: T, key: string): unknown;
+    formatCellValue(row: T, column: DsTableColumn<T>): string;
+    onSort(column: DsTableColumn<T>): void;
+    onRowClick(row: T, index: number): void;
+    toggleRowSelection(index: number, event: Event): void;
+    toggleAllSelection(event: Event): void;
+    isRowSelected(index: number): boolean;
+    setFilter(column: string, value: string): void;
+    clearFilters(): void;
+    getSelectedRows(): T[];
+    getSortIcon(column: DsTableColumn<T>): string;
+    getColumnStyle(column: DsTableColumn<T>): Record<string, string>;
+    private emitSelectionChange;
+    trackByFn: TrackByFunction<T>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DsTable<any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DsTable<any>, "ds-table", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "selectable": { "alias": "selectable"; "required": false; "isSignal": true; }; "hoverable": { "alias": "hoverable"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "emptyText": { "alias": "emptyText"; "required": false; "isSignal": true; }; "showHeader": { "alias": "showHeader"; "required": false; "isSignal": true; }; "stickyHeader": { "alias": "stickyHeader"; "required": false; "isSignal": true; }; "trackBy": { "alias": "trackBy"; "required": false; "isSignal": true; }; }, { "sortChange": "sortChange"; "rowClick": "rowClick"; "selectionChange": "selectionChange"; }, never, never, true, never>;
+}
+
+interface DsComboboxOption {
+    value: string | number;
+    label: string;
+    disabled?: boolean;
+    description?: string;
+}
+type DsComboboxSize = 'sm' | 'md' | 'lg';
+declare class DsCombobox implements ControlValueAccessor {
+    readonly options: _angular_core.InputSignal<DsComboboxOption[]>;
+    readonly placeholder: _angular_core.InputSignal<string>;
+    readonly size: _angular_core.InputSignal<DsComboboxSize>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly error: _angular_core.InputSignal<string>;
+    readonly helper: _angular_core.InputSignal<string>;
+    readonly label: _angular_core.InputSignal<string>;
+    readonly name: _angular_core.InputSignal<string>;
+    readonly required: _angular_core.InputSignal<boolean>;
+    readonly clearable: _angular_core.InputSignal<boolean>;
+    readonly allowCustom: _angular_core.InputSignal<boolean>;
+    readonly minChars: _angular_core.InputSignal<number>;
+    readonly maxResults: _angular_core.InputSignal<number>;
+    readonly noResultsText: _angular_core.InputSignal<string>;
+    readonly loadingText: _angular_core.InputSignal<string>;
+    readonly loading: _angular_core.InputSignal<boolean>;
+    readonly selectionChange: _angular_core.OutputEmitterRef<DsComboboxOption | null>;
+    readonly inputChange: _angular_core.OutputEmitterRef<string>;
+    readonly opened: _angular_core.OutputEmitterRef<void>;
+    readonly closed: _angular_core.OutputEmitterRef<void>;
+    protected readonly isOpen: _angular_core.WritableSignal<boolean>;
+    protected readonly inputValue: _angular_core.WritableSignal<string>;
+    protected readonly focusedIndex: _angular_core.WritableSignal<number>;
+    private readonly internalValue;
+    private readonly cvaDisabled;
+    inputElement: ElementRef<HTMLInputElement>;
+    listbox: ElementRef<HTMLUListElement>;
+    private onChange;
+    private onTouched;
+    protected readonly isDisabled: _angular_core.Signal<boolean>;
+    protected readonly selectedOption: _angular_core.Signal<DsComboboxOption | null>;
+    protected readonly filteredOptions: _angular_core.Signal<DsComboboxOption[]>;
+    protected readonly shouldShowDropdown: _angular_core.Signal<boolean>;
+    protected readonly containerClasses: _angular_core.Signal<{
+        [x: string]: boolean;
+        'ds-combobox': boolean;
+        'ds-combobox--open': boolean;
+        'ds-combobox--disabled': boolean;
+        'ds-combobox--error': boolean;
+    }>;
+    protected readonly inputClasses: _angular_core.Signal<{
+        'ds-combobox__input': boolean;
+        'ds-combobox__input--has-value': boolean;
+    }>;
+    writeValue(value: string | number | null): void;
+    registerOnChange(fn: (value: string | number | null) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    onInputFocus(): void;
+    onInputBlur(): void;
+    onInput(event: Event): void;
+    open(): void;
+    close(): void;
+    selectOption(option: DsComboboxOption): void;
+    clear(event: Event): void;
+    onKeyDown(event: KeyboardEvent): void;
+    private moveFocus;
+    protected isOptionFocused(index: number): boolean;
+    protected isOptionSelected(option: DsComboboxOption): boolean;
+    protected getOptionId(index: number): string;
+    protected readonly listboxId: _angular_core.Signal<string>;
+    protected readonly inputId: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DsCombobox, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DsCombobox, "ds-combobox", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "helper": { "alias": "helper"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "allowCustom": { "alias": "allowCustom"; "required": false; "isSignal": true; }; "minChars": { "alias": "minChars"; "required": false; "isSignal": true; }; "maxResults": { "alias": "maxResults"; "required": false; "isSignal": true; }; "noResultsText": { "alias": "noResultsText"; "required": false; "isSignal": true; }; "loadingText": { "alias": "loadingText"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; }, { "selectionChange": "selectionChange"; "inputChange": "inputChange"; "opened": "opened"; "closed": "closed"; }, never, never, true, never>;
+}
+
+type ContainerMaxWidth = 'fluid' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
+type ContainerGutter = 'none' | 'sm' | 'md' | 'lg';
+/**
+ * DsContainer - Composant de layout responsive
+ *
+ * @description
+ * Conteneur responsive avec max-width configurable, centrage automatique
+ * et gutters (padding horizontal) adaptatifs.
+ *
+ * @example
+ * ```html
+ * <ds-container maxWidth="lg" gutter="md">
+ *   <p>Contenu centré avec max-width 960px</p>
+ * </ds-container>
+ * ```
+ */
+declare class DsContainer {
+    /**
+     * Largeur maximale du conteneur
+     * - fluid: 100% (pas de max-width)
+     * - sm: 540px
+     * - md: 720px
+     * - lg: 960px
+     * - xl: 1140px
+     * - 2xl: 1320px
+     */
+    readonly maxWidth: _angular_core.InputSignal<ContainerMaxWidth>;
+    /**
+     * Centrer le conteneur horizontalement
+     */
+    readonly center: _angular_core.InputSignal<boolean>;
+    /**
+     * Padding horizontal (gutter)
+     * - none: 0
+     * - sm: 16px
+     * - md: 24px
+     * - lg: 32px
+     */
+    readonly gutter: _angular_core.InputSignal<ContainerGutter>;
+    /**
+     * Padding vertical
+     * - none: 0
+     * - sm: 16px
+     * - md: 24px
+     * - lg: 32px
+     */
+    readonly paddingY: _angular_core.InputSignal<ContainerGutter>;
+    /**
+     * Classe CSS additionnelle
+     */
+    readonly customClass: _angular_core.InputSignal<string>;
+    readonly containerClasses: _angular_core.Signal<string>;
+    readonly containerStyle: _angular_core.Signal<{
+        '--container-max-width': string;
+    }>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DsContainer, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DsContainer, "ds-container", never, { "maxWidth": { "alias": "maxWidth"; "required": false; "isSignal": true; }; "center": { "alias": "center"; "required": false; "isSignal": true; }; "gutter": { "alias": "gutter"; "required": false; "isSignal": true; }; "paddingY": { "alias": "paddingY"; "required": false; "isSignal": true; }; "customClass": { "alias": "customClass"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+type SearchInputSize = 'sm' | 'md' | 'lg';
+/**
+ * DsSearchInput - Composant de recherche avec debounce
+ *
+ * @description
+ * Input de recherche avec icône, bouton clear, debounce configurable
+ * et intégration formulaires via ControlValueAccessor.
+ *
+ * @example
+ * ```html
+ * <ds-search-input
+ *   placeholder="Rechercher..."
+ *   [debounceTime]="300"
+ *   (search)="onSearch($event)">
+ * </ds-search-input>
+ * ```
+ */
+declare class DsSearchInput implements ControlValueAccessor, OnDestroy {
+    /** Taille du composant */
+    readonly size: _angular_core.InputSignal<SearchInputSize>;
+    /** Placeholder du champ */
+    readonly placeholder: _angular_core.InputSignal<string>;
+    /** Délai de debounce en ms */
+    readonly debounceMs: _angular_core.InputSignal<number>;
+    /** État désactivé */
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    /** État de chargement */
+    readonly loading: _angular_core.InputSignal<boolean>;
+    /** Afficher le bouton clear */
+    readonly clearable: _angular_core.InputSignal<boolean>;
+    /** Caractères minimum avant recherche */
+    readonly minChars: _angular_core.InputSignal<number>;
+    /** Label du bouton clear */
+    readonly clearLabel: _angular_core.InputSignal<string>;
+    /** Label ARIA */
+    readonly ariaLabel: _angular_core.InputSignal<string>;
+    /** ID de l'élément décrit par ce champ */
+    readonly ariaDescribedBy: _angular_core.InputSignal<string>;
+    /** Événement de recherche (après debounce) */
+    readonly search: _angular_core.OutputEmitterRef<string>;
+    /** Événement de recherche immédiate (touche Entrée) */
+    readonly searchImmediate: _angular_core.OutputEmitterRef<string>;
+    /** Événement d'effacement */
+    readonly cleared: _angular_core.OutputEmitterRef<void>;
+    /** Référence à l'input */
+    private readonly inputRef;
+    /** Icônes */
+    readonly searchIcon: _fortawesome_fontawesome_common_types.IconDefinition;
+    readonly clearIcon: _fortawesome_fontawesome_common_types.IconDefinition;
+    readonly spinnerIcon: _fortawesome_fontawesome_common_types.IconDefinition;
+    /** Valeur interne (signal pour réactivité) */
+    readonly internalValue: _angular_core.WritableSignal<string>;
+    /** Subject pour debounce */
+    private readonly searchSubject;
+    private readonly destroy$;
+    /** Callbacks CVA */
+    private onChange;
+    private onTouched;
+    readonly containerClasses: _angular_core.Signal<string>;
+    readonly showClearButton: _angular_core.Signal<boolean>;
+    constructor();
+    ngOnDestroy(): void;
+    onInputChange(value: string): void;
+    onClear(): void;
+    onEnter(): void;
+    /** Focus sur l'input */
+    focus(): void;
+    /** Sélectionner tout le texte */
+    selectAll(): void;
+    writeValue(value: string): void;
+    registerOnChange(fn: (value: string) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DsSearchInput, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DsSearchInput, "ds-search-input", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "debounceMs": { "alias": "debounceMs"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "minChars": { "alias": "minChars"; "required": false; "isSignal": true; }; "clearLabel": { "alias": "clearLabel"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; "isSignal": true; }; }, { "search": "search"; "searchImmediate": "searchImmediate"; "cleared": "cleared"; }, never, never, true, never>;
+}
+
+type DatePickerSize = 'sm' | 'md' | 'lg';
+type DatePickerMode = 'single' | 'range';
+interface DateRange {
+    start: Date | null;
+    end: Date | null;
+}
+/**
+ * DsDatePicker - Composant de sélection de date
+ *
+ * @description
+ * Calendrier avec navigation mensuelle, sélection simple ou range,
+ * et intégration formulaires via ControlValueAccessor.
+ *
+ * @example
+ * ```html
+ * <ds-date-picker
+ *   [mode]="'single'"
+ *   (dateChange)="onDateChange($event)">
+ * </ds-date-picker>
+ * ```
+ */
+declare class DsDatePicker implements ControlValueAccessor, OnInit {
+    /** Taille du composant */
+    readonly size: _angular_core.InputSignal<DatePickerSize>;
+    /** Mode de sélection */
+    readonly mode: _angular_core.InputSignal<DatePickerMode>;
+    /** État désactivé */
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    /** Date minimum sélectionnable */
+    readonly minDate: _angular_core.InputSignal<Date | null>;
+    /** Date maximum sélectionnable */
+    readonly maxDate: _angular_core.InputSignal<Date | null>;
+    /** Afficher le bouton "Aujourd'hui" */
+    readonly showTodayButton: _angular_core.InputSignal<boolean>;
+    /** Afficher le bouton "Effacer" */
+    readonly showClearButton: _angular_core.InputSignal<boolean>;
+    /** Label du bouton "Aujourd'hui" */
+    readonly todayLabel: _angular_core.InputSignal<string>;
+    /** Label du bouton "Effacer" */
+    readonly clearLabel: _angular_core.InputSignal<string>;
+    /** Label bouton mois précédent */
+    readonly prevMonthLabel: _angular_core.InputSignal<string>;
+    /** Label bouton mois suivant */
+    readonly nextMonthLabel: _angular_core.InputSignal<string>;
+    /** Événement de changement de date (mode single) */
+    readonly dateChange: _angular_core.OutputEmitterRef<Date | null>;
+    /** Événement de changement de range */
+    readonly rangeChange: _angular_core.OutputEmitterRef<DateRange>;
+    /** Icônes */
+    readonly prevIcon: _fortawesome_fontawesome_common_types.IconDefinition;
+    readonly nextIcon: _fortawesome_fontawesome_common_types.IconDefinition;
+    readonly calendarIcon: _fortawesome_fontawesome_common_types.IconDefinition;
+    /** Jours de la semaine */
+    readonly weekDays: string[];
+    /** Noms des mois */
+    readonly monthNames: string[];
+    /** État interne */
+    readonly currentMonth: _angular_core.WritableSignal<number>;
+    readonly currentYear: _angular_core.WritableSignal<number>;
+    readonly selectedDate: _angular_core.WritableSignal<Date | null>;
+    readonly rangeStart: _angular_core.WritableSignal<Date | null>;
+    readonly rangeEnd: _angular_core.WritableSignal<Date | null>;
+    readonly showMonthPicker: _angular_core.WritableSignal<boolean>;
+    readonly showYearPicker: _angular_core.WritableSignal<boolean>;
+    /** Callbacks CVA */
+    private onChange;
+    private onTouched;
+    readonly containerClasses: _angular_core.Signal<string>;
+    readonly currentMonthName: _angular_core.Signal<string>;
+    readonly calendarLabel: _angular_core.Signal<string>;
+    readonly yearRange: _angular_core.Signal<number[]>;
+    readonly calendarWeeks: _angular_core.Signal<CalendarDay[][]>;
+    ngOnInit(): void;
+    navigateMonth(delta: number): void;
+    toggleMonthPicker(): void;
+    toggleYearPicker(): void;
+    selectMonth(month: number): void;
+    selectYear(year: number): void;
+    selectDate(date: Date | null): void;
+    goToToday(): void;
+    clearSelection(): void;
+    onDayKeydown(event: KeyboardEvent, date: Date | null): void;
+    private isDateSelected;
+    private isRangeStartDate;
+    private isRangeEndDate;
+    private isDateInRange;
+    private isDateDisabled;
+    private isSameDay;
+    private formatDateForAria;
+    writeValue(value: Date | DateRange | null): void;
+    registerOnChange(fn: (value: Date | DateRange | null) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DsDatePicker, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DsDatePicker, "ds-date-picker", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; "showTodayButton": { "alias": "showTodayButton"; "required": false; "isSignal": true; }; "showClearButton": { "alias": "showClearButton"; "required": false; "isSignal": true; }; "todayLabel": { "alias": "todayLabel"; "required": false; "isSignal": true; }; "clearLabel": { "alias": "clearLabel"; "required": false; "isSignal": true; }; "prevMonthLabel": { "alias": "prevMonthLabel"; "required": false; "isSignal": true; }; "nextMonthLabel": { "alias": "nextMonthLabel"; "required": false; "isSignal": true; }; }, { "dateChange": "dateChange"; "rangeChange": "rangeChange"; }, never, never, true, never>;
+}
+interface CalendarDay {
+    date: Date;
+    dayNumber: number;
+    isCurrentMonth: boolean;
+    isToday: boolean;
+    isSelected: boolean;
+    isRangeStart: boolean;
+    isRangeEnd: boolean;
+    isInRange: boolean;
+    isDisabled: boolean;
+    ariaLabel: string;
+}
+
+/**
+ * Positions standard pour dropdowns (menus déroulants, select, etc.)
+ *
+ * Stratégie :
+ * 1. Position préférée : centré en dessous (offsetY: 6px pour espacement)
+ * 2. Fallback : centré au-dessus si pas d'espace en bas
+ * 3. Fallback : aligné à gauche en dessous
+ * 4. Fallback : aligné à droite en dessous
+ */
+declare const DROPDOWN_POSITIONS: ConnectedPosition[];
+/**
+ * Positions standard pour tooltips (infobulles)
+ *
+ * Stratégie :
+ * 1. Position préférée : centré au-dessus (offsetY: -8px pour espacement)
+ * 2. Fallback : centré en dessous si pas d'espace au-dessus
+ * 3. Fallback : à droite (aligné verticalement au centre)
+ * 4. Fallback : à gauche (aligné verticalement au centre)
+ */
+declare const TOOLTIP_POSITIONS: ConnectedPosition[];
+/**
+ * Positions standard pour popovers (menus contextuels, actions panels)
+ *
+ * Stratégie :
+ * 1. Position préférée : aligné à droite, en dessous (offsetY: 4px)
+ * 2. Fallback : aligné à gauche, en dessous
+ * 3. Fallback : aligné à droite, au-dessus
+ * 4. Fallback : aligné à gauche, au-dessus
+ * 5. Fallback : à droite (aligné en haut)
+ * 6. Fallback : à gauche (aligné en haut)
+ */
+declare const POPOVER_POSITIONS: ConnectedPosition[];
+/**
+ * Positions pour autocomplete (panel de suggestions sous un input)
+ *
+ * Stratégie :
+ * 1. Position préférée : aligné à gauche, pleine largeur, en dessous
+ * 2. Fallback : aligné à gauche, pleine largeur, au-dessus
+ */
+declare const AUTOCOMPLETE_POSITIONS: ConnectedPosition[];
+
+declare const BUTTON_VARIANT_OPTIONS: readonly ["primary", "secondary", "ghost", "success", "warning", "error", "info"];
+declare const BUTTON_APPEARANCE_OPTIONS: readonly ["solid", "outline"];
+declare const BUTTON_SIZE_OPTIONS: readonly ["sm", "md", "lg"];
+interface ArgTypeOptions {
+    includeLoading?: boolean;
+    includeBlock?: boolean;
+    variantDescription?: string;
+    appearanceDescription?: string;
+    sizeDescription?: string;
+    disabledDescription?: string;
+    loadingDescription?: string;
+    blockDescription?: string;
+}
+declare const buildButtonArgTypes: ({ includeLoading, includeBlock, variantDescription, appearanceDescription, sizeDescription, disabledDescription, loadingDescription, blockDescription, }?: ArgTypeOptions) => ArgTypes<Args>;
+interface ArgOptions {
+    includeLoading?: boolean;
+    includeBlock?: boolean;
+}
+declare const buildButtonArgs: ({ includeLoading, includeBlock }?: ArgOptions) => {
+    block?: boolean | undefined;
+    loading?: boolean | undefined;
+    variant: ButtonVariant;
+    appearance: ButtonAppearance;
+    size: ButtonSize;
+    disabled: boolean;
+};
+interface ButtonBindings {
+    variant: string;
+    appearance?: string;
+    size: string;
+    disabled?: string;
+    loading?: string;
+    block?: string;
+}
+declare const createVariantRender: (tagName: string, bindings: ButtonBindings, extraAttributes?: string) => (args: Args) => {
+    props: {
+        variants: readonly ["primary", "secondary", "ghost", "success", "warning", "error", "info"];
+    };
+    template: string;
+};
+declare const createSizeRender: (tagName: string, bindings: ButtonBindings, extraAttributes?: string) => (args: Args) => {
+    props: {
+        sizes: readonly ["sm", "md", "lg"];
+    };
+    template: string;
+};
+
+/**
+ * Service centralisé pour l'enregistrement des icônes FontAwesome.
+ *
+ * @description
+ * Permet d'enregistrer des icônes de manière lazy et centralisée, évitant
+ * d'importer toutes les icônes FontAwesome dans chaque composant. Les composants
+ * peuvent utiliser les icônes enregistrées via leur nom plutôt que via l'objet complet.
+ *
+ * @example
+ * ```typescript
+ * // Dans app.config.ts ou main.ts
+ * import { IconRegistryService } from 'ds-angular';
+ * import { faCheck, faTimes, faExclamation } from '@fortawesome/free-solid-svg-icons';
+ *
+ * const iconRegistry = inject(IconRegistryService);
+ * iconRegistry.registerIcons([faCheck, faTimes, faExclamation]);
+ * ```
+ *
+ * @example
+ * ```typescript
+ * // Enregistrement par groupe thématique
+ * import { faCheck, faTimes } from '@fortawesome/free-solid-svg-icons';
+ *
+ * iconRegistry.registerIconGroup('validation', [faCheck, faTimes]);
+ * ```
+ */
+declare class IconRegistryService {
+    private library;
+    private registeredIcons;
+    private iconGroups;
+    constructor(library: FaIconLibrary);
+    /**
+     * Enregistre une ou plusieurs icônes FontAwesome dans la bibliothèque globale.
+     *
+     * @param icons - Tableau d'icônes FontAwesome à enregistrer
+     * @returns Le service lui-même pour chaînage
+     *
+     * @example
+     * ```typescript
+     * iconRegistry.registerIcons([faUser, faEnvelope, faPhone]);
+     * ```
+     */
+    registerIcons(icons: IconDefinition[]): this;
+    /**
+     * Enregistre un groupe d'icônes sous un nom thématique.
+     *
+     * @param groupName - Nom du groupe (ex: 'forms', 'navigation')
+     * @param icons - Tableau d'icônes du groupe
+     * @returns Le service lui-même pour chaînage
+     *
+     * @example
+     * ```typescript
+     * iconRegistry.registerIconGroup('forms', [
+     *   faCheck, faTimes, faExclamation, faInfo
+     * ]);
+     * ```
+     */
+    registerIconGroup(groupName: string, icons: IconDefinition[]): this;
+    /**
+     * Vérifie si une icône est déjà enregistrée.
+     *
+     * @param iconName - Nom de l'icône (format: 'prefix-iconName')
+     * @returns true si l'icône est enregistrée
+     *
+     * @example
+     * ```typescript
+     * if (!iconRegistry.isIconRegistered('fas-check')) {
+     *   iconRegistry.registerIcons([faCheck]);
+     * }
+     * ```
+     */
+    isIconRegistered(iconName: string): boolean;
+    /**
+     * Récupère tous les noms d'icônes enregistrées.
+     *
+     * @returns Tableau des noms d'icônes enregistrées
+     */
+    getRegisteredIcons(): string[];
+    /**
+     * Récupère les icônes d'un groupe thématique.
+     *
+     * @param groupName - Nom du groupe
+     * @returns Icônes du groupe ou undefined si le groupe n'existe pas
+     */
+    getIconGroup(groupName: string): IconDefinition[] | undefined;
+    /**
+     * Liste tous les groupes d'icônes enregistrés.
+     *
+     * @returns Tableau des noms de groupes
+     */
+    getIconGroups(): string[];
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<IconRegistryService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<IconRegistryService>;
+}
+
+/**
+ * Locales supportées.
+ */
+type SupportedLocale = 'fr' | 'en' | 'es' | 'de';
+/**
+ * Structure des labels i18n.
+ */
+interface I18nLabels {
+    close: string;
+    cancel: string;
+    confirm: string;
+    save: string;
+    delete: string;
+    edit: string;
+    add: string;
+    search: string;
+    clear: string;
+    reset: string;
+    loading: string;
+    error: string;
+    success: string;
+    warning: string;
+    info: string;
+    previous: string;
+    next: string;
+    first: string;
+    last: string;
+    page: string;
+    of: string;
+    required: string;
+    optional: string;
+    invalidEmail: string;
+    invalidUrl: string;
+    minLength: string;
+    maxLength: string;
+    minValue: string;
+    maxValue: string;
+    expandAll: string;
+    collapseAll: string;
+    openMenu: string;
+    closeMenu: string;
+    selectOption: string;
+    selectedOption: string;
+    noResults: string;
+    itemsPerPage: string;
+    showingItems: string;
+    goToPage: string;
+    stepCompleted: string;
+    stepActive: string;
+    stepPending: string;
+    stepError: string;
+}
+/**
+ * # DsI18nService
+ *
+ * Service d'internationalisation pour les labels des composants du design system.
+ * Fournit des labels traduits pour les actions communes, états, navigation, etc.
+ *
+ * ## Usage
+ *
+ * ```typescript
+ * import { DsI18nService } from 'ds-angular';
+ *
+ * @Component({...})
+ * export class MyComponent {
+ *   private i18n = inject(DsI18nService);
+ *
+ *   closeLabel = this.i18n.get('close');
+ *
+ *   ngOnInit() {
+ *     // Changer la locale
+ *     this.i18n.setLocale('en');
+ *   }
+ * }
+ * ```
+ *
+ * ## Locales supportées
+ *
+ * - `fr` : Français (défaut)
+ * - `en` : English
+ * - `es` : Español
+ * - `de` : Deutsch
+ *
+ * @service
+ */
+declare class DsI18nService {
+    /**
+     * Locale courante.
+     */
+    private readonly _locale;
+    /**
+     * Labels personnalisés (surcharge partielle).
+     */
+    private readonly _customLabels;
+    /**
+     * Locale courante (lecture seule).
+     */
+    readonly locale: _angular_core.Signal<SupportedLocale>;
+    /**
+     * Labels courants fusionnés (locale + custom).
+     */
+    readonly labels: _angular_core.Signal<{
+        close: string;
+        cancel: string;
+        confirm: string;
+        save: string;
+        delete: string;
+        edit: string;
+        add: string;
+        search: string;
+        clear: string;
+        reset: string;
+        loading: string;
+        error: string;
+        success: string;
+        warning: string;
+        info: string;
+        previous: string;
+        next: string;
+        first: string;
+        last: string;
+        page: string;
+        of: string;
+        required: string;
+        optional: string;
+        invalidEmail: string;
+        invalidUrl: string;
+        minLength: string;
+        maxLength: string;
+        minValue: string;
+        maxValue: string;
+        expandAll: string;
+        collapseAll: string;
+        openMenu: string;
+        closeMenu: string;
+        selectOption: string;
+        selectedOption: string;
+        noResults: string;
+        itemsPerPage: string;
+        showingItems: string;
+        goToPage: string;
+        stepCompleted: string;
+        stepActive: string;
+        stepPending: string;
+        stepError: string;
+    }>;
+    /**
+     * Définir la locale.
+     */
+    setLocale(locale: SupportedLocale): void;
+    /**
+     * Obtenir un label par clé.
+     */
+    get<K extends keyof I18nLabels>(key: K): string;
+    /**
+     * Obtenir un label formaté avec des variables.
+     *
+     * @example
+     * i18n.format('minLength', { min: 5 }) // "Minimum 5 caractères requis"
+     */
+    format<K extends keyof I18nLabels>(key: K, params: Record<string, string | number>): string;
+    /**
+     * Surcharger des labels personnalisés.
+     */
+    setCustomLabels(labels: Partial<I18nLabels>): void;
+    /**
+     * Réinitialiser les labels personnalisés.
+     */
+    resetCustomLabels(): void;
+    /**
+     * Obtenir toutes les locales supportées.
+     */
+    getSupportedLocales(): SupportedLocale[];
+    /**
+     * Détecter la locale du navigateur.
+     */
+    detectBrowserLocale(): SupportedLocale;
+    /**
+     * Initialiser avec la locale du navigateur.
+     */
+    initFromBrowser(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DsI18nService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<DsI18nService>;
+}
+
+export { AUTOCOMPLETE_POSITIONS, BUTTON_APPEARANCE_OPTIONS, BUTTON_SIZE_OPTIONS, BUTTON_VARIANT_OPTIONS, DROPDOWN_POSITIONS, DsAccordion, DsAlert, DsBadge, DsBreadcrumb, DsButton, DsCard, DsCheckbox, DsCombobox, DsContainer, DsDatePicker, DsDivider, DsDropdown, DsI18nService, DsInputField, DsInputTextarea, DsModalComponent, DsPagination, DsPopover, DsPopoverComponent, DsProgressBar, DsRadioGroup, DsSearchInput, DsSelect, DsSkeleton, DsStepper, DsTable, DsTabs, DsToastComponent, DsToastContainerComponent, DsToastService, DsToggle, DsTooltip, DsTooltipComponent, IconRegistryService, POPOVER_POSITIONS, PrimitiveBadge, PrimitiveButton, PrimitiveCheckbox, PrimitiveInput, PrimitiveRadio, PrimitiveTextarea, PrimitiveToggle, TOOLTIP_POSITIONS, buildButtonArgTypes, buildButtonArgs, createSizeRender, createVariantRender };
+export type { AccordionChangeEvent, AccordionItem, AccordionSize, AccordionVariant, AlertSize, AlertType, BadgeAppearance, BadgeShape, BadgeSize, BadgeType, BadgeVariant, BreadcrumbItem, ButtonAppearance, ButtonSize, ButtonType, ButtonVariant, CardSize, CardVariant, CheckboxSize, CheckboxState, ContainerGutter, ContainerMaxWidth, DatePickerMode, DatePickerSize, DateRange, DividerLabelPosition, DividerOrientation, DividerSize, DividerVariant, DropdownItem, DropdownItemDTO, DsComboboxOption, DsComboboxSize, DsSelectOption, DsSelectSize, DsTableColumn, DsTableSize, DsTableVariant, I18nLabels, InputAppearance, InputSize, InputState, InputType, PageChangeEvent, PageSizeOption, PaginationSize, PopoverTrigger, ProgressBarMode, ProgressBarSize, ProgressBarVariant, RadioGroupLayout, RadioOption, RadioSize, SearchInputSize, SkeletonSize, SkeletonVariant, SortDirection, SortEvent, Step, StepChangeEvent, StepState, StepperOrientation, StepperSize, SupportedLocale, TabItem, TableState, TextareaAppearance, TextareaResize, TextareaSize, TextareaState, ToastInstance, ToastOptions, ToastPosition, ToastType, ToggleSize };