@kksdev/ds-angular 1.4.0 → 1.6.0

package/index.d.ts

@@ -7,6 +7,7 @@ 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 * as _kksdev_ds_angular from '@kksdev/ds-angular';
 import { ArgTypes, Args } from '@storybook/angular';
 
 type BadgeType = 'status' | 'count' | 'label';
@@ -4160,7 +4161,7 @@ declare class DsDatePicker implements ControlValueAccessor, OnInit {
     readonly currentMonthName: _angular_core.Signal<string>;
     readonly calendarLabel: _angular_core.Signal<string>;
     readonly yearRange: _angular_core.Signal<number[]>;
-    readonly calendarWeeks: _angular_core.Signal<CalendarDay[][]>;
+    readonly calendarWeeks: _angular_core.Signal<CalendarDay$1[][]>;
     ngOnInit(): void;
     navigateMonth(delta: number): void;
     toggleMonthPicker(): void;
@@ -4191,7 +4192,7 @@ declare class DsDatePicker implements ControlValueAccessor, OnInit {
     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; }; "presets": { "alias": "presets"; "required": false; "isSignal": true; }; "showPresets": { "alias": "showPresets"; "required": false; "isSignal": true; }; "showRangePreview": { "alias": "showRangePreview"; "required": false; "isSignal": true; }; }, { "dateChange": "dateChange"; "rangeChange": "rangeChange"; }, never, never, true, never>;
 }
