@besaitech/ng-design-system 0.0.11

package/index.d.ts

@@ -0,0 +1,1549 @@
+import * as _angular_core from '@angular/core';
+import { OnDestroy, WritableSignal, OnInit, TemplateRef } from '@angular/core';
+import { SafeHtml } from '@angular/platform-browser';
+import { ControlValueAccessor, Validator, AbstractControl, ValidationErrors } from '@angular/forms';
+import * as _besaitech_ng_design_system from '@besaitech/ng-design-system';
+
+/**
+ * Curated set of line icons (Lucide-style, 24x24 viewBox, stroke-based).
+ * Each entry holds only the inner SVG markup; the <sds-icon> component wraps it.
+ * Add new icons here and they become available everywhere via name="...".
+ */
+declare const SDS_ICONS: {
+    readonly home: "<path d=\"m3 9 9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"/><polyline points=\"9 22 9 12 15 12 15 22\"/>";
+    readonly 'user-plus': "<path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"/><circle cx=\"9\" cy=\"7\" r=\"4\"/><line x1=\"19\" x2=\"19\" y1=\"8\" y2=\"14\"/><line x1=\"22\" x2=\"16\" y1=\"11\" y2=\"11\"/>";
+    readonly hand: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-hand-icon lucide-hand\"><path d=\"M18 11V6a2 2 0 0 0-2-2a2 2 0 0 0-2 2\"/><path d=\"M14 10V4a2 2 0 0 0-2-2a2 2 0 0 0-2 2v2\"/><path d=\"M10 10.5V6a2 2 0 0 0-2-2a2 2 0 0 0-2 2v8\"/><path d=\"M18 8a2 2 0 1 1 4 0v6a8 8 0 0 1-8 8h-2c-2.8 0-4.5-.86-5.99-2.34l-3.6-3.6a2 2 0 0 1 2.83-2.82L7 15\"/></svg>";
+    readonly users: "<path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"/><circle cx=\"9\" cy=\"7\" r=\"4\"/><path d=\"M22 21v-2a4 4 0 0 0-3-3.87\"/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"/>";
+    readonly 'building-2': "<path d=\"M6 22V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v18Z\"/><path d=\"M6 12H4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h2\"/><path d=\"M18 9h2a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-2\"/><path d=\"M10 6h4\"/><path d=\"M10 10h4\"/><path d=\"M10 14h4\"/><path d=\"M10 18h4\"/>";
+    readonly package: "<path d=\"M11 21.73a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73z\"/><path d=\"M12 22V12\"/><polyline points=\"3.29 7 12 12 20.71 7\"/><path d=\"m7.5 4.27 9 5.15\"/>";
+    readonly 'package-plus': "<path d=\"M16 16h6\"/><path d=\"M19 13v6\"/><path d=\"M21 10V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0\"/><path d=\"m7.5 4.27 9 5.15\"/><polyline points=\"3.29 7 12 12 20.71 7\"/><path d=\"M12 22V12\"/>";
+    readonly 'package-open': "<path d=\"M12 22v-9\"/><path d=\"M15.17 2.21a1.67 1.67 0 0 1 1.63 0L21 4.57a1.93 1.93 0 0 1 0 3.36L8.82 14.79a1.655 1.655 0 0 1-1.64 0L3 12.43a1.93 1.93 0 0 1 0-3.36z\"/><path d=\"M20 13v3.87a2.06 2.06 0 0 1-1.11 1.83l-6 3.08a1.93 1.93 0 0 1-1.78 0l-6-3.08A2.06 2.06 0 0 1 4 16.87V13\"/><path d=\"M21 12.43a1.93 1.93 0 0 0 0-3.36L8.83 2.2a1.64 1.64 0 0 0-1.63 0L3 4.57a1.93 1.93 0 0 0 0 3.36z\"/>";
+    readonly 'rotate-ccw': "<path d=\"M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8\"/><path d=\"M3 3v5h5\"/>";
+    readonly 'bar-chart-3': "<path d=\"M3 3v18h18\"/><path d=\"M18 17V9\"/><path d=\"M13 17V5\"/><path d=\"M8 17v-3\"/>";
+    readonly search: "<circle cx=\"11\" cy=\"11\" r=\"8\"/><path d=\"m21 21-4.3-4.3\"/>";
+    readonly 'log-out': "<path d=\"M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4\"/><polyline points=\"16 17 21 12 16 7\"/><line x1=\"21\" x2=\"9\" y1=\"12\" y2=\"12\"/>";
+    readonly 'panel-left-close': "<rect width=\"18\" height=\"18\" x=\"3\" y=\"3\" rx=\"2\"/><path d=\"M9 3v18\"/><path d=\"m16 15-3-3 3-3\"/>";
+    readonly 'panel-left-open': "<rect width=\"18\" height=\"18\" x=\"3\" y=\"3\" rx=\"2\"/><path d=\"M9 3v18\"/><path d=\"m14 9 3 3-3 3\"/>";
+    readonly 'panel-left': "<rect width=\"18\" height=\"18\" x=\"3\" y=\"3\" rx=\"2\"/><path d=\"M9 3v18\"/>";
+    readonly calendar: "<path d=\"M8 2v4\"/><path d=\"M16 2v4\"/><rect width=\"18\" height=\"18\" x=\"3\" y=\"4\" rx=\"2\"/><path d=\"M3 10h18\"/>";
+    readonly 'chevron-right': "<path d=\"m9 18 6-6-6-6\"/>";
+    readonly 'chevron-left': "<path d=\"m15 18-6-6 6-6\"/>";
+    readonly 'chevron-down': "<path d=\"m6 9 6 6 6-6\"/>";
+    readonly 'chevrons-left': "<path d=\"m11 17-5-5 5-5\"/><path d=\"m18 17-5-5 5-5\"/>";
+    readonly 'chevrons-right': "<path d=\"m6 17 5-5-5-5\"/><path d=\"m13 17 5-5-5-5\"/>";
+    readonly x: "<path d=\"M18 6 6 18\"/><path d=\"m6 6 12 12\"/>";
+    readonly check: "<path d=\"M20 6 9 17l-5-5\"/>";
+    readonly 'alert-circle': "<circle cx=\"12\" cy=\"12\" r=\"10\"/><line x1=\"12\" x2=\"12\" y1=\"8\" y2=\"12\"/><line x1=\"12\" x2=\"12.01\" y1=\"16\" y2=\"16\"/>";
+    readonly info: "<circle cx=\"12\" cy=\"12\" r=\"10\"/><path d=\"M12 16v-4\"/><path d=\"M12 8h.01\"/>";
+    readonly copy: "<rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\"/><path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\"/>";
+    readonly type: "<polyline points=\"4 7 4 4 20 4 20 7\"/><line x1=\"9\" x2=\"15\" y1=\"20\" y2=\"20\"/><line x1=\"12\" x2=\"12\" y1=\"4\" y2=\"20\"/>";
+    readonly tag: "<path d=\"M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z\"/><circle cx=\"7.5\" cy=\"7.5\" r=\".5\" fill=\"currentColor\"/>";
+    readonly square: "<rect width=\"18\" height=\"18\" x=\"3\" y=\"3\" rx=\"2\"/>";
+    readonly 'circle-user': "<circle cx=\"12\" cy=\"12\" r=\"10\"/><circle cx=\"12\" cy=\"10\" r=\"3\"/><path d=\"M7 20.662V19a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v1.662\"/>";
+    readonly 'layout-grid': "<rect width=\"7\" height=\"7\" x=\"3\" y=\"3\" rx=\"1\"/><rect width=\"7\" height=\"7\" x=\"14\" y=\"3\" rx=\"1\"/><rect width=\"7\" height=\"7\" x=\"14\" y=\"14\" rx=\"1\"/><rect width=\"7\" height=\"7\" x=\"3\" y=\"14\" rx=\"1\"/>";
+    readonly 'panels-top-left': "<rect width=\"18\" height=\"18\" x=\"3\" y=\"3\" rx=\"2\"/><path d=\"M3 9h18\"/><path d=\"M9 21V9\"/>";
+    readonly 'panel-top': "<rect width=\"18\" height=\"18\" x=\"3\" y=\"3\" rx=\"2\"/><path d=\"M3 9h18\"/>";
+    readonly 'rows-3': "<rect width=\"18\" height=\"18\" x=\"3\" y=\"3\" rx=\"2\"/><path d=\"M3 9h18\"/><path d=\"M3 15h18\"/>";
+    readonly 'book-open': "<path d=\"M12 7v14\"/><path d=\"M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z\"/>";
+    readonly palette: "<circle cx=\"13.5\" cy=\"6.5\" r=\".5\" fill=\"currentColor\"/><circle cx=\"17.5\" cy=\"10.5\" r=\".5\" fill=\"currentColor\"/><circle cx=\"8.5\" cy=\"7.5\" r=\".5\" fill=\"currentColor\"/><circle cx=\"6.5\" cy=\"12.5\" r=\".5\" fill=\"currentColor\"/><path d=\"M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10c.926 0 1.648-.746 1.648-1.688 0-.437-.18-.835-.437-1.125-.29-.289-.438-.652-.438-1.125a1.64 1.64 0 0 1 1.668-1.668h1.996c3.051 0 5.555-2.503 5.555-5.555C21.965 6.012 17.461 2 12 2z\"/>";
+    readonly bell: "<path d=\"M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9\"/><path d=\"M10.3 21a1.94 1.94 0 0 0 3.4 0\"/>";
+    readonly phone: "<path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"/>";
+    readonly settings: "<path d=\"M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z\"/><circle cx=\"12\" cy=\"12\" r=\"3\"/>";
+    readonly 'align-left': "<path d=\"M15 12H3\"/><path d=\"M17 18H3\"/><path d=\"M21 6H3\"/>";
+    readonly 'toggle-left': "<rect width=\"20\" height=\"12\" x=\"2\" y=\"6\" rx=\"6\" ry=\"6\"/><circle cx=\"8\" cy=\"12\" r=\"2\"/>";
+    readonly 'arrow-up': "<path d=\"m5 12 7-7 7 7\"/><path d=\"M12 19V5\"/>";
+    readonly 'arrow-down': "<path d=\"M12 5v14\"/><path d=\"m19 12-7 7-7-7\"/>";
+    readonly 'chevrons-up-down': "<path d=\"m7 15 5 5 5-5\"/><path d=\"m7 9 5-5 5 5\"/>";
+    readonly filter: "<polygon points=\"22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3\"/>";
+    readonly table: "<path d=\"M12 3v18\"/><rect width=\"18\" height=\"18\" x=\"3\" y=\"3\" rx=\"2\"/><path d=\"M3 9h18\"/><path d=\"M3 15h18\"/>";
+    readonly eye: "<path d=\"M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z\"/><circle cx=\"12\" cy=\"12\" r=\"3\"/>";
+    readonly user: "<path d=\"M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2\"/><circle cx=\"12\" cy=\"7\" r=\"4\"/>";
+    readonly 'check-circle': "<circle cx=\"12\" cy=\"12\" r=\"10\"/><path d=\"m9 12 2 2 4-4\"/>";
+    readonly 'arrows-clockwise': "<path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"/><path d=\"M21 3v5h-5\"/><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"/><path d=\"M3 21v-5h5\"/>";
+    readonly menu: "<line x1=\"4\" x2=\"20\" y1=\"6\" y2=\"6\"/><line x1=\"4\" x2=\"20\" y1=\"12\" y2=\"12\"/><line x1=\"4\" x2=\"20\" y1=\"18\" y2=\"18\"/>";
+    readonly 'file-text': "<path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"/><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"/><path d=\"M10 9H8\"/><path d=\"M16 13H8\"/><path d=\"M16 17H8\"/>";
+    readonly hash: "<line x1=\"4\" x2=\"20\" y1=\"9\" y2=\"9\"/><line x1=\"4\" x2=\"20\" y1=\"15\" y2=\"15\"/><line x1=\"10\" x2=\"8\" y1=\"3\" y2=\"21\"/><line x1=\"16\" x2=\"14\" y1=\"3\" y2=\"21\"/>";
+    readonly 'map-pin': "<path d=\"M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0\"/><circle cx=\"12\" cy=\"10\" r=\"3\"/>";
+    readonly inbox: "<polyline points=\"22 12 16 12 14 15 10 15 8 12 2 12\"/><path d=\"M5.45 5.11 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z\"/>";
+    readonly 'arrow-right': "<path d=\"M5 12h14\"/><path d=\"m12 5 7 7-7 7\"/>";
+    readonly 'refresh-cw': "<path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"/><path d=\"M21 3v5h-5\"/><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"/><path d=\"M3 21v-5h5\"/>";
+    readonly 'loader-circle': "<path d=\"M21 12a9 9 0 1 1-6.219-8.56\"/>";
+};
+type SdsIconName = keyof typeof SDS_ICONS;
+
+type SdsIconSize = 'sm' | 'md' | 'lg' | 'xl';
+/**
+ * Inline SVG icon backed by a curated, dependency-free registry.
+ *
+ * @example
+ * <sds-icon name="search" />
+ * <sds-icon name="home" [size]="18" />
+ */
+declare class SdsIcon {
+    private readonly sanitizer;
+    /** Icon identifier from the registry. */
+    readonly name: _angular_core.InputSignal<"home" | "user-plus" | "hand" | "users" | "building-2" | "package" | "package-plus" | "package-open" | "rotate-ccw" | "bar-chart-3" | "search" | "log-out" | "panel-left-close" | "panel-left-open" | "panel-left" | "calendar" | "chevron-right" | "chevron-left" | "chevron-down" | "chevrons-left" | "chevrons-right" | "x" | "check" | "alert-circle" | "info" | "copy" | "type" | "tag" | "square" | "circle-user" | "layout-grid" | "panels-top-left" | "panel-top" | "rows-3" | "book-open" | "palette" | "bell" | "phone" | "settings" | "align-left" | "toggle-left" | "arrow-up" | "arrow-down" | "chevrons-up-down" | "filter" | "table" | "eye" | "user" | "check-circle" | "arrows-clockwise" | "menu" | "file-text" | "hash" | "map-pin" | "inbox" | "arrow-right" | "refresh-cw" | "loader-circle">;
+    /** Square size: a pixel number, a numeric string, or a keyword (sm·md·lg·xl). */
+    readonly size: _angular_core.InputSignalWithTransform<number, string | number>;
+    /** Stroke width of the line icon. */
+    readonly strokeWidth: _angular_core.InputSignal<number>;
+    protected readonly svg: _angular_core.Signal<SafeHtml>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SdsIcon, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SdsIcon, "sds-icon", never, { "name": { "alias": "name"; "required": true; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "strokeWidth": { "alias": "strokeWidth"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+type SdsButtonVariant = 'primary' | 'secondary' | 'tertiary' | 'ghost' | 'danger';
+type SdsButtonSize = 'sm' | 'md' | 'lg';
+/**
+ * Brand button. Project an <sds-icon sdsIconLeading/> or <sds-icon sdsIconTrailing/>
+ * for icons, or set [iconOnly]="true" for a square icon button.
+ *
+ * @example
+ * <sds-button variant="primary" (click)="save()">Enregistrer</sds-button>
+ */
+declare class SdsButton {
+    readonly variant: _angular_core.InputSignal<SdsButtonVariant>;
+    readonly size: _angular_core.InputSignal<SdsButtonSize>;
+    readonly type: _angular_core.InputSignal<"button" | "submit" | "reset">;
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly loading: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Full-width button. */
+    readonly block: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Square icon-only button (provide [ariaLabel] for accessibility). */
+    readonly iconOnly: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly ariaLabel: _angular_core.InputSignal<string | null>;
+    constructor();
+    /** Block the documented host-bound (click)/routerLink when inert. */
+    protected onHostClick(event: Event): void;
+    protected readonly hostClass: _angular_core.Signal<"flex w-full" | "inline-flex">;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SdsButton, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SdsButton, "sds-button", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "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; }; "iconOnly": { "alias": "iconOnly"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, never, ["[sdsIconLeading]", "*", "[sdsIconTrailing]"], true, never>;
+}
+
+type SdsInputSize = 'sm' | 'md' | 'lg';
+type SdsInputAppearance = 'default' | 'on-brand';
+type SdsInputType = 'text' | 'email' | 'password' | 'number' | 'tel' | 'search' | 'url';
+/**
+ * Text input with label, hint/error, optional leading/trailing icons and a
+ * clear button. Implements ControlValueAccessor — use with reactive forms or
+ * [(ngModel)]. The `on-brand` appearance is tuned for dark surfaces (e.g. the
+ * sidebar search field).
+ */
+declare class SdsInput implements ControlValueAccessor {
+    readonly inputId: string;
+    readonly label: _angular_core.InputSignal<string>;
+    /** Accessible name used when no visible [label] is provided. */
+    readonly ariaLabel: _angular_core.InputSignal<string>;
+    readonly placeholder: _angular_core.InputSignal<string>;
+    readonly hint: _angular_core.InputSignal<string>;
+    readonly error: _angular_core.InputSignal<string>;
+    readonly type: _angular_core.InputSignal<SdsInputType>;
+    readonly size: _angular_core.InputSignal<SdsInputSize>;
+    readonly appearance: _angular_core.InputSignal<SdsInputAppearance>;
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly clearable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly leadingIcon: _angular_core.InputSignal<"home" | "user-plus" | "hand" | "users" | "building-2" | "package" | "package-plus" | "package-open" | "rotate-ccw" | "bar-chart-3" | "search" | "log-out" | "panel-left-close" | "panel-left-open" | "panel-left" | "calendar" | "chevron-right" | "chevron-left" | "chevron-down" | "chevrons-left" | "chevrons-right" | "x" | "check" | "alert-circle" | "info" | "copy" | "type" | "tag" | "square" | "circle-user" | "layout-grid" | "panels-top-left" | "panel-top" | "rows-3" | "book-open" | "palette" | "bell" | "phone" | "settings" | "align-left" | "toggle-left" | "arrow-up" | "arrow-down" | "chevrons-up-down" | "filter" | "table" | "eye" | "user" | "check-circle" | "arrows-clockwise" | "menu" | "file-text" | "hash" | "map-pin" | "inbox" | "arrow-right" | "refresh-cw" | "loader-circle" | null>;
+    readonly trailingIcon: _angular_core.InputSignal<"home" | "user-plus" | "hand" | "users" | "building-2" | "package" | "package-plus" | "package-open" | "rotate-ccw" | "bar-chart-3" | "search" | "log-out" | "panel-left-close" | "panel-left-open" | "panel-left" | "calendar" | "chevron-right" | "chevron-left" | "chevron-down" | "chevrons-left" | "chevrons-right" | "x" | "check" | "alert-circle" | "info" | "copy" | "type" | "tag" | "square" | "circle-user" | "layout-grid" | "panels-top-left" | "panel-top" | "rows-3" | "book-open" | "palette" | "bell" | "phone" | "settings" | "align-left" | "toggle-left" | "arrow-up" | "arrow-down" | "chevrons-up-down" | "filter" | "table" | "eye" | "user" | "check-circle" | "arrows-clockwise" | "menu" | "file-text" | "hash" | "map-pin" | "inbox" | "arrow-right" | "refresh-cw" | "loader-circle" | null>;
+    /** Current value (driven by CVA + user input). */
+    protected readonly value: _angular_core.WritableSignal<string>;
+    private readonly cvaDisabled;
+    protected readonly onBrand: _angular_core.Signal<boolean>;
+    protected readonly isDisabled: _angular_core.Signal<boolean>;
+    protected readonly describedBy: _angular_core.Signal<string | null>;
+    protected readonly fieldPadding: _angular_core.Signal<string>;
+    protected readonly wrapperClasses: _angular_core.Signal<string>;
+    private onChange;
+    protected onTouched: () => void;
+    writeValue(value: string | null): void;
+    registerOnChange(fn: (value: string) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    protected onInput(event: Event): void;
+    protected clear(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SdsInput, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SdsInput, "sds-input", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "leadingIcon": { "alias": "leadingIcon"; "required": false; "isSignal": true; }; "trailingIcon": { "alias": "trailingIcon"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+type SdsTextareaSize = 'sm' | 'md' | 'lg';
+type SdsTextareaResize = 'none' | 'vertical' | 'both';
+/**
+ * Multi-line text field with label, hint/error, character counter and optional
+ * auto-resize. Implements ControlValueAccessor — use with reactive forms or
+ * [(ngModel)].
+ */
+declare class SdsTextarea implements ControlValueAccessor {
+    readonly fieldId: string;
+    private readonly field;
+    readonly label: _angular_core.InputSignal<string>;
+    /** Accessible name used when no visible [label] is provided. */
+    readonly ariaLabel: _angular_core.InputSignal<string>;
+    readonly placeholder: _angular_core.InputSignal<string>;
+    readonly hint: _angular_core.InputSignal<string>;
+    readonly error: _angular_core.InputSignal<string>;
+    readonly size: _angular_core.InputSignal<SdsTextareaSize>;
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly readonly: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly required: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Minimum visible rows. */
+    readonly rows: _angular_core.InputSignalWithTransform<number, unknown>;
+    /** Grow the field to fit its content as the user types. */
+    readonly autoResize: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Hard character cap; 0 means no limit. */
+    readonly maxLength: _angular_core.InputSignalWithTransform<number, unknown>;
+    /** Show a character counter row. */
+    readonly showCount: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly resize: _angular_core.InputSignal<SdsTextareaResize>;
+    /** Current value (driven by CVA + user input). */
+    protected readonly value: _angular_core.WritableSignal<string>;
+    private readonly cvaDisabled;
+    protected readonly isDisabled: _angular_core.Signal<boolean>;
+    protected readonly count: _angular_core.Signal<number>;
+    protected readonly hasCounter: _angular_core.Signal<boolean>;
+    /** Spoken description of the counter for assistive tech. */
+    protected readonly countLabel: _angular_core.Signal<string>;
+    protected readonly describedBy: _angular_core.Signal<string | null>;
+    protected readonly fieldClasses: _angular_core.Signal<string>;
+    constructor();
+    private onChange;
+    protected onTouched: () => void;
+    writeValue(value: string | null): void;
+    registerOnChange(fn: (value: string) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    protected onInput(event: Event): void;
+    private resizeToContent;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SdsTextarea, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SdsTextarea, "sds-textarea", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "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; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "autoResize": { "alias": "autoResize"; "required": false; "isSignal": true; }; "maxLength": { "alias": "maxLength"; "required": false; "isSignal": true; }; "showCount": { "alias": "showCount"; "required": false; "isSignal": true; }; "resize": { "alias": "resize"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+type SdsToggleSwitchSize = 'sm' | 'md' | 'lg';
+interface ToggleSizing {
+    /** Track width/height. */
+    track: string;
+    /** Knob width/height. */
+    knob: string;
+    /** Knob translate distance when checked. */
+    on: string;
+    /** Icon size in pixels. */
+    icon: number;
+}
+/**
+ * On/off switch styled as a sliding toggle. Implements ControlValueAccessor —
+ * use with reactive forms or [(ngModel)]. Supports an optional visible label,
+ * custom `trueValue`/`falseValue`, and optional knob icons for the on/off
+ * states.
+ */
+declare class SdsToggleSwitch implements ControlValueAccessor {
+    readonly fieldId: string;
+    readonly label: _angular_core.InputSignal<string>;
+    /** Accessible name used when no visible [label] is provided. */
+    readonly ariaLabel: _angular_core.InputSignal<string>;
+    readonly size: _angular_core.InputSignal<SdsToggleSwitchSize>;
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly required: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Value emitted/stored when the switch is on. */
+    readonly trueValue: _angular_core.InputSignal<unknown>;
+    /** Value emitted/stored when the switch is off. */
+    readonly falseValue: _angular_core.InputSignal<unknown>;
+    /** Icon shown on the knob when checked. */
+    readonly onIcon: _angular_core.InputSignal<"home" | "user-plus" | "hand" | "users" | "building-2" | "package" | "package-plus" | "package-open" | "rotate-ccw" | "bar-chart-3" | "search" | "log-out" | "panel-left-close" | "panel-left-open" | "panel-left" | "calendar" | "chevron-right" | "chevron-left" | "chevron-down" | "chevrons-left" | "chevrons-right" | "x" | "check" | "alert-circle" | "info" | "copy" | "type" | "tag" | "square" | "circle-user" | "layout-grid" | "panels-top-left" | "panel-top" | "rows-3" | "book-open" | "palette" | "bell" | "phone" | "settings" | "align-left" | "toggle-left" | "arrow-up" | "arrow-down" | "chevrons-up-down" | "filter" | "table" | "eye" | "user" | "check-circle" | "arrows-clockwise" | "menu" | "file-text" | "hash" | "map-pin" | "inbox" | "arrow-right" | "refresh-cw" | "loader-circle" | null>;
+    /** Icon shown on the knob when unchecked. */
+    readonly offIcon: _angular_core.InputSignal<"home" | "user-plus" | "hand" | "users" | "building-2" | "package" | "package-plus" | "package-open" | "rotate-ccw" | "bar-chart-3" | "search" | "log-out" | "panel-left-close" | "panel-left-open" | "panel-left" | "calendar" | "chevron-right" | "chevron-left" | "chevron-down" | "chevrons-left" | "chevrons-right" | "x" | "check" | "alert-circle" | "info" | "copy" | "type" | "tag" | "square" | "circle-user" | "layout-grid" | "panels-top-left" | "panel-top" | "rows-3" | "book-open" | "palette" | "bell" | "phone" | "settings" | "align-left" | "toggle-left" | "arrow-up" | "arrow-down" | "chevrons-up-down" | "filter" | "table" | "eye" | "user" | "check-circle" | "arrows-clockwise" | "menu" | "file-text" | "hash" | "map-pin" | "inbox" | "arrow-right" | "refresh-cw" | "loader-circle" | null>;
+    readonly hint: _angular_core.InputSignal<string>;
+    readonly error: _angular_core.InputSignal<string>;
+    /**
+     * Current value (driven by CVA). Initialized to a stable literal off-state
+     * rather than reading falseValue() in the field initializer — a signal input
+     * read here always returns its declared default, so capturing it would ignore
+     * a custom [falseValue] and is non-reactive. The off-state is resolved live
+     * against trueValue() in checked() and against falseValue() in toggle().
+     */
+    protected readonly value: _angular_core.WritableSignal<unknown>;
+    private readonly cvaDisabled;
+    protected readonly checked: _angular_core.Signal<boolean>;
+    protected readonly isDisabled: _angular_core.Signal<boolean>;
+    protected readonly sizing: _angular_core.Signal<ToggleSizing>;
+    protected readonly describedBy: _angular_core.Signal<string | null>;
+    protected readonly trackClasses: _angular_core.Signal<string>;
+    protected readonly knobClasses: _angular_core.Signal<string>;
+    constructor();
+    private onChange;
+    protected onTouched: () => void;
+    writeValue(value: unknown): void;
+    registerOnChange(fn: (value: unknown) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    protected toggle(): void;
+    protected onSpace(event: Event): void;
+    private setValue;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SdsToggleSwitch, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SdsToggleSwitch, "sds-toggle-switch", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "trueValue": { "alias": "trueValue"; "required": false; "isSignal": true; }; "falseValue": { "alias": "falseValue"; "required": false; "isSignal": true; }; "onIcon": { "alias": "onIcon"; "required": false; "isSignal": true; }; "offIcon": { "alias": "offIcon"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+type SdsCheckboxSize = 'sm' | 'md';
+/**
+ * Boolean checkbox. Implements ControlValueAccessor — use with reactive forms
+ * or `[(ngModel)]`. Renders a styled box (brand-filled with a check when on)
+ * and an optional inline label.
+ *
+ * @example
+ * <sds-checkbox label="Fusion automatique" [(ngModel)]="autoMerge" />
+ */
+declare class SdsCheckbox implements ControlValueAccessor {
+    readonly id: string;
+    readonly label: _angular_core.InputSignal<string>;
+    /** Accessible name used when no visible [label] is provided. */
+    readonly ariaLabel: _angular_core.InputSignal<string>;
+    readonly size: _angular_core.InputSignal<SdsCheckboxSize>;
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    protected readonly checked: _angular_core.WritableSignal<boolean>;
+    private readonly cvaDisabled;
+    protected readonly isDisabled: _angular_core.Signal<boolean>;
+    protected readonly iconSize: _angular_core.Signal<11 | 13>;
+    protected readonly boxClasses: _angular_core.Signal<string>;
+    private onChange;
+    protected onTouched: () => void;
+    writeValue(value: boolean | null): void;
+    registerOnChange(fn: (value: boolean) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    protected onInput(event: Event): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SdsCheckbox, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SdsCheckbox, "sds-checkbox", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+type SdsAvatarStatus = 'online' | 'offline' | 'busy' | 'away';
+/**
+ * Circular avatar showing an image or initials, with an optional status dot.
+ */
+declare class SdsAvatar {
+    readonly name: _angular_core.InputSignal<string>;
+    readonly initials: _angular_core.InputSignal<string>;
+    readonly src: _angular_core.InputSignal<string | null>;
+    readonly size: _angular_core.InputSignal<number>;
+    readonly status: _angular_core.InputSignal<SdsAvatarStatus | null>;
+    /** Tailwind bg utility for the initials background. */
+    readonly bgClass: _angular_core.InputSignal<string>;
+    protected readonly dotSize: _angular_core.Signal<number>;
+    protected readonly statusColor: _angular_core.Signal<string>;
+    protected readonly resolvedInitials: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SdsAvatar, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SdsAvatar, "sds-avatar", never, { "name": { "alias": "name"; "required": false; "isSignal": true; }; "initials": { "alias": "initials"; "required": false; "isSignal": true; }; "src": { "alias": "src"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "status": { "alias": "status"; "required": false; "isSignal": true; }; "bgClass": { "alias": "bgClass"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+type SdsBadgeVariant = 'neutral' | 'brand' | 'info' | 'success' | 'warning' | 'danger';
+type SdsBadgeSize = 'sm' | 'md';
+/**
+ * Small status/label pill. Used e.g. for the "TEST V.1.0.0" version chip.
+ */
+declare class SdsBadge {
+    readonly variant: _angular_core.InputSignal<SdsBadgeVariant>;
+    readonly size: _angular_core.InputSignal<SdsBadgeSize>;
+    readonly dot: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    protected readonly classes: _angular_core.Signal<string>;
+    protected readonly dotClass: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SdsBadge, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SdsBadge, "sds-badge", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "dot": { "alias": "dot"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+type SdsCardVariant = 'elevated' | 'outlined' | 'subtle';
+/**
+ * Generic surface container. Set [interactive]="true" for hover affordance
+ * (used by the dashboard action cards).
+ */
+declare class SdsCard {
+    readonly variant: _angular_core.InputSignal<SdsCardVariant>;
+    /** Inner padding utility (override with e.g. "p-4"). */
+    readonly padding: _angular_core.InputSignal<string>;
+    readonly interactive: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    protected readonly hostClass: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SdsCard, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SdsCard, "sds-card", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "padding": { "alias": "padding"; "required": false; "isSignal": true; }; "interactive": { "alias": "interactive"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+/** Small, dependency-free date helpers (day-granularity, local time). */
+declare function startOfDay(d: Date): Date;
+declare function startOfMonth(d: Date): Date;
+declare function addDays(d: Date, n: number): Date;
+declare function addMonths(d: Date, n: number): Date;
+/** Add `n` months, keeping the day-of-month but clamping to the target month's length. */
+declare function addMonthsKeepDay(d: Date, n: number): Date;
+declare function isSameDay(a: Date | null | undefined, b: Date | null | undefined): boolean;
+/** True when `d` falls outside the inclusive [min, max] day range. */
+declare function isOutOfRange(d: Date, min: Date | null, max: Date | null): boolean;
+declare function isoDay(d: Date): string;
+/** Format a date as dd/MM/yyyy (default display format). */
+declare function formatDdMmYyyy(d: Date): string;
+
+type CalView = 'day' | 'month' | 'year';
+interface DayCell {
+    date: Date;
+    day: number;
+    otherMonth: boolean;
+    today: boolean;
+    selected: boolean;
+    disabled: boolean;
+    focused: boolean;
+}
+/**
+ * Inline month calendar with day → month → year drill-down navigation,
+ * min/max bounds and keyboard support. Used standalone (inline) or inside
+ * <sds-date-picker>.
+ */
+declare class SdsCalendar {
+    private readonly host;
+    readonly value: _angular_core.ModelSignal<Date | null>;
+    readonly min: _angular_core.InputSignal<Date | null>;
+    readonly max: _angular_core.InputSignal<Date | null>;
+    /** 0 = Sunday, 1 = Monday (default, European). */
+    readonly firstDayOfWeek: _angular_core.InputSignal<0 | 1>;
+    readonly locale: _angular_core.InputSignal<string>;
+    readonly showActions: _angular_core.InputSignal<boolean>;
+    /** Emitted when a concrete date is picked (day click or "Aujourd'hui"). */
+    readonly dateSelect: _angular_core.OutputEmitterRef<Date>;
+    protected readonly view: _angular_core.WritableSignal<CalView>;
+    protected readonly viewDate: _angular_core.WritableSignal<Date>;
+    protected readonly focusedDate: _angular_core.WritableSignal<Date>;
+    constructor();
+    /** Today falls outside [min, max] — used to disable the "Today" action. */
+    protected readonly todayDisabled: _angular_core.Signal<boolean>;
+    protected readonly navBtn = "inline-flex h-8 w-8 items-center justify-center rounded-control text-ink-soft hover:bg-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand-500";
+    protected readonly titleBtn = "rounded-control px-2 py-1 capitalize hover:bg-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand-500";
+    protected readonly actionBtn = "rounded-control px-2 py-1 text-xs font-medium text-brand-700 hover:bg-brand-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand-500 disabled:cursor-not-allowed disabled:opacity-40";
+    protected readonly monthLong: _angular_core.Signal<string>;
+    protected readonly yearLabel: _angular_core.Signal<number>;
+    protected readonly decadeStart: _angular_core.Signal<number>;
+    protected readonly weekdayLabels: _angular_core.Signal<string[]>;
+    protected readonly weeks: _angular_core.Signal<DayCell[][]>;
+    protected readonly monthsGrid: _angular_core.Signal<{
+        month: number;
+        label: string;
+        selected: boolean;
+        current: boolean;
+        disabled: boolean;
+    }[]>;
+    protected readonly yearsGrid: _angular_core.Signal<{
+        year: number;
+        selected: boolean;
+        current: boolean;
+        disabled: boolean;
+    }[]>;
+    protected prev(): void;
+    protected next(): void;
+    protected selectDay(d: Date): void;
+    protected selectMonth(m: number): void;
+    protected selectYear(y: number): void;
+    protected goToday(): void;
+    protected clear(): void;
+    protected onGridKeydown(e: KeyboardEvent): void;
+    /** Move focus to the active day cell (called when the panel opens). */
+    focusActiveCell(): void;
+    private focusHandle?;
+    private focusCell;
+    protected iso(d: Date): string;
+    protected fullLabel(d: Date): string;
+    protected dayClass(cell: DayCell): string;
+    protected cellClass(selected: boolean, current: boolean, disabled: boolean): string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SdsCalendar, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SdsCalendar, "sds-calendar", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "firstDayOfWeek": { "alias": "firstDayOfWeek"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "showActions": { "alias": "showActions"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "dateSelect": "dateSelect"; }, never, never, true, never>;
+}
+
+type SdsDatePickerSize = 'sm' | 'md' | 'lg';
+/**
+ * Date picker: a read-only field that opens a calendar overlay, or an inline
+ * calendar. Implements ControlValueAccessor — use with reactive forms or
+ * [(ngModel)]; the value is a `Date | null`.
+ *
+ * @example
+ * <sds-date-picker label="Date de garde" [(ngModel)]="date" />
+ */
+declare class SdsDatePicker implements ControlValueAccessor, OnDestroy {
+    private readonly host;
+    private readonly injector;
+    protected readonly fieldId: string;
+    readonly label: _angular_core.InputSignal<string>;
+    readonly ariaLabel: _angular_core.InputSignal<string>;
+    readonly placeholder: _angular_core.InputSignal<string>;
+    readonly hint: _angular_core.InputSignal<string>;
+    readonly error: _angular_core.InputSignal<string>;
+    readonly size: _angular_core.InputSignal<SdsDatePickerSize>;
+    readonly min: _angular_core.InputSignal<Date | null>;
+    readonly max: _angular_core.InputSignal<Date | null>;
+    readonly firstDayOfWeek: _angular_core.InputSignal<0 | 1>;
+    readonly locale: _angular_core.InputSignal<string>;
+    readonly inline: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly clearable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly showActions: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Custom display formatter (default dd/MM/yyyy). */
+    readonly format: _angular_core.InputSignal<(d: Date) => string>;
+    protected readonly value: _angular_core.WritableSignal<Date | null>;
+    protected readonly open: _angular_core.WritableSignal<boolean>;
+    private readonly cvaDisabled;
+    private readonly calendar;
+    private readonly trigger;
+    /** The overlay panel, relocated to document.body while open. */
+    private panelEl;
+    protected readonly isDisabled: _angular_core.Signal<boolean>;
+    protected readonly displayValue: _angular_core.Signal<string>;
+    /** Whether the clear button is shown (affects the field's right padding). */
+    protected readonly showClear: _angular_core.Signal<boolean>;
+    protected readonly wrapperClasses: _angular_core.Signal<string>;
+    protected toggle(event?: Event): void;
+    protected openPanel(): void;
+    protected close(returnFocus?: boolean): void;
+    protected clear(event: Event): void;
+    protected onCalendarValue(v: Date | null): void;
+    protected onDocumentClick(event: MouseEvent): void;
+    private readonly reflow;
+    private listening;
+    private addReflowListeners;
+    private removeReflowListeners;
+    private positionPanel;
+    ngOnDestroy(): void;
+    private setValue;
+    private onChange;
+    protected onTouched: () => void;
+    writeValue(value: Date | string | number | null): void;
+    registerOnChange(fn: (value: Date | null) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SdsDatePicker, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SdsDatePicker, "sds-date-picker", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "firstDayOfWeek": { "alias": "firstDayOfWeek"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "inline": { "alias": "inline"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "showActions": { "alias": "showActions"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "format": { "alias": "format"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+type SdsSelectSize = 'sm' | 'md' | 'lg';
+interface NormOption$1 {
+    label: string;
+    value: unknown;
+    disabled: boolean;
+}
+/**
+ * Single-select dropdown. Options may be primitives or objects (configure via
+ * [optionLabel]/[optionValue]/[optionDisabled]). The overlay is appended to
+ * <body>. Supports filtering, clearing, and full keyboard navigation.
+ * Implements ControlValueAccessor — use with reactive forms or [(ngModel)].
+ *
+ * For object options, set [optionValue] or [dataKey] so written values match by
+ * key; otherwise selection matching falls back to reference equality (a written
+ * copy of an option will not match).
+ *
+ * @example
+ * <sds-select [options]="services" optionLabel="name" optionValue="id"
+ *            placeholder="Choisir un service" [(ngModel)]="serviceId" filter clearable />
+ */
+declare class SdsSelect implements ControlValueAccessor, OnDestroy {
+    private readonly host;
+    private readonly injector;
+    protected readonly selectId: string;
+    protected readonly listId: string;
+    readonly options: _angular_core.InputSignal<readonly unknown[]>;
+    readonly optionLabel: _angular_core.InputSignal<string>;
+    readonly optionValue: _angular_core.InputSignal<string>;
+    readonly optionDisabled: _angular_core.InputSignal<string>;
+    /** Key used to compare object values for selection equality. */
+    readonly dataKey: _angular_core.InputSignal<string>;
+    readonly placeholder: _angular_core.InputSignal<string>;
+    readonly label: _angular_core.InputSignal<string>;
+    readonly ariaLabel: _angular_core.InputSignal<string>;
+    readonly hint: _angular_core.InputSignal<string>;
+    readonly error: _angular_core.InputSignal<string>;
+    readonly size: _angular_core.InputSignal<SdsSelectSize>;
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly clearable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly filter: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly filterPlaceholder: _angular_core.InputSignal<string>;
+    readonly emptyMessage: _angular_core.InputSignal<string>;
+    protected readonly value: _angular_core.WritableSignal<unknown>;
+    protected readonly open: _angular_core.WritableSignal<boolean>;
+    protected readonly filterText: _angular_core.WritableSignal<string>;
+    protected readonly highlightedIndex: _angular_core.WritableSignal<number>;
+    private readonly cvaDisabled;
+    private readonly trigger;
+    private panelEl;
+    protected readonly isDisabled: _angular_core.Signal<boolean>;
+    protected readonly normalizedOptions: _angular_core.Signal<NormOption$1[]>;
+    protected readonly filteredOptions: _angular_core.Signal<NormOption$1[]>;
+    protected readonly selectedOption: _angular_core.Signal<NormOption$1 | null>;
+    protected readonly showClear: _angular_core.Signal<boolean>;
+    protected readonly activeDescId: _angular_core.Signal<string | null>;
+    protected readonly wrapperClasses: _angular_core.Signal<string>;
+    private norm;
+    private equals;
+    protected isSelected(v: unknown): boolean;
+    protected optionId(i: number): string;
+    protected optionClass(i: number, opt: NormOption$1): string;
+    protected toggle(): void;
+    protected openPanel(): void;
+    protected close(returnFocus?: boolean): void;
+    protected clear(event: Event): void;
+    protected selectOption(opt: NormOption$1): void;
+    protected onFilter(event: Event): void;
+    protected onTriggerKeydown(event: KeyboardEvent): void;
+    protected onFilterKeydown(event: KeyboardEvent): void;
+    private handleNavKey;
+    private initHighlight;
+    private firstEnabled;
+    private move;
+    private highlightFirst;
+    private highlightLast;
+    private selectHighlighted;
+    private typeBuffer;
+    private typeTimer?;
+    private typeAhead;
+    private scrollHighlightedIntoView;
+    private readonly reflow;
+    private listening;
+    private addReflowListeners;
+    private removeReflowListeners;
+    private positionPanel;
+    protected onDocumentClick(event: MouseEvent): void;
+    ngOnDestroy(): void;
+    private setValue;
+    private onChange;
+    protected onTouched: () => void;
+    writeValue(value: unknown): void;
+    registerOnChange(fn: (value: unknown) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SdsSelect, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SdsSelect, "sds-select", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "optionLabel": { "alias": "optionLabel"; "required": false; "isSignal": true; }; "optionValue": { "alias": "optionValue"; "required": false; "isSignal": true; }; "optionDisabled": { "alias": "optionDisabled"; "required": false; "isSignal": true; }; "dataKey": { "alias": "dataKey"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "filter": { "alias": "filter"; "required": false; "isSignal": true; }; "filterPlaceholder": { "alias": "filterPlaceholder"; "required": false; "isSignal": true; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+type SdsMultiSelectSize = 'sm' | 'md' | 'lg';
+type SdsMultiSelectDisplay = 'comma' | 'chip';
+interface NormOption {
+    label: string;
+    value: unknown;
+    disabled: boolean;
+}
+/**
+ * Multi-select dropdown (value is an array). Options may be primitives or
+ * objects (configure via [optionLabel]/[optionValue]/[optionDisabled]). The
+ * overlay is appended to <body>. Supports a "select all" toggle, per-option
+ * checkboxes, chip or comma display, filtering, clearing and keyboard nav.
+ * Implements ControlValueAccessor — use with reactive forms or [(ngModel)].
+ *
+ * For object options, set [optionValue] or [dataKey] so written values match by
+ * key; otherwise matching falls back to reference equality.
+ *
+ * @example
+ * <sds-multi-select [options]="services" optionLabel="name" optionValue="code"
+ *                  display="chip" filter [(ngModel)]="codes" />
+ */
+declare class SdsMultiSelect implements ControlValueAccessor, OnDestroy {
+    private readonly host;
+    private readonly injector;
+    protected readonly selectId: string;
+    protected readonly listId: string;
+    readonly options: _angular_core.InputSignal<readonly unknown[]>;
+    readonly optionLabel: _angular_core.InputSignal<string>;
+    readonly optionValue: _angular_core.InputSignal<string>;
+    readonly optionDisabled: _angular_core.InputSignal<string>;
+    readonly dataKey: _angular_core.InputSignal<string>;
+    readonly placeholder: _angular_core.InputSignal<string>;
+    readonly label: _angular_core.InputSignal<string>;
+    readonly ariaLabel: _angular_core.InputSignal<string>;
+    readonly hint: _angular_core.InputSignal<string>;
+    readonly error: _angular_core.InputSignal<string>;
+    readonly size: _angular_core.InputSignal<SdsMultiSelectSize>;
+    readonly display: _angular_core.InputSignal<SdsMultiSelectDisplay>;
+    /** In comma mode, show a count label once more than this many are selected. */
+    readonly maxSelectedLabels: _angular_core.InputSignalWithTransform<number, unknown>;
+    readonly selectedItemsLabel: _angular_core.InputSignal<string>;
+    readonly showToggleAll: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly clearable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly filter: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly filterPlaceholder: _angular_core.InputSignal<string>;
+    readonly emptyMessage: _angular_core.InputSignal<string>;
+    protected readonly value: _angular_core.WritableSignal<unknown[]>;
+    protected readonly open: _angular_core.WritableSignal<boolean>;
+    protected readonly filterText: _angular_core.WritableSignal<string>;
+    protected readonly highlightedIndex: _angular_core.WritableSignal<number>;
+    private readonly cvaDisabled;
+    private readonly trigger;
+    private panelEl;
+    protected readonly isDisabled: _angular_core.Signal<boolean>;
+    protected readonly normalizedOptions: _angular_core.Signal<NormOption[]>;
+    protected readonly filteredOptions: _angular_core.Signal<NormOption[]>;
+    protected readonly selectedOptions: _angular_core.Signal<NormOption[]>;
+    protected readonly showClear: _angular_core.Signal<boolean>;
+    protected readonly triggerLabel: _angular_core.Signal<string>;
+    private readonly filteredEnabled;
+    protected readonly allFilteredSelected: _angular_core.Signal<boolean>;
+    protected readonly toggleAllIndeterminate: _angular_core.Signal<boolean>;
+    /** Show the select-all row only when there is at least one enabled option. */
+    protected readonly hasToggleAll: _angular_core.Signal<boolean>;
+    protected readonly toggleAllId: string;
+    protected readonly activeDescId: _angular_core.Signal<string | null>;
+    protected readonly wrapperClasses: _angular_core.Signal<string>;
+    private norm;
+    private equals;
+    protected isSelected(v: unknown): boolean;
+    protected optionId(i: number): string;
+    protected optionClass(i: number, opt: NormOption): string;
+    protected checkboxClass(checked: boolean, indeterminate: boolean): string;
+    protected toggle(): void;
+    protected openPanel(): void;
+    protected close(returnFocus?: boolean): void;
+    protected clear(event: Event): void;
+    protected removeChip(event: Event, opt: NormOption): void;
+    protected toggleOption(opt: NormOption): void;
+    protected toggleAll(): void;
+    protected onFilter(event: Event): void;
+    protected onTriggerKeydown(event: KeyboardEvent): void;
+    protected onFilterKeydown(event: KeyboardEvent): void;
+    private handleNavKey;
+    private initHighlight;
+    private firstEnabled;
+    private move;
+    private highlightFirst;
+    private highlightLast;
+    private toggleHighlighted;
+    private typeBuffer;
+    private typeTimer?;
+    private typeAhead;
+    private scrollHighlightedIntoView;
+    private readonly reflow;
+    private listening;
+    private addReflowListeners;
+    private removeReflowListeners;
+    private positionPanel;
+    protected onDocumentClick(event: MouseEvent): void;
+    ngOnDestroy(): void;
+    private setValue;
+    private onChange;
+    protected onTouched: () => void;
+    writeValue(value: unknown[] | null): void;
+    registerOnChange(fn: (value: unknown[]) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SdsMultiSelect, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SdsMultiSelect, "sds-multi-select", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "optionLabel": { "alias": "optionLabel"; "required": false; "isSignal": true; }; "optionValue": { "alias": "optionValue"; "required": false; "isSignal": true; }; "optionDisabled": { "alias": "optionDisabled"; "required": false; "isSignal": true; }; "dataKey": { "alias": "dataKey"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "display": { "alias": "display"; "required": false; "isSignal": true; }; "maxSelectedLabels": { "alias": "maxSelectedLabels"; "required": false; "isSignal": true; }; "selectedItemsLabel": { "alias": "selectedItemsLabel"; "required": false; "isSignal": true; }; "showToggleAll": { "alias": "showToggleAll"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "filter": { "alias": "filter"; "required": false; "isSignal": true; }; "filterPlaceholder": { "alias": "filterPlaceholder"; "required": false; "isSignal": true; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * Curated country dataset for <sds-phone-input>. Dependency-free: each entry
+ * carries the dial code, the valid national-significant digit length(s) used
+ * for validation, a best-effort display mask (# = a digit) and an example.
+ *
+ * `lengths` are the number of significant national digits, i.e. excluding the
+ * dial code and any leading trunk "0". Add or override entries as needed.
+ */
+interface SdsPhoneCountry {
+    /** ISO 3166-1 alpha-2 code, e.g. 'BE'. */
+    iso2: string;
+    /** Localised display name. */
+    name: string;
+    /** International dial code without '+', e.g. '32'. */
+    dialCode: string;
+    /** Valid national-significant digit counts (excluding dial/trunk). */
+    lengths: number[];
+    /** Display grouping mask; '#' is a digit placeholder, other chars are literal. */
+    format: string;
+    /** Example national-significant number (digits only) for the placeholder. */
+    example: string;
+}
+declare const SDS_PHONE_COUNTRIES: readonly SdsPhoneCountry[];
+/** Reduce raw input to national-significant digits (drops non-digits & leading trunk zeros). */
+declare function sdsNormalizeSignificant(raw: string): string;
+/**
+ * Group `digits` for display using `mask` ('#' = digit). Digits beyond the mask
+ * are appended grouped in pairs; an incomplete number stops at the last digit.
+ */
+declare function sdsFormatNational(digits: string, mask: string): string;
+/** Find the country whose dial code is the longest prefix of an E.164 digit string. */
+declare function sdsMatchDialCode(e164Digits: string, countries: readonly SdsPhoneCountry[]): SdsPhoneCountry | null;
+
+type SdsPhoneInputSize = 'sm' | 'md' | 'lg';
+/** Payload of (phoneChange): the canonical and parsed parts of the number. */
+interface SdsPhoneValue {
+    /** E.164 string, e.g. '+32470123456' (empty when no number is entered). */
+    e164: string;
+    /** Selected country ISO2 code. */
+    country: string;
+    /** Dial code without '+', e.g. '32'. */
+    dialCode: string;
+    /** National-significant digits, e.g. '470123456'. */
+    national: string;
+    /** Whether the national number matches an expected length for the country. */
+    valid: boolean;
+}
+/**
+ * International phone number input: a country selector (ISO chip + dial code)
+ * with a searchable, body-appended dropdown, plus a formatted national-number
+ * field. Implements ControlValueAccessor (value is an E.164 string such as
+ * '+32470123456') and Validator (national length is checked per country).
+ *
+ * @example
+ * <sds-phone-input label="Téléphone" defaultCountry="BE"
+ *                 [preferredCountries]="['BE','FR','LU']"
+ *                 [(ngModel)]="phone" required />
+ */
+declare class SdsPhoneInput implements ControlValueAccessor, Validator, OnDestroy {
+    private readonly host;
+    private readonly injector;
+    protected readonly fieldId: string;
+    protected readonly listId: string;
+    readonly label: _angular_core.InputSignal<string>;
+    readonly hint: _angular_core.InputSignal<string>;
+    /** External error message; overrides the built-in validation message. */
+    readonly error: _angular_core.InputSignal<string>;
+    readonly size: _angular_core.InputSignal<SdsPhoneInputSize>;
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly required: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly clearable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Initial country (ISO2) when no value is written. */
+    readonly defaultCountry: _angular_core.InputSignal<string>;
+    /** ISO2 codes shown first in the list. */
+    readonly preferredCountries: _angular_core.InputSignal<string[]>;
+    /** Restrict the list to these ISO2 codes (empty = all). */
+    readonly onlyCountries: _angular_core.InputSignal<string[]>;
+    /** Show an example number as a hint when no [hint] is provided. */
+    readonly showExampleHint: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly requiredMessage: _angular_core.InputSignal<string>;
+    /** Emitted with the parsed parts whenever the number or country changes. */
+    readonly phoneChange: _angular_core.OutputEmitterRef<SdsPhoneValue>;
+    protected readonly national: _angular_core.WritableSignal<string>;
+    protected readonly countryIso: _angular_core.WritableSignal<string>;
+    protected readonly open: _angular_core.WritableSignal<boolean>;
+    protected readonly filterText: _angular_core.WritableSignal<string>;
+    protected readonly highlightedIndex: _angular_core.WritableSignal<number>;
+    protected readonly touched: _angular_core.WritableSignal<boolean>;
+    private readonly cvaDisabled;
+    private readonly anchor;
+    private readonly field;
+    private panelEl;
+    protected readonly isDisabled: _angular_core.Signal<boolean>;
+    /** Countries after applying [onlyCountries] and [preferredCountries] ordering. */
+    protected readonly availableCountries: _angular_core.Signal<SdsPhoneCountry[]>;
+    protected readonly country: _angular_core.Signal<SdsPhoneCountry>;
+    protected readonly filteredCountries: _angular_core.Signal<SdsPhoneCountry[]>;
+    protected readonly display: _angular_core.Signal<string>;
+    protected readonly placeholderText: _angular_core.Signal<string>;
+    protected readonly autoHint: _angular_core.Signal<string>;
+    protected readonly e164: _angular_core.Signal<string>;
+    /** Non-empty but national length is not valid for the country. */
+    protected readonly invalid: _angular_core.Signal<boolean>;
+    protected readonly showError: _angular_core.Signal<boolean>;
+    protected readonly errorMessage: _angular_core.Signal<string>;
+    protected readonly describedBy: _angular_core.Signal<string | null>;
+    protected readonly wrapperClasses: _angular_core.Signal<string>;
+    protected optionId(i: number): string;
+    protected optionClass(i: number, c: SdsPhoneCountry): string;
+    protected onInput(event: Event): void;
+    protected clear(): void;
+    protected toggle(): void;
+    protected openPanel(): void;
+    protected close(returnFocus?: boolean): void;
+    protected selectCountry(c: SdsPhoneCountry): void;
+    protected onFilter(event: Event): void;
+    protected onTriggerKeydown(event: KeyboardEvent): void;
+    protected onFilterKeydown(event: KeyboardEvent): void;
+    private handleNavKey;
+    private move;
+    private scrollHighlightedIntoView;
+    private readonly reflow;
+    private listening;
+    private addReflowListeners;
+    private removeReflowListeners;
+    private positionPanel;
+    protected onDocumentClick(event: MouseEvent): void;
+    protected markTouched(): void;
+    ngOnDestroy(): void;
+    private emit;
+    private onChange;
+    protected onTouched: () => void;
+    writeValue(value: string | null): void;
+    registerOnChange(fn: (value: string) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    private onValidatorChange;
+    validate(_control: AbstractControl): ValidationErrors | null;
+    registerOnValidatorChange(fn: () => void): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SdsPhoneInput, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SdsPhoneInput, "sds-phone-input", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "defaultCountry": { "alias": "defaultCountry"; "required": false; "isSignal": true; }; "preferredCountries": { "alias": "preferredCountries"; "required": false; "isSignal": true; }; "onlyCountries": { "alias": "onlyCountries"; "required": false; "isSignal": true; }; "showExampleHint": { "alias": "showExampleHint"; "required": false; "isSignal": true; }; "requiredMessage": { "alias": "requiredMessage"; "required": false; "isSignal": true; }; }, { "phoneChange": "phoneChange"; }, never, never, true, never>;
+}
+
+type SdsPaginatorSize = 'sm' | 'md' | 'lg';
+/** Payload emitted by (pageChange) whenever the page or page size changes. */
+interface SdsPaginatorState {
+    /** Zero-based index of the current page. */
+    page: number;
+    /** Zero-based index of the first record on the current page. */
+    first: number;
+    /** Rows displayed per page. */
+    rows: number;
+    /** Total number of pages. */
+    pageCount: number;
+    /** Total number of records. */
+    totalRecords: number;
+}
+/**
+ * Pagination control (mirrors PrimeNG's paginator). Drives a sliding window of
+ * page links with first/prev/next/last navigation, an optional rows-per-page
+ * dropdown (reuses <sds-select>), a current-page report and a jump-to-page input.
+ *
+ * State is exposed as two-way models: [first] (zero-based index of the first
+ * record on the page) and [rows] (page size). A combined (pageChange) event
+ * carries the full {@link SdsPaginatorState} on every change.
+ *
+ * @example
+ * <sds-paginator
+ *   [totalRecords]="120"
+ *   [(first)]="first"
+ *   [(rows)]="rows"
+ *   [rowsPerPageOptions]="[10, 20, 50]"
+ *   showCurrentPageReport
+ *   (pageChange)="load($event)"
+ * />
+ */
+declare class SdsPaginator {
+    /** Total number of records to paginate. */
+    readonly totalRecords: _angular_core.InputSignalWithTransform<number, unknown>;
+    /** Zero-based index of the first record on the current page (two-way). */
+    readonly first: _angular_core.ModelSignal<number>;
+    /** Rows displayed per page (two-way). */
+    readonly rows: _angular_core.ModelSignal<number>;
+    /** When non-empty, renders a rows-per-page dropdown with these choices. */
+    readonly rowsPerPageOptions: _angular_core.InputSignal<number[]>;
+    /** Maximum count of numbered page links shown in the sliding window. */
+    readonly pageLinkSize: _angular_core.InputSignalWithTransform<number, unknown>;
+    readonly showFirstLastIcon: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly showPageLinks: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly showCurrentPageReport: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Tokens: {first} {last} {totalRecords} {currentPage} {totalPages} {rows}. */
+    readonly currentPageReportTemplate: _angular_core.InputSignal<string>;
+    readonly showJumpToPageInput: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly rowsPerPageLabel: _angular_core.InputSignal<string>;
+    readonly jumpToPageLabel: _angular_core.InputSignal<string>;
+    readonly size: _angular_core.InputSignal<SdsPaginatorSize>;
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Fires after any page or page-size change with the full paginator state. */
+    readonly pageChange: _angular_core.OutputEmitterRef<SdsPaginatorState>;
+    protected readonly pageCount: _angular_core.Signal<number>;
+    protected readonly page: _angular_core.Signal<number>;
+    protected readonly firstDisabled: _angular_core.Signal<boolean>;
+    protected readonly lastDisabled: _angular_core.Signal<boolean>;
+    protected readonly iconSize: _angular_core.Signal<number>;
+    protected readonly pageLinks: _angular_core.Signal<number[]>;
+    protected readonly reportText: _angular_core.Signal<string>;
+    protected readonly hostClass: _angular_core.Signal<string>;
+    protected navClass(isDisabled: boolean): string;
+    protected linkClass(active: boolean): string;
+    protected firstPage(): void;
+    protected prevPage(): void;
+    protected nextPage(): void;
+    protected lastPage(): void;
+    protected changePage(target: number): void;
+    protected onRowsChange(value: number): void;
+    protected onJump(event: Event): void;
+    private emit;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SdsPaginator, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SdsPaginator, "sds-paginator", never, { "totalRecords": { "alias": "totalRecords"; "required": false; "isSignal": true; }; "first": { "alias": "first"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "rowsPerPageOptions": { "alias": "rowsPerPageOptions"; "required": false; "isSignal": true; }; "pageLinkSize": { "alias": "pageLinkSize"; "required": false; "isSignal": true; }; "showFirstLastIcon": { "alias": "showFirstLastIcon"; "required": false; "isSignal": true; }; "showPageLinks": { "alias": "showPageLinks"; "required": false; "isSignal": true; }; "showCurrentPageReport": { "alias": "showCurrentPageReport"; "required": false; "isSignal": true; }; "currentPageReportTemplate": { "alias": "currentPageReportTemplate"; "required": false; "isSignal": true; }; "showJumpToPageInput": { "alias": "showJumpToPageInput"; "required": false; "isSignal": true; }; "rowsPerPageLabel": { "alias": "rowsPerPageLabel"; "required": false; "isSignal": true; }; "jumpToPageLabel": { "alias": "jumpToPageLabel"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "first": "firstChange"; "rows": "rowsChange"; "pageChange": "pageChange"; }, never, never, true, never>;
+}
+
+/** Identifier of a tab / panel pair. Keep types consistent across a tab set. */
+type SdsTabValue = string | number | null;
+/**
+ * Coordinates a single <sds-tabs> instance: holds the active value (shared from
+ * the host's two-way model), tracks registered tabs for default selection and
+ * generates the ARIA ids that link each tab to its panel.
+ *
+ * Provided at the <sds-tabs> component level so every tab set is isolated.
+ */
+declare class SdsTabsStore {
+    /** Unique base id used to link tabs and panels via ARIA. */
+    readonly id: string;
+    /** Whether the tab list scrolls horizontally (mirrors [scrollable]). */
+    readonly scrollable: WritableSignal<boolean>;
+    private value;
+    private readonly registered;
+    /** Called once by <sds-tabs> to share its two-way `value` signal. */
+    connect(value: WritableSignal<SdsTabValue>): void;
+    activeValue(): SdsTabValue;
+    isActive(value: SdsTabValue): boolean;
+    select(value: SdsTabValue): void;
+    registerTab(value: SdsTabValue): void;
+    unregisterTab(value: SdsTabValue): void;
+    tabId(value: SdsTabValue): string;
+    panelId(value: SdsTabValue): string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SdsTabsStore, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<SdsTabsStore>;
+}
+
+/**
+ * Root of a tab set. Compose with <sds-tab-list> (headers) and <sds-tab-panels>
+ * (content). The active tab is the [value], matched against each <sds-tab> /
+ * <sds-tab-panel> [value]; it is two-way bindable via [(value)]. When omitted,
+ * the first registered tab is selected.
+ *
+ * @example
+ * <sds-tabs [(value)]="active">
+ *   <sds-tab-list>
+ *     <sds-tab value="0">Détails</sds-tab>
+ *     <sds-tab value="1">Historique</sds-tab>
+ *   </sds-tab-list>
+ *   <sds-tab-panels>
+ *     <sds-tab-panel value="0">…</sds-tab-panel>
+ *     <sds-tab-panel value="1">…</sds-tab-panel>
+ *   </sds-tab-panels>
+ * </sds-tabs>
+ */
+declare class SdsTabs {
+    private readonly store;
+    /** Value of the active tab (two-way). */
+    readonly value: _angular_core.ModelSignal<SdsTabValue>;
+    /** Let the tab list scroll horizontally instead of overflowing. */
+    readonly scrollable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SdsTabs, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SdsTabs, "sds-tabs", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "scrollable": { "alias": "scrollable"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, ["*"], true, never>;
+}
+
+/**
+ * Container (role="tablist") for the <sds-tab> headers. Renders the bottom rule
+ * and handles roving-focus keyboard navigation (Arrow keys, Home, End) with
+ * automatic activation.
+ */
+declare class SdsTabList {
+    private readonly host;
+    private readonly store;
+    protected readonly listClass: _angular_core.Signal<"relative flex border-b border-border" | "relative flex border-b border-border overflow-x-auto">;
+    protected onKeydown(event: KeyboardEvent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SdsTabList, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SdsTabList, "sds-tab-list", never, {}, {}, never, ["*"], true, never>;
+}
+
+/**
+ * A single tab header (role="tab"). Project the label and, optionally, an
+ * <sds-icon> for an icon + text header. Set [disabled] to make it unselectable.
+ */
+declare class SdsTab implements OnInit, OnDestroy {
+    protected readonly store: SdsTabsStore;
+    readonly value: _angular_core.InputSignal<SdsTabValue>;
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    protected readonly active: _angular_core.Signal<boolean>;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    protected select(): void;
+    protected tabClass(): string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SdsTab, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SdsTab, "sds-tab", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+/** Wrapper for the <sds-tab-panel> content blocks of a tab set. */
+declare class SdsTabPanels {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SdsTabPanels, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SdsTabPanels, "sds-tab-panels", never, {}, {}, never, ["*"], true, never>;
+}
+
+/**
+ * Content for one tab (role="tabpanel"); shown only while its [value] matches
+ * the active tab. Inactive panels are not rendered (their content is created
+ * on activation), so panel state does not persist across switches.
+ */
+declare class SdsTabPanel {
+    protected readonly store: SdsTabsStore;
+    readonly value: _angular_core.InputSignal<SdsTabValue>;
+    protected readonly active: _angular_core.Signal<boolean>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SdsTabPanel, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SdsTabPanel, "sds-tab-panel", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+/** Identifier of an accordion panel. Keep types consistent across a set. */
+type SdsAccordionValue = string | number;
+/** Active value(s): a single value (or null) normally, an array in multiple mode. */
+type SdsAccordionActive = SdsAccordionValue | SdsAccordionValue[] | null;
+/**
+ * Coordinates a single <sds-accordion>: holds the open value(s) (shared from the
+ * host's two-way model), the multiple-open flag, and generates the ARIA ids that
+ * link each header to its content region.
+ *
+ * Provided at the <sds-accordion> component level so every accordion is isolated.
+ */
+declare class SdsAccordionStore {
+    /** Unique base id used to link headers and content regions via ARIA. */
+    readonly id: string;
+    /** Whether more than one panel may be open at a time (mirrors [multiple]). */
+    readonly multiple: WritableSignal<boolean>;
+    private value;
+    /** Called once by <sds-accordion> to share its two-way `value` signal. */
+    connect(value: WritableSignal<SdsAccordionActive>): void;
+    isOpen(value: SdsAccordionValue): boolean;
+    toggle(value: SdsAccordionValue): void;
+    headerId(value: SdsAccordionValue): string;
+    contentId(value: SdsAccordionValue): string;
+    private asArray;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SdsAccordionStore, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<SdsAccordionStore>;
+}
+
+/**
+ * Root of an accordion. Compose with <sds-accordion-panel> children, each
+ * holding an <sds-accordion-header> and an <sds-accordion-content>. The open
+ * panel is the [value], matched against each panel's [value]; it is two-way
+ * bindable via [(value)]. With [multiple], several panels may be open at once
+ * and [value] is an array.
+ *
+ * @example
+ * <sds-accordion [(value)]="open">
+ *   <sds-accordion-panel value="0">
+ *     <sds-accordion-header>Section 1</sds-accordion-header>
+ *     <sds-accordion-content>…</sds-accordion-content>
+ *   </sds-accordion-panel>
+ * </sds-accordion>
+ */
+declare class SdsAccordion {
+    private readonly host;
+    private readonly store;
+    /** Open panel value, or array of values in multiple mode (two-way). */
+    readonly value: _angular_core.ModelSignal<SdsAccordionActive>;
+    /** Allow more than one panel open at a time. */
+    readonly multiple: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    constructor();
+    protected onKeydown(event: KeyboardEvent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SdsAccordion, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SdsAccordion, "sds-accordion", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, ["*"], true, never>;
+}
+
+/**
+ * One accordion section. Holds the [value] and optional [disabled] state shared
+ * with its projected <sds-accordion-header> and <sds-accordion-content>.
+ */
+declare class SdsAccordionPanel {
+    private readonly store;
+    readonly value: _angular_core.InputSignal<SdsAccordionValue>;
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly open: _angular_core.Signal<boolean>;
+    get headerId(): string;
+    get contentId(): string;
+    toggle(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SdsAccordionPanel, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SdsAccordionPanel, "sds-accordion-panel", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+/**
+ * Clickable header of an accordion panel. Project the label text and,
+ * optionally, an <sds-icon>. Renders a chevron that rotates when open.
+ */
+declare class SdsAccordionHeader {
+    protected readonly panel: SdsAccordionPanel;
+    protected readonly headerClass: _angular_core.Signal<"flex w-full items-center gap-3 px-4 py-3.5 text-left text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-brand-500 text-ink-faint opacity-60 cursor-not-allowed" | "flex w-full items-center gap-3 px-4 py-3.5 text-left text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-brand-500 text-brand-700 hover:bg-muted cursor-pointer" | "flex w-full items-center gap-3 px-4 py-3.5 text-left text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-brand-500 text-ink hover:bg-muted cursor-pointer">;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SdsAccordionHeader, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SdsAccordionHeader, "sds-accordion-header", never, {}, {}, never, ["*"], true, never>;
+}
+
+/**
+ * Collapsible content region of an accordion panel. Animates open/closed with a
+ * CSS grid-rows transition; while closed it is `inert` (not focusable, hidden
+ * from assistive tech) but kept in the DOM, so its state persists.
+ */
+declare class SdsAccordionContent {
+    protected readonly panel: SdsAccordionPanel;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SdsAccordionContent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SdsAccordionContent, "sds-accordion-content", never, {}, {}, never, ["*"], true, never>;
+}
+
+/** Column configuration. `field` may be a dot-path (e.g. `service.name`). */
+interface SdsTableColumn {
+    /** Row field rendered in this column. Supports dot-paths. */
+    field: string;
+    /** Header label. */
+    header: string;
+    /** Allow sorting on this column (also requires the table's `sortable`). */
+    sortable?: boolean;
+    /** Text alignment for header + body cells. */
+    align?: 'left' | 'center' | 'right';
+    /** Fixed column width, e.g. `'120px'` or `'20%'`. */
+    width?: string;
+}
+type SdsTableSize = 'sm' | 'md' | 'lg';
+/** 1 = ascending, -1 = descending, 0 = unsorted. */
+type SdsSortOrder = 1 | -1 | 0;
+interface SdsTableSortEvent {
+    field: string;
+    order: SdsSortOrder;
+}
+/** Emitted when `lazy` is true so the host can fetch the matching slice. */
+interface SdsTableLazyEvent {
+    first: number;
+    rows: number;
+    sortField: string | null;
+    sortOrder: SdsSortOrder;
+    globalFilter: string;
+}
+type SdsSelectionMode = 'single' | 'multiple' | null;
+/**
+ * Client-side data table mirroring PrimeNG's table, scoped to a strong local
+ * feature set: sorting, pagination (reuses {@link SdsPaginator}), global filter,
+ * single/multiple selection, custom cell templates (via {@link SdsTableCell}),
+ * loading/empty states and visual variants. Set `lazy` to delegate
+ * sort/filter/paging to the host through `(lazyLoad)`.
+ *
+ * @remarks
+ * - **`dataKey` is strongly recommended** for sortable and/or selectable
+ *   tables: it gives each row a stable identity so `trackRow` reuses the
+ *   correct DOM node when rows reorder (otherwise tracking falls back to the
+ *   page-relative `$index`, which defeats row-identity animations and can
+ *   momentarily mis-associate a focused custom-cell control after a re-sort).
+ * - The header **"select all" checkbox operates over the entire filtered set
+ *   across all pages**, not just the current page. Toggling it selects/clears
+ *   every filtered row regardless of pagination (this is an intentional
+ *   deviation from PrimeNG's per-page select-all).
+ *
+ * @example
+ * <sds-table [value]="staff" [columns]="cols" dataKey="id"
+ *           sortable paginator [rows]="10" globalFilter
+ *           selectionMode="multiple" [(selection)]="selected">
+ *   <ng-template sdsCell="statut" let-value let-row="row">
+ *     <sds-badge [variant]="row.actif ? 'success' : 'neutral'">{{ value }}</sds-badge>
+ *   </ng-template>
+ * </sds-table>
+ */
+declare class SdsTable implements OnDestroy {
+    protected readonly tableId: string;
+    readonly value: _angular_core.InputSignal<readonly any[]>;
+    readonly columns: _angular_core.InputSignal<SdsTableColumn[]>;
+    readonly dataKey: _angular_core.InputSignal<string>;
+    readonly size: _angular_core.InputSignal<SdsTableSize>;
+    readonly striped: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly gridlines: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly hoverable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Master sort switch; per-column `sortable` is still required. */
+    readonly sortable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly paginator: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly rows: _angular_core.InputSignalWithTransform<number, unknown>;
+    readonly rowsPerPageOptions: _angular_core.InputSignal<number[]>;
+    readonly showCurrentPageReport: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly globalFilter: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly globalFilterPlaceholder: _angular_core.InputSignal<string>;
+    /** Accessible name for the global-filter input. */
+    readonly globalFilterAriaLabel: _angular_core.InputSignal<string>;
+    /** Fields searched by the global filter. Empty = every column field. */
+    readonly globalFilterFields: _angular_core.InputSignal<string[]>;
+    readonly selectionMode: _angular_core.InputSignal<SdsSelectionMode>;
+    /** Two-way: a single row (single mode) or an array of rows (multiple). */
+    readonly selection: _angular_core.ModelSignal<any>;
+    readonly loading: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly emptyMessage: _angular_core.InputSignal<string>;
+    readonly caption: _angular_core.InputSignal<string>;
+    /** Fallback accessible name for the `<table>` when no `caption` is set. */
+    readonly ariaLabel: _angular_core.InputSignal<string>;
+    /** When set, the body scrolls vertically with a sticky header, e.g. `'320px'`. */
+    readonly scrollHeight: _angular_core.InputSignal<string>;
+    /** When true: skip internal sort/filter/slice; emit (lazyLoad) instead. */
+    readonly lazy: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Total records for the paginator when `lazy`. */
+    readonly totalRecords: _angular_core.InputSignalWithTransform<number, unknown>;
+    /** Adds a leading expander column; details come from `<ng-template sdsRowExpansion>`. */
+    readonly expandable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Drag the right edge of a column header to resize it. */
+    readonly resizableColumns: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Drag a column header to reorder columns. */
+    readonly reorderableColumns: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly sortChange: _angular_core.OutputEmitterRef<SdsTableSortEvent>;
+    readonly pageChange: _angular_core.OutputEmitterRef<SdsPaginatorState>;
+    readonly rowSelect: _angular_core.OutputEmitterRef<any>;
+    readonly rowUnselect: _angular_core.OutputEmitterRef<any>;
+    readonly lazyLoad: _angular_core.OutputEmitterRef<SdsTableLazyEvent>;
+    readonly rowClick: _angular_core.OutputEmitterRef<any>;
+    /** Emitted with the row when its expander is opened. */
+    readonly rowExpand: _angular_core.OutputEmitterRef<any>;
+    /** Emitted with the row when its expander is closed. */
+    readonly rowCollapse: _angular_core.OutputEmitterRef<any>;
+    /** Emitted after a drag-reorder with the moved field and its old/new index. */
+    readonly colReorder: _angular_core.OutputEmitterRef<{
+        field: string;
+        fromIndex: number;
+        toIndex: number;
+    }>;
+    private readonly cellTemplates;
+    private readonly templateMap;
+    protected templateFor(field: string): _angular_core.TemplateRef<SdsTableCellContext> | null;
+    private readonly rowExpansion;
+    protected expansionTemplate(): _angular_core.TemplateRef<_besaitech_ng_design_system.SdsTableRowExpansionContext> | null;
+    protected readonly filterText: _angular_core.WritableSignal<string>;
+    protected readonly sortField: _angular_core.WritableSignal<string | null>;
+    protected readonly sortOrder: _angular_core.WritableSignal<SdsSortOrder>;
+    protected readonly first: _angular_core.WritableSignal<number>;
+    protected readonly pageRows: _angular_core.WritableSignal<number>;
+    private readonly expandedKeys;
+    private readonly columnWidths;
+    private readonly columnOrder;
+    private readonly dragColIndex;
+    constructor();
+    ngOnDestroy(): void;
+    /** Resolve a (possibly dot-pathed) field on a row; null/undefined safe. */
+    protected getValue(row: any, field: string): unknown;
+    /** String rendering of a cell value (null/undefined => ''). */
+    protected display(row: any, field: string): string;
+    protected cellContext(row: any, column: SdsTableColumn, index: number): SdsTableCellContext;
+    private readonly filtered;
+    private readonly sorted;
+    private compare;
+    protected readonly displayRows: _angular_core.Signal<readonly any[]>;
+    protected readonly totalForPaginator: _angular_core.Signal<number>;
+    /** Columns in their current (possibly reordered) order. */
+    protected readonly effectiveColumns: _angular_core.Signal<SdsTableColumn[]>;
+    /** Leading non-data columns: the expander then the selection column. */
+    protected readonly leadingColumnCount: _angular_core.Signal<number>;
+    protected readonly totalColumnCount: _angular_core.Signal<number>;
+    protected isColumnSortable(col: SdsTableColumn): boolean;
+    protected sortIcon(col: SdsTableColumn): "arrow-up" | "arrow-down" | "chevrons-up-down";
+    protected ariaSort(col: SdsTableColumn): 'ascending' | 'descending' | 'none' | null;
+    protected onSort(col: SdsTableColumn): void;
+    protected readonly showSelectionColumn: _angular_core.Signal<boolean>;
+    private equals;
+    /** Identity used for O(1) membership tests: dataKey value when set, else the row itself. */
+    private keyOf;
+    /**
+     * Set of selected identities, recomputed only when selection()/dataKey()
+     * change. Lets isRowSelected/headerChecked/headerIndeterminate do O(1)
+     * lookups instead of an O(selection) scan per row.
+     */
+    private readonly selectedKeys;
+    protected isRowSelected(row: any): boolean;
+    protected readonly headerChecked: _angular_core.Signal<boolean>;
+    protected readonly headerIndeterminate: _angular_core.Signal<boolean>;
+    protected toggleAll(): void;
+    protected onRowCheckboxClick(event: Event, row: any): void;
+    /** Enter/Space on a (single-mode) focusable row toggles its selection. */
+    protected onRowKeydown(event: Event, row: any): void;
+    private toggleRowSelection;
+    protected onRowClick(row: any): void;
+    protected onPageChange(state: SdsPaginatorState): void;
+    private emitLazy;
+    protected onFilterInput(event: Event): void;
+    protected isExpanded(row: any): boolean;
+    protected toggleExpand(row: any): void;
+    protected onExpanderClick(event: Event, row: any): void;
+    /**
+     * Stable per-row id for the expansion region, derived from the row identity
+     * (dataKey value when set, else the row itself). Mirrors the accordion's
+     * contentId pattern so the expander's aria-controls can point at the detail
+     * region. Using keyOf (not $index) keeps the id stable across reorders.
+     */
+    protected rowDetailId(row: any): string;
+    private activeResizeCleanup;
+    /** px override from a resize drag, else the column's declared width, else null. */
+    protected columnStyleWidth(col: SdsTableColumn): string | null;
+    protected onResizeStart(event: PointerEvent, field: string): void;
+    protected onColDragStart(i: number): void;
+    protected onColDragEnd(): void;
+    protected onColDragOver(e: DragEvent): void;
+    protected onColDrop(e: DragEvent, toIndex: number): void;
+    protected trackRow(index: number, row: any): unknown;
+    protected headCellClass(col?: SdsTableColumn): string;
+    protected cellClass(col?: SdsTableColumn): string;
+    protected rowClass(row: any, index: number): string;
+    protected checkboxClass(checked: boolean, indeterminate: boolean): string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SdsTable, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SdsTable, "sds-table", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "dataKey": { "alias": "dataKey"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "striped": { "alias": "striped"; "required": false; "isSignal": true; }; "gridlines": { "alias": "gridlines"; "required": false; "isSignal": true; }; "hoverable": { "alias": "hoverable"; "required": false; "isSignal": true; }; "sortable": { "alias": "sortable"; "required": false; "isSignal": true; }; "paginator": { "alias": "paginator"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "rowsPerPageOptions": { "alias": "rowsPerPageOptions"; "required": false; "isSignal": true; }; "showCurrentPageReport": { "alias": "showCurrentPageReport"; "required": false; "isSignal": true; }; "globalFilter": { "alias": "globalFilter"; "required": false; "isSignal": true; }; "globalFilterPlaceholder": { "alias": "globalFilterPlaceholder"; "required": false; "isSignal": true; }; "globalFilterAriaLabel": { "alias": "globalFilterAriaLabel"; "required": false; "isSignal": true; }; "globalFilterFields": { "alias": "globalFilterFields"; "required": false; "isSignal": true; }; "selectionMode": { "alias": "selectionMode"; "required": false; "isSignal": true; }; "selection": { "alias": "selection"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; "isSignal": true; }; "caption": { "alias": "caption"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "scrollHeight": { "alias": "scrollHeight"; "required": false; "isSignal": true; }; "lazy": { "alias": "lazy"; "required": false; "isSignal": true; }; "totalRecords": { "alias": "totalRecords"; "required": false; "isSignal": true; }; "expandable": { "alias": "expandable"; "required": false; "isSignal": true; }; "resizableColumns": { "alias": "resizableColumns"; "required": false; "isSignal": true; }; "reorderableColumns": { "alias": "reorderableColumns"; "required": false; "isSignal": true; }; }, { "selection": "selectionChange"; "sortChange": "sortChange"; "pageChange": "pageChange"; "rowSelect": "rowSelect"; "rowUnselect": "rowUnselect"; "lazyLoad": "lazyLoad"; "rowClick": "rowClick"; "rowExpand": "rowExpand"; "rowCollapse": "rowCollapse"; "colReorder": "colReorder"; }, ["cellTemplates", "rowExpansion"], never, true, never>;
+}
+
+/**
+ * Typed context handed to a custom cell template. Pulled out so consumers can
+ * destructure with `let-value`, `let-row`, `let-i="index"`, etc., with full
+ * type inference (see {@link SdsTableCell.ngTemplateContextGuard}).
+ */
+interface SdsTableCellContext {
+    /** Same as {@link value} — enables the `let-value` (implicit) binding. */
+    $implicit: unknown;
+    /** Resolved cell value for this column (via the table's getValue). */
+    value: unknown;
+    /** The full row object. */
+    row: any;
+    /** The column definition the cell belongs to. */
+    column: SdsTableColumn;
+    /** Zero-based index of the row within the currently displayed page. */
+    index: number;
+}
+/**
+ * Supplies a custom cell template for a single table column, matched by its
+ * field key. Use as a structural template inside `<sds-table>`:
+ *
+ * @example
+ * <sds-table [value]="rows" [columns]="cols">
+ *   <ng-template sdsCell="statut" let-value let-row="row">
+ *     <sds-badge [variant]="row.actif ? 'success' : 'neutral'">{{ value }}</sds-badge>
+ *   </ng-template>
+ * </sds-table>
+ */
+declare class SdsTableCell {
+    /** The column `field` this template renders. */
+    readonly column: _angular_core.InputSignal<string>;
+    /** The wrapped template, rendered by the host table via ngTemplateOutlet. */
+    readonly template: TemplateRef<SdsTableCellContext>;
+    /** Lets the compiler type-check `let-*` bindings against SdsTableCellContext. */
+    static ngTemplateContextGuard(_dir: SdsTableCell, _ctx: unknown): _ctx is SdsTableCellContext;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SdsTableCell, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SdsTableCell, "ng-template[sdsCell]", never, { "column": { "alias": "sdsCell"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * Typed context handed to a row-expansion template. Pulled out so consumers can
+ * destructure with `let-row`, `let-i="index"`, etc., with full type inference
+ * (see {@link SdsTableRowExpansion.ngTemplateContextGuard}).
+ */
+interface SdsTableRowExpansionContext {
+    /** Same as {@link row} — enables the `let-row` (implicit) binding. */
+    $implicit: any;
+    /** The full row object whose details are being shown. */
+    row: any;
+    /** Zero-based index of the row within the currently displayed page. */
+    index: number;
+}
+/**
+ * Supplies the detail template rendered beneath an expanded row when the host
+ * `<sds-table>` has `expandable`. Use as a structural template inside the table:
+ *
+ * @example
+ * <sds-table [value]="rows" [columns]="cols" expandable>
+ *   <ng-template sdsRowExpansion let-row>
+ *     <div>Détails de {{ row.nom }}</div>
+ *   </ng-template>
+ * </sds-table>
+ */
+declare class SdsTableRowExpansion {
+    /** The wrapped template, rendered by the host table via ngTemplateOutlet. */
+    readonly template: TemplateRef<SdsTableRowExpansionContext>;
+    /** Lets the compiler type-check `let-*` bindings against SdsTableRowExpansionContext. */
+    static ngTemplateContextGuard(_dir: SdsTableRowExpansion, _ctx: unknown): _ctx is SdsTableRowExpansionContext;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SdsTableRowExpansion, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SdsTableRowExpansion, "ng-template[sdsRowExpansion]", never, {}, {}, never, never, true, never>;
+}
+
+/**
+ * Shared collapse state for the sidebar and its nav items.
+ *
+ * Provided in root so the sidebar, projected nav groups/items and any layout
+ * code observe a single source of truth without prop-drilling. For apps with
+ * multiple independent sidebars, provide it at a component level instead.
+ */
+declare class SidebarStore {
+    /** Desktop rail state: collapsed to icon-only width (applies at ≥ lg). */
+    readonly collapsed: _angular_core.WritableSignal<boolean>;
+    /** Mobile drawer state: whether the off-canvas sidebar is slid in (< lg). */
+    readonly mobileOpen: _angular_core.WritableSignal<boolean>;
+    /** Toggle the desktop icon-rail. */
+    toggle(): void;
+    setCollapsed(value: boolean): void;
+    /** Open the mobile drawer. */
+    openMobile(): void;
+    /** Close the mobile drawer. */
+    closeMobile(): void;
+    /** Toggle the mobile drawer. */
+    toggleMobile(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SidebarStore, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<SidebarStore>;
+}
+
+interface SdsTopbarUser {
+    name: string;
+    initials?: string;
+    status?: SdsAvatarStatus;
+}
+/**
+ * Application top bar: brand gradient with a decorative wave, a logo slot,
+ * the app name, and the signed-in user with a logout action.
+ *
+ * @example
+ * <sds-topbar appName="WebApp" [user]="user" (logout)="signOut()">
+ *   <img sdsLogo src="logo.svg" alt="" />
+ * </sds-topbar>
+ */
+declare class SdsTopbar {
+    protected readonly store: SidebarStore;
+    readonly appName: _angular_core.InputSignal<string>;
+    readonly user: _angular_core.InputSignal<SdsTopbarUser | null>;
+    readonly showLogout: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Show the mobile hamburger that toggles the sidebar drawer (< lg). */
+    readonly menuButton: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly logout: _angular_core.OutputEmitterRef<void>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SdsTopbar, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SdsTopbar, "sds-topbar", never, { "appName": { "alias": "appName"; "required": false; "isSignal": true; }; "user": { "alias": "user"; "required": false; "isSignal": true; }; "showLogout": { "alias": "showLogout"; "required": false; "isSignal": true; }; "menuButton": { "alias": "menuButton"; "required": false; "isSignal": true; }; }, { "logout": "logout"; }, never, ["[sdsLogo]", "[sdsActions]"], true, never>;
+}
+
+/**
+ * App layout shell: a full-height column with the top bar across the top and a
+ * row below holding the sidebar and the scrollable main content.
+ *
+ * @example
+ * <sds-shell>
+ *   <sds-topbar sdsTopbar … />
+ *   <sds-sidebar sdsSidebar> … </sds-sidebar>
+ *   <!-- routed page content -->
+ *   <router-outlet />
+ * </sds-shell>
+ */
+declare class SdsShell {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SdsShell, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SdsShell, "sds-shell", never, {}, {}, never, ["[sdsTopbar]", "[sdsSidebar]", "*"], true, never>;
+}
+
+/**
+ * Collapsible navigation rail. Project <sds-nav-group>/<sds-nav-item> as the
+ * default content, and pin a footer (e.g. search + version badge) via the
+ * [sdsFooter] slot. Collapse state is shared through SidebarStore.
+ *
+ * @example
+ * <sds-sidebar>
+ *   <sds-nav-group label="Membres">
+ *     <sds-nav-item icon="user-plus" label="Créer un membre" link="/membres/new" />
+ *   </sds-nav-group>
+ *   <div sdsFooter>…</div>
+ * </sds-sidebar>
+ */
+declare class SdsSidebar {
+    protected readonly store: SidebarStore;
+    protected readonly collapsed: _angular_core.WritableSignal<boolean>;
+    protected readonly mobileOpen: _angular_core.WritableSignal<boolean>;
+    /** Desktop rail width (full vs. collapsed); mobile always uses full width. */
+    protected readonly railWidth: _angular_core.Signal<"var(--sds-sidebar-w-collapsed)" | "var(--sds-sidebar-w)">;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SdsSidebar, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SdsSidebar, "sds-sidebar", never, {}, {}, never, ["*", "[sdsFooter]"], true, never>;
+}
+
+/**
+ * Groups nav items under an optional uppercase section label. The label is
+ * hidden (replaced by a divider) when the sidebar is collapsed.
+ */
+declare class SdsNavGroup {
+    private readonly store;
+    readonly label: _angular_core.InputSignal<string>;
+    protected readonly collapsed: _angular_core.WritableSignal<boolean>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SdsNavGroup, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SdsNavGroup, "sds-nav-group", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+/**
+ * A single sidebar navigation entry. Renders an anchor when [link] is set
+ * (with automatic active state via routerLinkActive) or a button otherwise.
+ *
+ * Requires the host application to provide the Angular Router (`provideRouter`),
+ * as it depends on RouterLink/RouterLinkActive even when used as a button.
+ *
+ * @example
+ * <sds-nav-item icon="home" label="Accueil" link="/" [exact]="true" />
+ */
+declare class SdsNavItem {
+    protected readonly store: SidebarStore;
+    readonly icon: _angular_core.InputSignal<"home" | "user-plus" | "hand" | "users" | "building-2" | "package" | "package-plus" | "package-open" | "rotate-ccw" | "bar-chart-3" | "search" | "log-out" | "panel-left-close" | "panel-left-open" | "panel-left" | "calendar" | "chevron-right" | "chevron-left" | "chevron-down" | "chevrons-left" | "chevrons-right" | "x" | "check" | "alert-circle" | "info" | "copy" | "type" | "tag" | "square" | "circle-user" | "layout-grid" | "panels-top-left" | "panel-top" | "rows-3" | "book-open" | "palette" | "bell" | "phone" | "settings" | "align-left" | "toggle-left" | "arrow-up" | "arrow-down" | "chevrons-up-down" | "filter" | "table" | "eye" | "user" | "check-circle" | "arrows-clockwise" | "menu" | "file-text" | "hash" | "map-pin" | "inbox" | "arrow-right" | "refresh-cw" | "loader-circle" | null>;
+    readonly label: _angular_core.InputSignal<string>;
+    /** Router link target; when null, the item behaves as a button. */
+    readonly link: _angular_core.InputSignal<string | unknown[] | null>;
+    readonly exact: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Manual active state (combined with routerLinkActive when a link is set). */
+    readonly active: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly select: _angular_core.OutputEmitterRef<void>;
+    protected readonly collapsed: _angular_core.WritableSignal<boolean>;
+    protected itemClass(isActive: boolean): string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SdsNavItem, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SdsNavItem, "sds-nav-item", never, { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": true; "isSignal": true; }; "link": { "alias": "link"; "required": false; "isSignal": true; }; "exact": { "alias": "exact"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; }, { "select": "select"; }, never, never, true, never>;
+}
+
+export { SDS_ICONS, SDS_PHONE_COUNTRIES, SdsAccordion, SdsAccordionContent, SdsAccordionHeader, SdsAccordionPanel, SdsAccordionStore, SdsAvatar, SdsBadge, SdsButton, SdsCalendar, SdsCard, SdsCheckbox, SdsDatePicker, SdsIcon, SdsInput, SdsMultiSelect, SdsNavGroup, SdsNavItem, SdsPaginator, SdsPhoneInput, SdsSelect, SdsShell, SdsSidebar, SdsTab, SdsTabList, SdsTabPanel, SdsTabPanels, SdsTable, SdsTableCell, SdsTableRowExpansion, SdsTabs, SdsTabsStore, SdsTextarea, SdsToggleSwitch, SdsTopbar, SidebarStore, addDays, addMonths, addMonthsKeepDay, formatDdMmYyyy, isOutOfRange, isSameDay, isoDay, sdsFormatNational, sdsMatchDialCode, sdsNormalizeSignificant, startOfDay, startOfMonth };
+export type { SdsAccordionActive, SdsAccordionValue, SdsAvatarStatus, SdsBadgeSize, SdsBadgeVariant, SdsButtonSize, SdsButtonVariant, SdsCardVariant, SdsCheckboxSize, SdsDatePickerSize, SdsIconName, SdsIconSize, SdsInputAppearance, SdsInputSize, SdsInputType, SdsMultiSelectDisplay, SdsMultiSelectSize, SdsPaginatorSize, SdsPaginatorState, SdsPhoneCountry, SdsPhoneInputSize, SdsPhoneValue, SdsSelectSize, SdsSortOrder, SdsTabValue, SdsTableCellContext, SdsTableColumn, SdsTableLazyEvent, SdsTableRowExpansionContext, SdsTableSize, SdsTableSortEvent, SdsTextareaResize, SdsTextareaSize, SdsToggleSwitchSize, SdsTopbarUser };