-interface CalendarDay {
+interface CalendarDay$1 {
     date: Date;
     dayNumber: number;
     isCurrentMonth: boolean;
@@ -5188,6 +5189,927 @@ declare class DsTree {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<DsTree, "ds-tree", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; "selectable": { "alias": "selectable"; "required": false; "isSignal": true; }; "checkable": { "alias": "checkable"; "required": false; "isSignal": true; }; "expandAll": { "alias": "expandAll"; "required": false; "isSignal": true; }; "showIcon": { "alias": "showIcon"; "required": false; "isSignal": true; }; "showLine": { "alias": "showLine"; "required": false; "isSignal": true; }; "draggable": { "alias": "draggable"; "required": false; "isSignal": true; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "loadChildren": { "alias": "loadChildren"; "required": false; "isSignal": true; }; }, { "nodeSelect": "nodeSelect"; "nodeExpand": "nodeExpand"; "nodeCheck": "nodeCheck"; }, never, never, true, never>;
 }
 
+/**
+ * Niveaux de force du mot de passe.
+ */
+type PasswordStrength = 'none' | 'weak' | 'medium' | 'strong';
+/**
+ * Tailles disponibles pour le composant.
+ */
+type PasswordStrengthSize = 'sm' | 'md' | 'lg';
+/**
+ * Critère de validation du mot de passe.
+ */
+interface PasswordCriterion {
+    key: string;
+    label: string;
+    valid: boolean;
+}
+/**
+ * # DsPasswordStrength
+ *
+ * Composant indicateur de force de mot de passe avec affichage visuel
+ * (barres de progression) et optionnel des critères de validation.
+ *
+ * ## Usage
+ *
+ * ```html
+ * <ds-password-strength
+ *   [password]="userPassword"
+ *   [minLength]="8"
+ *   [showLabel]="true"
+ *   [showCriteria]="true"
+ *   (strengthChange)="handleStrengthChange($event)" />
+ * ```
+ *
+ * ## Calcul de la force
+ *
+ * - `none`: Champ vide
+ * - `weak`: Longueur < minLength OU uniquement lettres
+ * - `medium`: Longueur ≥ minLength ET (lettres+chiffres OU lettres+spéciaux)
+ * - `strong`: Longueur ≥ minLength ET majuscules + minuscules + chiffres + spéciaux
+ *
+ * ## Accessibilité
+ *
+ * - Attribut `role="status"` pour annoncer les changements
+ * - Label ARIA dynamique selon la force
+ * - Couleurs sémantiques (error/warning/success)
+ *
+ * @component
+ */
+declare class DsPasswordStrength {
+    /**
+     * Mot de passe à évaluer.
+     * @default ''
+     */
+    password: _angular_core.InputSignal<string>;
+    /**
+     * Longueur minimale requise.
+     * @default 8
+     */
+    minLength: _angular_core.InputSignal<number>;
+    /**
+     * Afficher le label textuel (ex: "Faible", "Moyen", "Fort").
+     * @default true
+     */
+    showLabel: _angular_core.InputSignal<boolean>;
+    /**
+     * Afficher les critères détaillés de validation.
+     * @default false
+     */
+    showCriteria: _angular_core.InputSignal<boolean>;
+    /**
+     * Taille du composant.
+     * @default 'md'
+     */
+    size: _angular_core.InputSignal<PasswordStrengthSize>;
+    /**
+     * Émis lorsque la force du mot de passe change.
+     */
+    strengthChange: _angular_core.OutputEmitterRef<PasswordStrength>;
+    /**
+     * Icônes FontAwesome pour les critères.
+     */
+    protected readonly faCheck: _fortawesome_fontawesome_common_types.IconDefinition;
+    protected readonly faTimes: _fortawesome_fontawesome_common_types.IconDefinition;
+    /**
+     * Regex patterns pour la validation.
+     */
+    private readonly hasUpperCase;
+    private readonly hasLowerCase;
+    private readonly hasNumber;
+    private readonly hasSpecialChar;
+    /**
+     * Calcul de la force du mot de passe.
+     */
+    readonly strength: _angular_core.Signal<PasswordStrength>;
+    /**
+     * Label textuel de la force (pour affichage).
+     */
+    readonly strengthLabel: _angular_core.Signal<string>;
+    /**
+     * Label ARIA pour accessibilité.
+     */
+    readonly ariaLabel: _angular_core.Signal<string>;
+    /**
+     * Classes CSS calculées pour le conteneur.
+     */
+    readonly containerClasses: _angular_core.Signal<string>;
+    /**
+     * Barres indicatrices (3 barres).
+     * Chaque barre est active selon la force.
+     */
+    readonly bars: _angular_core.Signal<{
+        active: boolean;
+        level: PasswordStrength;
+    }[]>;
+    /**
+     * Liste des critères de validation (pour affichage détaillé).
+     */
+    readonly criteria: _angular_core.Signal<PasswordCriterion[]>;
+    /**
+     * Constructeur : émet les changements de force via effect.
+     */
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DsPasswordStrength, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DsPasswordStrength, "ds-password-strength", never, { "password": { "alias": "password"; "required": false; "isSignal": true; }; "minLength": { "alias": "minLength"; "required": false; "isSignal": true; }; "showLabel": { "alias": "showLabel"; "required": false; "isSignal": true; }; "showCriteria": { "alias": "showCriteria"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, { "strengthChange": "strengthChange"; }, never, never, true, never>;
+}
+
+/**
+ * Mode d'affichage de la timeline.
+ */
+type TimelineMode = 'left' | 'right' | 'alternate';
+/**
+ * Taille de la timeline.
+ */
+type TimelineSize = 'sm' | 'md' | 'lg';
+/**
+ * Couleur du point de la timeline.
+ */
+type TimelineColor = 'default' | 'primary' | 'success' | 'warning' | 'error' | 'info';
+/**
+ * Configuration d'un item de timeline.
+ */
+interface TimelineItem {
+    /**
+     * Contenu textuel de l'événement.
+     */
+    content: string;
+    /**
+     * Date optionnelle de l'événement.
+     */
+    date?: string;
+    /**
+     * Icône FontAwesome optionnelle.
+     */
+    icon?: IconDefinition$1;
+    /**
+     * Couleur du point (si pas d'icône).
+     * @default 'default'
+     */
+    color?: TimelineColor;
+    /**
+     * Position du contenu (pour mode alternate).
+     * Si non défini, suit le mode global.
+     */
+    position?: 'left' | 'right';
+}
+/**
+ * Événement émis au clic sur un item.
+ */
+interface TimelineItemClickEvent {
+    item: TimelineItem;
+    index: number;
+}
+/**
+ * # DsTimeline
+ *
+ * Composant pour afficher une liste d'événements dans un ordre chronologique vertical.
+ *
+ * ## Usage
+ *
+ * ```html
+ * <ds-timeline
+ *   [items]="events"
+ *   mode="left"
+ *   size="md"
+ *   [pending]="false"
+ *   (itemClick)="onItemClick($event)">
+ * </ds-timeline>
+ * ```
+ *
+ * ## Modes
+ *
+ * - `left` : Contenu aligné à droite de la ligne
+ * - `right` : Contenu aligné à gauche de la ligne
+ * - `alternate` : Contenu alterné gauche/droite
+ *
+ * ## Accessibilité
+ *
+ * - Liste sémantique avec `role="list"` et `role="listitem"`
+ * - Dates et contenus avec attributs ARIA
+ * - Navigation clavier supportée
+ *
+ * @component
+ */
+declare class DsTimeline {
+    /**
+     * Liste des événements à afficher.
+     */
+    items: _angular_core.InputSignal<TimelineItem[]>;
+    /**
+     * Mode d'affichage (position du contenu).
+     * @default 'left'
+     */
+    mode: _angular_core.InputSignal<TimelineMode>;
+    /**
+     * Taille du composant.
+     * @default 'md'
+     */
+    size: _angular_core.InputSignal<TimelineSize>;
+    /**
+     * Affiche un indicateur "en cours" à la fin.
+     * @default false
+     */
+    pending: _angular_core.InputSignal<boolean>;
+    /**
+     * Texte de l'indicateur pending.
+     * @default 'En cours...'
+     */
+    pendingContent: _angular_core.InputSignal<string>;
+    /**
+     * Inverse l'ordre d'affichage (plus récent en haut).
+     * @default false
+     */
+    reverse: _angular_core.InputSignal<boolean>;
+    /**
+     * Événement émis au clic sur un item.
+     */
+    itemClick: _angular_core.OutputEmitterRef<TimelineItemClickEvent>;
+    /**
+     * Icônes par défaut.
+     */
+    protected readonly defaultIcon: IconDefinition$1;
+    protected readonly pendingIcon: IconDefinition$1;
+    /**
+     * Items triés (reverse si demandé).
+     */
+    readonly sortedItems: _angular_core.Signal<TimelineItem[]>;
+    /**
+     * Classes CSS du conteneur.
+     */
+    readonly containerClasses: _angular_core.Signal<string[]>;
+    /**
+     * Classes CSS pour un item.
+     */
+    getItemClasses(item: TimelineItem, index: number): string[];
+    /**
+     * Classes CSS pour le point d'un item.
+     */
+    getDotClasses(item: TimelineItem): string[];
+    /**
+     * Détermine la position d'un item en fonction du mode.
+     */
+    getItemPosition(index: number): 'left' | 'right';
+    /**
+     * Gère le clic sur un item.
+     */
+    handleItemClick(item: TimelineItem, index: number): void;
+    /**
+     * Gère la touche Enter/Space sur un item.
+     */
+    handleKeydown(event: KeyboardEvent, item: TimelineItem, index: number): void;
+    /**
+     * Icône à afficher pour un item.
+     */
+    getIcon(item: TimelineItem): IconDefinition$1;
+    /**
+     * Vérifie si c'est le dernier item.
+     */
+    isLastItem(index: number): boolean;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DsTimeline, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DsTimeline, "ds-timeline", never, { "items": { "alias": "items"; "required": true; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "pending": { "alias": "pending"; "required": false; "isSignal": true; }; "pendingContent": { "alias": "pendingContent"; "required": false; "isSignal": true; }; "reverse": { "alias": "reverse"; "required": false; "isSignal": true; }; }, { "itemClick": "itemClick"; }, never, never, true, never>;
+}
+
+interface TransferItem {
+    key: string;
+    label: string;
+    disabled?: boolean;
+    description?: string;
+}
+type TransferDirection = 'left' | 'right';
+type TransferSize = 'sm' | 'md' | 'lg';
+interface TransferChangeEvent {
+    source: TransferItem[];
+    target: TransferItem[];
+}
+/**
+ * DS Transfer
+ *
+ * Composant permettant de transférer des items entre deux listes (source et cible).
+ * Inclut recherche, sélection multiple, et navigation clavier.
+ *
+ * @example
+ * <ds-transfer
+ *   [source]="sourceItems"
+ *   [target]="targetItems"
+ *   sourceTitle="Disponibles"
+ *   targetTitle="Sélectionnés"
+ *   [showSearch]="true"
+ *   (transferChange)="onTransfer($event)"
+ * />
+ */
+declare class DsTransfer {
+    readonly source: _angular_core.InputSignal<TransferItem[]>;
+    readonly target: _angular_core.InputSignal<TransferItem[]>;
+    readonly sourceTitle: _angular_core.InputSignal<string>;
+    readonly targetTitle: _angular_core.InputSignal<string>;
+    readonly showSearch: _angular_core.InputSignal<boolean>;
+    readonly showSelectAll: _angular_core.InputSignal<boolean>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly size: _angular_core.InputSignal<TransferSize>;
+    readonly transferChange: _angular_core.OutputEmitterRef<TransferChangeEvent>;
+    protected readonly sourceSelected: _angular_core.WritableSignal<Set<string>>;
+    protected readonly targetSelected: _angular_core.WritableSignal<Set<string>>;
+    protected readonly sourceSearchQuery: _angular_core.WritableSignal<string>;
+    protected readonly targetSearchQuery: _angular_core.WritableSignal<string>;
+    protected readonly filteredSource: _angular_core.Signal<TransferItem[]>;
+    protected readonly filteredTarget: _angular_core.Signal<TransferItem[]>;
+    protected readonly sourceSelectableCount: _angular_core.Signal<number>;
+    protected readonly targetSelectableCount: _angular_core.Signal<number>;
+    protected readonly isAllSourceSelected: _angular_core.Signal<boolean>;
+    protected readonly isAllTargetSelected: _angular_core.Signal<boolean>;
+    protected readonly canTransferToTarget: _angular_core.Signal<boolean>;
+    protected readonly canTransferToSource: _angular_core.Signal<boolean>;
+    protected readonly containerClasses: _angular_core.Signal<{
+        [x: string]: boolean;
+        'ds-transfer': boolean;
+        'ds-transfer--disabled': boolean;
+    }>;
+    transferToTarget(): void;
+    transferToSource(): void;
+    toggleSelectAll(direction: TransferDirection): void;
+    toggleItemSelection(item: TransferItem, direction: TransferDirection): void;
+    isItemSelected(item: TransferItem, direction: TransferDirection): boolean;
+    onSearchInput(event: Event, direction: TransferDirection): void;
+    clearSearch(direction: TransferDirection): void;
+    getSelectedCount(direction: TransferDirection): number;
+    getItemCount(direction: TransferDirection): number;
+    private emitChange;
+    protected getListboxId(direction: TransferDirection): string;
+    protected getItemId(item: TransferItem, direction: TransferDirection): string;
+    protected readonly sourceListboxLabel: _angular_core.Signal<string>;
+    protected readonly targetListboxLabel: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DsTransfer, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DsTransfer, "ds-transfer", never, { "source": { "alias": "source"; "required": false; "isSignal": true; }; "target": { "alias": "target"; "required": false; "isSignal": true; }; "sourceTitle": { "alias": "sourceTitle"; "required": false; "isSignal": true; }; "targetTitle": { "alias": "targetTitle"; "required": false; "isSignal": true; }; "showSearch": { "alias": "showSearch"; "required": false; "isSignal": true; }; "showSelectAll": { "alias": "showSelectAll"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, { "transferChange": "transferChange"; }, never, never, true, never>;
+}
+
+interface CarouselSlide {
+    id: string;
+    image?: string;
+    alt?: string;
+    title?: string;
+    description?: string;
+}
+type CarouselEffect = 'slide' | 'fade';
+type CarouselDotsPosition = 'bottom' | 'top' | 'left' | 'right';
+declare class DsCarousel implements AfterViewInit, OnDestroy {
+    slides: _angular_core.InputSignal<CarouselSlide[]>;
+    autoplay: _angular_core.InputSignal<boolean>;
+    autoplaySpeed: _angular_core.InputSignal<number>;
+    effect: _angular_core.InputSignal<CarouselEffect>;
+    dots: _angular_core.InputSignal<boolean>;
+    dotsPosition: _angular_core.InputSignal<CarouselDotsPosition>;
+    arrows: _angular_core.InputSignal<boolean>;
+    infinite: _angular_core.InputSignal<boolean>;
+    pauseOnHover: _angular_core.InputSignal<boolean>;
+    activeIndex: _angular_core.InputSignal<number>;
+    slideChange: _angular_core.OutputEmitterRef<{
+        index: number;
+        slide: CarouselSlide;
+    }>;
+    trackElement?: ElementRef<HTMLDivElement>;
+    slideElements?: QueryList<ElementRef<HTMLDivElement>>;
+    readonly icons: {
+        readonly left: _fortawesome_fontawesome_common_types.IconDefinition;
+        readonly right: _fortawesome_fontawesome_common_types.IconDefinition;
+    };
+    readonly internalActiveIndex: _angular_core.WritableSignal<number>;
+    readonly isPaused: _angular_core.WritableSignal<boolean>;
+    readonly isTransitioning: _angular_core.WritableSignal<boolean>;
+    private autoplayTimer;
+    private startX;
+    private startY;
+    private isDragging;
+    constructor();
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    readonly containerClasses: _angular_core.Signal<string>;
+    readonly trackStyle: _angular_core.Signal<{
+        transform: string;
+    } | {
+        transform?: undefined;
+    }>;
+    slideClasses(index: number): string;
+    dotClasses(index: number): string;
+    next(): void;
+    prev(): void;
+    goTo(index: number): void;
+    pause(): void;
+    play(): void;
+    onMouseEnter(): void;
+    onMouseLeave(): void;
+    onKeydown(event: KeyboardEvent): void;
+    onTouchStart(event: TouchEvent): void;
+    onTouchMove(event: TouchEvent): void;
+    onTouchEnd(event: TouchEvent): void;
+    private startAutoplay;
+    private stopAutoplay;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DsCarousel, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DsCarousel, "ds-carousel", never, { "slides": { "alias": "slides"; "required": false; "isSignal": true; }; "autoplay": { "alias": "autoplay"; "required": false; "isSignal": true; }; "autoplaySpeed": { "alias": "autoplaySpeed"; "required": false; "isSignal": true; }; "effect": { "alias": "effect"; "required": false; "isSignal": true; }; "dots": { "alias": "dots"; "required": false; "isSignal": true; }; "dotsPosition": { "alias": "dotsPosition"; "required": false; "isSignal": true; }; "arrows": { "alias": "arrows"; "required": false; "isSignal": true; }; "infinite": { "alias": "infinite"; "required": false; "isSignal": true; }; "pauseOnHover": { "alias": "pauseOnHover"; "required": false; "isSignal": true; }; "activeIndex": { "alias": "activeIndex"; "required": false; "isSignal": true; }; }, { "slideChange": "slideChange"; }, never, ["[carousel-slide]"], true, never>;
+}
+
+interface NotificationAction {
+    label: string;
+    handler: () => void;
+    variant?: 'primary' | 'secondary' | 'ghost';
+}
+interface NotificationConfig {
+    id?: string;
+    title: string;
+    message: string;
+    type?: 'info' | 'success' | 'warning' | 'error';
+    duration?: number;
+    closable?: boolean;
+    icon?: IconDefinition;
+    actions?: NotificationAction[];
+}
+type NotificationPlacement = 'topRight' | 'topLeft' | 'bottomRight' | 'bottomLeft';
+interface NotificationItem extends NotificationConfig {
+    id: string;
+    timestamp: number;
+}
+
+declare class DsNotificationContainerComponent {
+    private readonly notificationService;
+    placement: _angular_core.InputSignal<NotificationPlacement>;
+    maxStack: _angular_core.InputSignal<number>;
+    readonly notifications: _angular_core.Signal<_kksdev_ds_angular.NotificationItem[]>;
+    readonly visibleNotifications: _angular_core.Signal<_kksdev_ds_angular.NotificationItem[]>;
+    readonly containerClasses: _angular_core.Signal<string>;
+    onClose(id: string): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DsNotificationContainerComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DsNotificationContainerComponent, "ds-notification-container", never, { "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "maxStack": { "alias": "maxStack"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class DsNotificationItemComponent {
+    notification: _angular_core.InputSignal<NotificationItem>;
+    readonly closeClick: _angular_core.OutputEmitterRef<string>;
+    readonly actionClick: _angular_core.OutputEmitterRef<{
+        id: string;
+        actionIndex: number;
+    }>;
+    readonly closeIcon: _fortawesome_fontawesome_common_types.IconDefinition;
+    readonly notificationClasses: () => string[];
+    onClose(): void;
+    onActionClick(index: number): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DsNotificationItemComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DsNotificationItemComponent, "ds-notification-item", never, { "notification": { "alias": "notification"; "required": true; "isSignal": true; }; }, { "closeClick": "closeClick"; "actionClick": "actionClick"; }, never, never, true, never>;
+}
+
+declare class DsNotificationService {
+    private readonly notifications;
+    private nextId;
+    readonly notifications$: _angular_core.Signal<NotificationItem[]>;
+    open(config: NotificationConfig): string;
+    info(title: string, message: string, config?: Partial<NotificationConfig>): string;
+    success(title: string, message: string, config?: Partial<NotificationConfig>): string;
+    warning(title: string, message: string, config?: Partial<NotificationConfig>): string;
+    error(title: string, message: string, config?: Partial<NotificationConfig>): string;
+    close(id: string): void;
+    closeAll(): void;
+    private getDefaultIcon;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DsNotificationService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<DsNotificationService>;
+}
+
+/**
+ * Interface pour les événements du calendrier
+ */
+interface CalendarEvent {
+    id: string;
+    date: Date;
+    title: string;
+    type?: 'default' | 'success' | 'warning' | 'error';
+}
+/**
+ * Mode d'affichage du calendrier
+ */
+type CalendarMode = 'month' | 'year';
+/**
+ * Tailles du calendrier
+ */
+type CalendarSize = 'sm' | 'md' | 'lg';
+/**
+ * Représentation d'un jour dans le calendrier
+ */
+interface CalendarDay {
+    date: Date;
+    isCurrentMonth: boolean;
+    isToday: boolean;
+    isDisabled: boolean;
+    events: CalendarEvent[];
+}
+/**
+ * Représentation d'un mois dans la vue année
+ */
+interface CalendarMonth {
+    monthIndex: number;
+    label: string;
+    isCurrentMonth: boolean;
+}
+/**
+ * DsCalendar - Composant calendrier mensuel/annuel avec gestion d'événements
+ *
+ * @example
+ * ```html
+ * <ds-calendar
+ *   [value]="currentDate"
+ *   [events]="calendarEvents"
+ *   (dateSelect)="onDateSelect($event)"
+ *   (eventClick)="onEventClick($event)">
+ * </ds-calendar>
+ * ```
+ */
+declare class DsCalendar {
+    /**
+     * Date courante affichée
+     */
+    value: _angular_core.InputSignal<Date>;
+    /**
+     * Mode d'affichage (month ou year)
+     */
+    mode: _angular_core.InputSignal<CalendarMode>;
+    /**
+     * Événements à afficher dans le calendrier
+     */
+    events: _angular_core.InputSignal<CalendarEvent[]>;
+    /**
+     * Taille du calendrier
+     */
+    size: _angular_core.InputSignal<CalendarSize>;
+    /**
+     * Locale pour les noms de jours et mois
+     */
+    locale: _angular_core.InputSignal<string>;
+    /**
+     * Premier jour de la semaine (0=dimanche, 1=lundi)
+     */
+    firstDayOfWeek: _angular_core.InputSignal<number>;
+    /**
+     * Fonction pour désactiver certaines dates
+     */
+    disabledDate: _angular_core.InputSignal<((date: Date) => boolean) | undefined>;
+    /**
+     * Émis lors de la sélection d'une date
+     */
+    dateSelect: _angular_core.OutputEmitterRef<Date>;
+    /**
+     * Émis lors du changement de mois
+     */
+    monthChange: _angular_core.OutputEmitterRef<Date>;
+    /**
+     * Émis lors du changement de mode
+     */
+    modeChange: _angular_core.OutputEmitterRef<CalendarMode>;
+    /**
+     * Émis lors du clic sur un événement
+     */
+    eventClick: _angular_core.OutputEmitterRef<CalendarEvent>;
+    /**
+     * Date actuellement affichée (mois/année)
+     */
+    readonly displayDate: _angular_core.WritableSignal<Date>;
+    /**
+     * Mode actuel (interne)
+     */
+    readonly currentMode: _angular_core.WritableSignal<CalendarMode>;
+    readonly icons: {
+        readonly chevronLeft: _fortawesome_fontawesome_common_types.IconDefinition;
+        readonly chevronRight: _fortawesome_fontawesome_common_types.IconDefinition;
+    };
+    /**
+     * Classes CSS de l'hôte
+     */
+    readonly hostClasses: _angular_core.Signal<string>;
+    /**
+     * Titre du calendrier (mois + année)
+     */
+    readonly calendarTitle: _angular_core.Signal<string>;
+    /**
+     * Noms des jours de la semaine
+     */
+    readonly weekDays: _angular_core.Signal<string[]>;
+    /**
+     * Grille des jours du mois (6 semaines)
+     */
+    readonly calendarGrid: _angular_core.Signal<CalendarDay[]>;
+    /**
+     * Grille des mois (vue année)
+     */
+    readonly monthGrid: _angular_core.Signal<CalendarMonth[]>;
+    constructor();
+    /**
+     * Navigue vers le mois précédent
+     */
+    previousMonth(): void;
+    /**
+     * Navigue vers le mois suivant
+     */
+    nextMonth(): void;
+    /**
+     * Navigue vers l'année précédente
+     */
+    previousYear(): void;
+    /**
+     * Navigue vers l'année suivante
+     */
+    nextYear(): void;
+    /**
+     * Sélectionne une date
+     */
+    selectDate(day: CalendarDay): void;
+    /**
+     * Sélectionne un mois (en mode année)
+     */
+    selectMonth(month: CalendarMonth): void;
+    /**
+     * Toggle entre mode mois et année
+     */
+    toggleMode(): void;
+    /**
+     * Gère le clic sur un événement
+     */
+    onEventClick(event: CalendarEvent, mouseEvent: MouseEvent): void;
+    /**
+     * Retourne les classes CSS d'un jour
+     */
+    getDayClasses(day: CalendarDay): string;
+    /**
+     * Retourne les classes CSS d'un mois
+     */
+    getMonthClasses(month: CalendarMonth): string;
+    /**
+     * Retourne les classes CSS d'un événement
+     */
+    getEventClasses(event: CalendarEvent): string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DsCalendar, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DsCalendar, "ds-calendar", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "events": { "alias": "events"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "firstDayOfWeek": { "alias": "firstDayOfWeek"; "required": false; "isSignal": true; }; "disabledDate": { "alias": "disabledDate"; "required": false; "isSignal": true; }; }, { "dateSelect": "dateSelect"; "monthChange": "monthChange"; "modeChange": "modeChange"; "eventClick": "eventClick"; }, never, never, true, never>;
+}
+
+type InputNumberSize = 'sm' | 'md' | 'lg';
+type InputNumberControlsPosition = 'both' | 'right';
+declare class DsInputNumber implements ControlValueAccessor {
+    min: _angular_core.InputSignal<number>;
+    max: _angular_core.InputSignal<number>;
+    step: _angular_core.InputSignal<number>;
+    disabled: _angular_core.InputSignal<boolean>;
+    readonly: _angular_core.InputSignal<boolean>;
+    required: _angular_core.InputSignal<boolean>;
+    size: _angular_core.InputSignal<InputNumberSize>;
+    placeholder: _angular_core.InputSignal<string>;
+    prefix: _angular_core.InputSignal<string | undefined>;
+    suffix: _angular_core.InputSignal<string | undefined>;
+    precision: _angular_core.InputSignal<number>;
+    controls: _angular_core.InputSignal<boolean>;
+    controlsPosition: _angular_core.InputSignal<InputNumberControlsPosition>;
+    ariaLabel: _angular_core.InputSignal<string | undefined>;
+    id: _angular_core.InputSignal<string>;
+    name: _angular_core.InputSignal<string | undefined>;
+    valueChange: _angular_core.OutputEmitterRef<number>;
+    inputElement?: ElementRef<HTMLInputElement>;
+    readonly faMinus: IconDefinition$1;
+    readonly faPlus: IconDefinition$1;
+    private readonly disabledState;
+    readonly internalValue: _angular_core.WritableSignal<number | null>;
+    readonly focused: _angular_core.WritableSignal<boolean>;
+    readonly displayValue: _angular_core.WritableSignal<string>;
+    constructor();
+    readonly isDisabled: _angular_core.Signal<boolean>;
+    readonly isReadonly: _angular_core.Signal<boolean>;
+    readonly showControls: _angular_core.Signal<boolean>;
+    readonly controlsOnRight: _angular_core.Signal<boolean>;
+    readonly controlsOnBoth: _angular_core.Signal<boolean>;
+    readonly containerClasses: _angular_core.Signal<string>;
+    readonly canDecrement: _angular_core.Signal<boolean>;
+    readonly canIncrement: _angular_core.Signal<boolean>;
+    private onChange;
+    private onTouched;
+    writeValue(value: number | null): void;
+    registerOnChange(fn: (value: number | null) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    private formatValue;
+    private parseValue;
+    private clampValue;
+    private roundToPrecision;
+    private emitValue;
+    onInputChange(event: Event): void;
+    onInputBlur(): void;
+    onInputFocus(): void;
+    onKeyDown(event: KeyboardEvent): void;
+    increment(): void;
+    decrement(): void;
+    private incrementBy;
+    private decrementBy;
+    private setToMin;
+    private setToMax;
+    readonly ariaValueMin: _angular_core.Signal<number>;
+    readonly ariaValueMax: _angular_core.Signal<number>;
+    readonly ariaValueNow: _angular_core.Signal<number | undefined>;
+    readonly ariaValueText: _angular_core.Signal<string | undefined>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DsInputNumber, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DsInputNumber, "ds-input-number", never, { "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "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; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "prefix": { "alias": "prefix"; "required": false; "isSignal": true; }; "suffix": { "alias": "suffix"; "required": false; "isSignal": true; }; "precision": { "alias": "precision"; "required": false; "isSignal": true; }; "controls": { "alias": "controls"; "required": false; "isSignal": true; }; "controlsPosition": { "alias": "controlsPosition"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
+}
+
+/**
+ * Option pour un segment
+ */
+interface SegmentOption {
+    value: string;
+    label: string;
+    icon?: string;
+    disabled?: boolean;
+}
+/**
+ * Taille du segmented control
+ */
+type SegmentedControlSize = 'sm' | 'md' | 'lg';
+/**
+ * Orientation du segmented control
+ */
+type SegmentedControlOrientation = 'horizontal' | 'vertical';
+/**
+ * Couleur du segment actif
+ */
+type SegmentedControlColor = 'primary' | 'neutral';
+/**
+ * DS Segmented Control
+ *
+ * Composant groupe de boutons mutuellement exclusifs visuellement connectés.
+ * Alternative stylisée aux boutons radio pour basculer entre vues, modes ou options.
+ *
+ * @example
+ * // Formulaire réactif
+ * <ds-segmented-control
+ *   formControlName="view"
+ *   [options]="viewOptions"
+ *   size="md"
+ *   fullWidth
+ * />
+ *
+ * @example
+ * // Template-driven
+ * <ds-segmented-control
+ *   [(ngModel)]="selectedView"
+ *   [options]="[
+ *     { value: 'list', label: 'Liste', icon: 'fas-list' },
+ *     { value: 'grid', label: 'Grille', icon: 'fas-grid' },
+ *     { value: 'map', label: 'Carte', icon: 'fas-map' }
+ *   ]"
+ *   color="neutral"
+ * />
+ */
+declare class DsSegmentedControl implements ControlValueAccessor {
+    /**
+     * Liste des options du segmented control
+     */
+    options: _angular_core.InputSignal<SegmentOption[]>;
+    /**
+     * Taille du segmented control (sm, md, lg)
+     */
+    size: _angular_core.InputSignal<SegmentedControlSize>;
+    /**
+     * État désactivé global
+     */
+    disabled: _angular_core.InputSignal<boolean>;
+    /**
+     * Prend toute la largeur du conteneur
+     */
+    fullWidth: _angular_core.InputSignal<boolean>;
+    /**
+     * Orientation (horizontal, vertical)
+     */
+    orientation: _angular_core.InputSignal<SegmentedControlOrientation>;
+    /**
+     * Couleur du segment actif (primary, neutral)
+     */
+    color: _angular_core.InputSignal<SegmentedControlColor>;
+    private readonly disabledState;
+    protected readonly internalValue: _angular_core.WritableSignal<string | null>;
+    protected readonly isDisabled: _angular_core.Signal<boolean>;
+    protected readonly containerClasses: _angular_core.Signal<Record<string, boolean>>;
+    readonly activeIndex: _angular_core.Signal<number>;
+    /**
+     * Vérifie si une option est sélectionnée
+     */
+    protected isOptionSelected(option: SegmentOption): boolean;
+    /**
+     * Vérifie si une option est désactivée
+     */
+    protected isOptionDisabled(option: SegmentOption): boolean;
+    /**
+     * Classes CSS pour un segment
+     */
+    protected getSegmentClasses(option: SegmentOption): Record<string, 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 onSegmentClick(option: SegmentOption): void;
+    protected onKeydown(event: KeyboardEvent): void;
+    private findNextEnabledOption;
+    private findPreviousEnabledOption;
+    private focusSegment;
+    protected trackByValue(_index: number, option: SegmentOption): string;
+    /**
+     * Parse l'icône depuis le format string vers le format FontAwesome
+     * @param iconName - Nom de l'icône (ex: 'fas-list', 'list', 'fa-solid fa-list')
+     * @returns Tuple [prefix, iconName] pour FontAwesome
+     */
+    protected parseIcon(iconName: string): [string, string];
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DsSegmentedControl, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DsSegmentedControl, "ds-segmented-control", never, { "options": { "alias": "options"; "required": true; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "fullWidth": { "alias": "fullWidth"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+type ColorPickerSize = 'sm' | 'md' | 'lg';
+type ColorFormat = 'hex' | 'rgb' | 'hsl';
+interface RGBColor {
+    r: number;
+    g: number;
+    b: number;
+    a?: number;
+}
+interface HSLColor {
+    h: number;
+    s: number;
+    l: number;
+    a?: number;
+}
+/**
+ * DsColorPicker - Composant de sélection de couleur
+ *
+ * @description
+ * Sélecteur de couleur avec palette prédéfinie, spectre de couleurs,
+ * support RGB/HSL, alpha channel optionnel, et intégration formulaires.
+ *
+ * @example
+ * ```html
+ * <ds-color-picker
+ *   [value]="'#3b82f6'"
+ *   [showAlpha]="true"
+ *   (colorChange)="onColorChange($event)">
+ * </ds-color-picker>
+ * ```
+ */
+declare class DsColorPicker implements ControlValueAccessor {
+    private overlay;
+    private elementRef;
+    readonly value: _angular_core.InputSignal<string>;
+    readonly size: _angular_core.InputSignal<ColorPickerSize>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly showAlpha: _angular_core.InputSignal<boolean>;
+    readonly presetColors: _angular_core.InputSignal<string[]>;
+    readonly format: _angular_core.InputSignal<ColorFormat>;
+    readonly placeholder: _angular_core.InputSignal<string>;
+    readonly allowClear: _angular_core.InputSignal<boolean>;
+    readonly showRecentColors: _angular_core.InputSignal<boolean>;
+    readonly maxRecentColors: _angular_core.InputSignal<number>;
+    readonly colorChange: _angular_core.OutputEmitterRef<string>;
+    readonly pickerIcon: _fortawesome_fontawesome_common_types.IconDefinition;
+    readonly clearIcon: _fortawesome_fontawesome_common_types.IconDefinition;
+    readonly checkIcon: _fortawesome_fontawesome_common_types.IconDefinition;
+    readonly isOpen: _angular_core.WritableSignal<boolean>;
+    readonly internalValue: _angular_core.WritableSignal<string>;
+    readonly isFocused: _angular_core.WritableSignal<boolean>;
+    readonly recentColors: _angular_core.WritableSignal<string[]>;
+    private overlayRef;
+    readonly containerClasses: _angular_core.Signal<string>;
+    readonly displayValue: _angular_core.Signal<string>;
+    readonly previewColor: _angular_core.Signal<string>;
+    readonly effectivePresets: _angular_core.Signal<string[]>;
+    private onChange;
+    private onTouched;
+    constructor(overlay: Overlay, elementRef: ElementRef);
+    writeValue(value: string): void;
+    registerOnChange(fn: (value: string) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    toggle(): void;
+    open(): void;
+    close(): void;
+    onFocus(): void;
+    onBlur(): void;
+    clear(): void;
+    onColorSelected(color: string): void;
+    private updateValue;
+    private createOverlay;
+    private destroyOverlay;
+    private addToRecentColors;
+    private loadRecentColors;
+    private saveRecentColors;
+    private toHex;
+    private toRGB;
+    private toHSL;
+    private hexToRGB;
+    private parseRGB;
+    private rgbToHSL;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DsColorPicker, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DsColorPicker, "ds-color-picker", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "showAlpha": { "alias": "showAlpha"; "required": false; "isSignal": true; }; "presetColors": { "alias": "presetColors"; "required": false; "isSignal": true; }; "format": { "alias": "format"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "allowClear": { "alias": "allowClear"; "required": false; "isSignal": true; }; "showRecentColors": { "alias": "showRecentColors"; "required": false; "isSignal": true; }; "maxRecentColors": { "alias": "maxRecentColors"; "required": false; "isSignal": true; }; }, { "colorChange": "colorChange"; }, never, never, true, never>;
+}
+
 /**
  * Positions standard pour dropdowns (menus déroulants, select, etc.)
  *
@@ -5556,5 +6478,5 @@ declare class DsI18nService {
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<DsI18nService>;
 }
 
-export { AUTOCOMPLETE_POSITIONS, BUTTON_APPEARANCE_OPTIONS, BUTTON_SIZE_OPTIONS, BUTTON_VARIANT_OPTIONS, DROPDOWN_POSITIONS, DsAccordion, DsAlert, DsAvatar, DsBadge, DsBreadcrumb, DsButton, DsCard, DsCheckbox, DsChip, DsCombobox, DsContainer, DsDatePicker, DsDivider, DsDrawer, DsDropdown, DsEmpty, DsFileUpload, DsI18nService, DsInputField, DsInputTextarea, DsMenu, DsModalComponent, DsPagination, DsPopover, DsPopoverComponent, DsProgressBar, DsRadioGroup, DsRating, DsSearchInput, DsSelect, DsSkeleton, DsSlider, DsStepper, DsTable, DsTabs, DsTimePicker, DsToastComponent, DsToastContainerComponent, DsToastService, DsToggle, DsTooltip, DsTooltipComponent, DsTree, IconRegistryService, POPOVER_POSITIONS, PrimitiveBadge, PrimitiveButton, PrimitiveCheckbox, PrimitiveInput, PrimitiveRadio, PrimitiveTextarea, PrimitiveToggle, TOOLTIP_POSITIONS, buildButtonArgTypes, buildButtonArgs, createSizeRender, createVariantRender };
-export type { AccordionChangeEvent, AccordionItem, AccordionSize, AccordionVariant, AlertSize, AlertType, AvatarShape, AvatarSize, BadgeAppearance, BadgeShape, BadgeSize, BadgeType, BadgeVariant, BreadcrumbItem, ButtonAppearance, ButtonSize, ButtonType, ButtonVariant, CardSize, CardVariant, CheckboxSize, CheckboxState, ChipColor, ChipSize, ChipVariant, ContainerGutter, ContainerMaxWidth, DatePickerMode, DatePickerSize, DateRange, DividerLabelPosition, DividerOrientation, DividerSize, DividerVariant, DrawerPosition, DrawerSize, DropdownItem, DropdownItemDTO, DsComboboxOption, DsComboboxSize, DsSelectOption, DsSelectSize, DsTableColumn, DsTableSize, DsTableVariant, EmptySize, FileUploadSize, I18nLabels, InputAppearance, InputSize, InputState, InputType, MenuItem, MenuSize, MenuTrigger, PageChangeEvent, PageSizeOption, PaginationSize, PopoverTrigger, ProgressBarMode, ProgressBarSize, ProgressBarVariant, RadioGroupLayout, RadioOption, RadioSize, RatingSize, SearchInputSize, SkeletonSize, SkeletonVariant, SliderOrientation, SliderSize, SliderValue, SortDirection, SortEvent, Step, StepChangeEvent, StepState, StepperOrientation, StepperSize, SupportedLocale, TabItem, TableState, TextareaAppearance, TextareaResize, TextareaSize, TextareaState, TimeFormat, TimePickerSize, TimeValue, ToastInstance, ToastOptions, ToastPosition, ToastType, ToggleSize, TreeNode, TreeNodeCheckEvent, TreeNodeExpandEvent, TreeNodeSelectEvent, TreeSize, UploadFile };
+export { AUTOCOMPLETE_POSITIONS, BUTTON_APPEARANCE_OPTIONS, BUTTON_SIZE_OPTIONS, BUTTON_VARIANT_OPTIONS, DROPDOWN_POSITIONS, DsAccordion, DsAlert, DsAvatar, DsBadge, DsBreadcrumb, DsButton, DsCalendar, DsCard, DsCarousel, DsCheckbox, DsChip, DsColorPicker, DsCombobox, DsContainer, DsDatePicker, DsDivider, DsDrawer, DsDropdown, DsEmpty, DsFileUpload, DsI18nService, DsInputField, DsInputNumber, DsInputTextarea, DsMenu, DsModalComponent, DsNotificationContainerComponent, DsNotificationItemComponent, DsNotificationService, DsPagination, DsPasswordStrength, DsPopover, DsPopoverComponent, DsProgressBar, DsRadioGroup, DsRating, DsSearchInput, DsSegmentedControl, DsSelect, DsSkeleton, DsSlider, DsStepper, DsTable, DsTabs, DsTimePicker, DsTimeline, DsToastComponent, DsToastContainerComponent, DsToastService, DsToggle, DsTooltip, DsTooltipComponent, DsTransfer, DsTree, IconRegistryService, POPOVER_POSITIONS, PrimitiveBadge, PrimitiveButton, PrimitiveCheckbox, PrimitiveInput, PrimitiveRadio, PrimitiveTextarea, PrimitiveToggle, TOOLTIP_POSITIONS, buildButtonArgTypes, buildButtonArgs, createSizeRender, createVariantRender };
+export type { AccordionChangeEvent, AccordionItem, AccordionSize, AccordionVariant, AlertSize, AlertType, AvatarShape, AvatarSize, BadgeAppearance, BadgeShape, BadgeSize, BadgeType, BadgeVariant, BreadcrumbItem, ButtonAppearance, ButtonSize, ButtonType, ButtonVariant, CalendarEvent, CalendarMode, CalendarSize, CardSize, CardVariant, CarouselDotsPosition, CarouselEffect, CarouselSlide, CheckboxSize, CheckboxState, ChipColor, ChipSize, ChipVariant, ColorFormat, ColorPickerSize, ContainerGutter, ContainerMaxWidth, DatePickerMode, DatePickerSize, DateRange, DividerLabelPosition, DividerOrientation, DividerSize, DividerVariant, DrawerPosition, DrawerSize, DropdownItem, DropdownItemDTO, DsComboboxOption, DsComboboxSize, DsSelectOption, DsSelectSize, DsTableColumn, DsTableSize, DsTableVariant, EmptySize, FileUploadSize, HSLColor, I18nLabels, InputAppearance, InputNumberControlsPosition, InputNumberSize, InputSize, InputState, InputType, MenuItem, MenuSize, MenuTrigger, NotificationAction, NotificationConfig, NotificationItem, NotificationPlacement, PageChangeEvent, PageSizeOption, PaginationSize, PasswordCriterion, PasswordStrength, PasswordStrengthSize, PopoverTrigger, ProgressBarMode, ProgressBarSize, ProgressBarVariant, RGBColor, RadioGroupLayout, RadioOption, RadioSize, RatingSize, SearchInputSize, SegmentOption, SegmentedControlColor, SegmentedControlOrientation, SegmentedControlSize, SkeletonSize, SkeletonVariant, SliderOrientation, SliderSize, SliderValue, SortDirection, SortEvent, Step, StepChangeEvent, StepState, StepperOrientation, StepperSize, SupportedLocale, TabItem, TableState, TextareaAppearance, TextareaResize, TextareaSize, TextareaState, TimeFormat, TimePickerSize, TimeValue, TimelineColor, TimelineItem, TimelineItemClickEvent, TimelineMode, TimelineSize, ToastInstance, ToastOptions, ToastPosition, ToastType, ToggleSize, TransferChangeEvent, TransferDirection, TransferItem, TransferSize, TreeNode, TreeNodeCheckEvent, TreeNodeExpandEvent, TreeNodeSelectEvent, TreeSize, UploadFile };