@ids-group-ltd/ids-design-system 0.1.0

package/types/ids-group-ltd-ids-design-system.d.ts

@@ -0,0 +1,1398 @@
+import * as _angular_core from '@angular/core';
+import { InjectionToken, Provider, TemplateRef, ElementRef, OnDestroy } from '@angular/core';
+import { SafeHtml } from '@angular/platform-browser';
+
+declare const ICONS: {
+    readonly search: "<circle cx=\"11\" cy=\"11\" r=\"7\" /><path d=\"m20 20-3.5-3.5\" />";
+    readonly plus: "<path d=\"M12 5v14M5 12h14\" />";
+    readonly minus: "<path d=\"M5 12h14\" />";
+    readonly check: "<path d=\"m4 12 5 5L20 6\" />";
+    readonly x: "<path d=\"M6 6l12 12M18 6L6 18\" />";
+    readonly chevronDown: "<path d=\"m6 9 6 6 6-6\" />";
+    readonly chevronRight: "<path d=\"m9 6 6 6-6 6\" />";
+    readonly chevronLeft: "<path d=\"m15 6-6 6 6 6\" />";
+    readonly chevronUp: "<path d=\"m6 15 6-6 6 6\" />";
+    readonly arrowRight: "<path d=\"M5 12h14M13 6l6 6-6 6\" />";
+    readonly arrowUp: "<path d=\"M12 19V5M6 11l6-6 6 6\" />";
+    readonly arrowDown: "<path d=\"M12 5v14M6 13l6 6 6-6\" />";
+    readonly info: "<circle cx=\"12\" cy=\"12\" r=\"9\" /><path d=\"M12 8v.01M11 12h1v4h1\" />";
+    readonly warn: "<path d=\"M12 3 2 21h20L12 3z\" /><path d=\"M12 10v4M12 18v.01\" />";
+    readonly error: "<circle cx=\"12\" cy=\"12\" r=\"9\" /><path d=\"M12 8v4M12 16v.01\" />";
+    readonly success: "<circle cx=\"12\" cy=\"12\" r=\"9\" /><path d=\"m8 12 3 3 5-6\" />";
+    readonly bell: "<path d=\"M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9\" /><path d=\"M10 21a2 2 0 0 0 4 0\" />";
+    readonly settings: "<circle cx=\"12\" cy=\"12\" r=\"3\" /><path d=\"M19.4 15a1.7 1.7 0 0 0 .3 1.8l.1.1a2 2 0 1 1-2.8 2.8l-.1-.1a1.7 1.7 0 0 0-1.8-.3 1.7 1.7 0 0 0-1 1.5V21a2 2 0 1 1-4 0v-.1a1.7 1.7 0 0 0-1-1.5 1.7 1.7 0 0 0-1.8.3l-.1.1a2 2 0 1 1-2.8-2.8l.1-.1a1.7 1.7 0 0 0 .3-1.8 1.7 1.7 0 0 0-1.5-1H3a2 2 0 1 1 0-4h.1a1.7 1.7 0 0 0 1.5-1 1.7 1.7 0 0 0-.3-1.8l-.1-.1a2 2 0 1 1 2.8-2.8l.1.1a1.7 1.7 0 0 0 1.8.3H9a1.7 1.7 0 0 0 1-1.5V3a2 2 0 1 1 4 0v.1a1.7 1.7 0 0 0 1 1.5 1.7 1.7 0 0 0 1.8-.3l.1-.1a2 2 0 1 1 2.8 2.8l-.1.1a1.7 1.7 0 0 0-.3 1.8V9a1.7 1.7 0 0 0 1.5 1H21a2 2 0 1 1 0 4h-.1a1.7 1.7 0 0 0-1.5 1z\" />";
+    readonly user: "<circle cx=\"12\" cy=\"8\" r=\"4\" /><path d=\"M4 21a8 8 0 0 1 16 0\" />";
+    readonly users: "<circle cx=\"9\" cy=\"8\" r=\"4\" /><path d=\"M2 21a7 7 0 0 1 14 0\" /><path d=\"M16 4a4 4 0 0 1 0 8M22 21a6 6 0 0 0-6-6\" />";
+    readonly home: "<path d=\"m3 11 9-8 9 8\" /><path d=\"M5 10v10h14V10\" />";
+    readonly calendar: "<rect x=\"3\" y=\"5\" width=\"18\" height=\"16\" rx=\"2\" /><path d=\"M3 10h18M8 3v4M16 3v4\" />";
+    readonly truck: "<path d=\"M3 16V6a1 1 0 0 1 1-1h11v11\" /><path d=\"M15 9h4l2 3v4h-6\" /><circle cx=\"7.5\" cy=\"17.5\" r=\"2\" /><circle cx=\"17.5\" cy=\"17.5\" r=\"2\" />";
+    readonly box: "<path d=\"m21 8-9-5-9 5 9 5 9-5z\" /><path d=\"M3 8v8l9 5 9-5V8\" /><path d=\"m12 13 .01 8\" />";
+    readonly map: "<path d=\"m9 4-6 3v13l6-3 6 3 6-3V4l-6 3-6-3z\" /><path d=\"M9 4v13M15 7v13\" />";
+    readonly activity: "<path d=\"M3 12h4l3-9 4 18 3-9h4\" />";
+    readonly folder: "<path d=\"M3 7a2 2 0 0 1 2-2h4l2 2h8a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\" />";
+    readonly edit: "<path d=\"M12 20h9\" /><path d=\"M16.5 3.5a2.1 2.1 0 1 1 3 3L7 19l-4 1 1-4z\" />";
+    readonly external: "<path d=\"M14 4h6v6\" /><path d=\"M20 4 10 14\" /><path d=\"M20 14v5a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h5\" />";
+    readonly trash: "<path d=\"M3 6h18M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2\" /><path d=\"M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6\" />";
+    readonly copy: "<rect x=\"9\" y=\"9\" width=\"11\" height=\"11\" rx=\"2\" /><path d=\"M5 15V5a2 2 0 0 1 2-2h10\" />";
+    readonly download: "<path d=\"M12 4v12M6 12l6 6 6-6\" /><path d=\"M4 20h16\" />";
+    readonly upload: "<path d=\"M12 20V8M6 12l6-6 6 6\" /><path d=\"M4 4h16\" />";
+    readonly eye: "<path d=\"M2 12s4-7 10-7 10 7 10 7-4 7-10 7S2 12 2 12z\" /><circle cx=\"12\" cy=\"12\" r=\"3\" />";
+    readonly filter: "<path d=\"M3 5h18l-7 9v6l-4-2v-4z\" />";
+    readonly sort: "<path d=\"M7 4v16M3 8l4-4 4 4\" /><path d=\"M17 20V4M21 16l-4 4-4-4\" />";
+    readonly sortAsc: "<path d=\"M7 18V6M3 10l4-4 4 4\" />";
+    readonly sortDesc: "<path d=\"M7 6v12M11 14l-4 4-4-4\" />";
+    readonly grid: "<rect x=\"3\" y=\"3\" width=\"7\" height=\"7\" /><rect x=\"14\" y=\"3\" width=\"7\" height=\"7\" /><rect x=\"3\" y=\"14\" width=\"7\" height=\"7\" /><rect x=\"14\" y=\"14\" width=\"7\" height=\"7\" />";
+    readonly list: "<path d=\"M8 6h13M8 12h13M8 18h13\" /><circle cx=\"3.5\" cy=\"6\" r=\"1.2\" /><circle cx=\"3.5\" cy=\"12\" r=\"1.2\" /><circle cx=\"3.5\" cy=\"18\" r=\"1.2\" />";
+    readonly moreH: "<circle cx=\"5\" cy=\"12\" r=\"1.5\" /><circle cx=\"12\" cy=\"12\" r=\"1.5\" /><circle cx=\"19\" cy=\"12\" r=\"1.5\" />";
+    readonly moreV: "<circle cx=\"12\" cy=\"5\" r=\"1.5\" /><circle cx=\"12\" cy=\"12\" r=\"1.5\" /><circle cx=\"12\" cy=\"19\" r=\"1.5\" />";
+    readonly link: "<path d=\"M10 14a5 5 0 0 0 7 0l3-3a5 5 0 0 0-7-7l-1 1\" /><path d=\"M14 10a5 5 0 0 0-7 0l-3 3a5 5 0 0 0 7 7l1-1\" />";
+    readonly flag: "<path d=\"M5 21V5a14 14 0 0 1 14 0v9a14 14 0 0 1-14 0z\" />";
+    readonly star: "<path d=\"m12 3 2.9 6 6.6.9-4.8 4.6 1.1 6.5L12 17.8 6.2 21l1.1-6.5L2.5 9.9 9.1 9z\" />";
+    readonly inbox: "<path d=\"M22 12h-6l-2 3h-4l-2-3H2\" /><path d=\"M5 4h14l3 8v8a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2v-8z\" />";
+    readonly archive: "<rect x=\"3\" y=\"3\" width=\"18\" height=\"5\" rx=\"1\" /><path d=\"M5 8v11a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8M10 12h4\" />";
+    readonly clock: "<circle cx=\"12\" cy=\"12\" r=\"9\" /><path d=\"M12 7v5l3 2\" />";
+    readonly refresh: "<path d=\"M3 12a9 9 0 0 1 15-6.7L21 8\" /><path d=\"M21 3v5h-5\" /><path d=\"M21 12a9 9 0 0 1-15 6.7L3 16\" /><path d=\"M3 21v-5h5\" />";
+    readonly play: "<path d=\"M6 4l14 8-14 8z\" />";
+    readonly pause: "<path d=\"M7 4v16M17 4v16\" />";
+    readonly cmd: "<path d=\"M9 9h6v6H9zM6 9V7a3 3 0 1 1 3 3H6zM6 15v2a3 3 0 1 0 3-3H6zM18 9V7a3 3 0 1 0-3 3h3zM18 15v2a3 3 0 1 1-3-3h3z\" />";
+    readonly paperclip: "<path d=\"m21 11-9 9a5 5 0 0 1-7-7l9-9a3 3 0 0 1 4 4l-9 9a1 1 0 0 1-1-1l8-8\" />";
+    readonly file: "<path d=\"M14 3H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z\" /><path d=\"M14 3v6h6\" />";
+    readonly image: "<rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" /><circle cx=\"9\" cy=\"9\" r=\"2\" /><path d=\"m21 15-5-5L5 21\" />";
+    readonly lock: "<rect x=\"4\" y=\"11\" width=\"16\" height=\"10\" rx=\"2\" /><path d=\"M8 11V7a4 4 0 0 1 8 0v4\" />";
+    readonly logout: "<path d=\"M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4\" /><path d=\"m16 17 5-5-5-5M21 12H9\" />";
+    readonly help: "<circle cx=\"12\" cy=\"12\" r=\"9\" /><path d=\"M9.5 9a2.5 2.5 0 0 1 5 0c0 1.5-2.5 2-2.5 4M12 17v.01\" />";
+    readonly pin: "<path d=\"M12 22v-7\" /><path d=\"m9 15 6 0M8 9l8 0M9 15c-2-1.5-3-4-3-7l12 0c0 3-1 5.5-3 7\" />";
+    readonly bookmark: "<path d=\"M5 21V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16l-7-4z\" />";
+    readonly sparkle: "<path d=\"M12 3v6M12 15v6M3 12h6M15 12h6M5.6 5.6l4.2 4.2M14.2 14.2l4.2 4.2M5.6 18.4l4.2-4.2M14.2 9.8l4.2-4.2\" />";
+    readonly layers: "<path d=\"m12 3 9 5-9 5-9-5z\" /><path d=\"m3 13 9 5 9-5M3 18l9 5 9-5\" />";
+    readonly chart: "<path d=\"M3 3v18h18\" /><path d=\"M7 14l4-4 4 4 5-5\" />";
+    readonly gauge: "<path d=\"M12 14l4-4\" /><circle cx=\"12\" cy=\"14\" r=\"9\" /><path d=\"M3 14a9 9 0 0 1 18 0\" />";
+    readonly package: "<path d=\"M3 7v10l9 4 9-4V7l-9-4z\" /><path d=\"m3 7 9 5 9-5M12 12v9\" />";
+    readonly git: "<circle cx=\"6\" cy=\"6\" r=\"2.5\" /><circle cx=\"6\" cy=\"18\" r=\"2.5\" /><circle cx=\"18\" cy=\"12\" r=\"2.5\" /><path d=\"M6 8.5v7M8.5 6h4a3 3 0 0 1 3 3v0\" />";
+    readonly sun: "<circle cx=\"12\" cy=\"12\" r=\"4\" /><path d=\"M12 2v2M12 20v2M4.9 4.9l1.4 1.4M17.7 17.7l1.4 1.4M2 12h2M20 12h2M4.9 19.1l1.4-1.4M17.7 6.3l1.4-1.4\" />";
+    readonly moon: "<path d=\"M21 13a9 9 0 0 1-12-12 9 9 0 1 0 12 12z\" />";
+    readonly save: "<path d=\"M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z\" /><path d=\"M17 21v-8H7v8M7 3v5h8\" />";
+    readonly rotate: "<path d=\"M3 12a9 9 0 1 0 3-6.7L3 8\" /><path d=\"M3 3v5h5\" />";
+    readonly qr: "<rect x=\"3\" y=\"3\" width=\"7\" height=\"7\" /><rect x=\"14\" y=\"3\" width=\"7\" height=\"7\" /><rect x=\"3\" y=\"14\" width=\"7\" height=\"7\" /><path d=\"M14 14h3v3h-3zM18 18h3v3h-3z\" />";
+    readonly globe: "<circle cx=\"12\" cy=\"12\" r=\"9\" /><path d=\"M3 12h18M12 3a14 14 0 0 1 0 18M12 3a14 14 0 0 0 0 18\" />";
+    readonly phone: "<path d=\"M5 4h4l2 5-2 1a11 11 0 0 0 5 5l1-2 5 2v4a2 2 0 0 1-2 2A16 16 0 0 1 3 6a2 2 0 0 1 2-2z\" />";
+    readonly bin: "<rect x=\"3\" y=\"6\" width=\"18\" height=\"14\" rx=\"2\" /><path d=\"M7 6V4h10v2\" />";
+    readonly pen: "<path d=\"M3 17V21h4l11-11-4-4z\" />";
+    readonly smile: "<circle cx=\"12\" cy=\"12\" r=\"9\" /><path d=\"M9 9v.01M15 9v.01M8 14a5 5 0 0 0 8 0\" />";
+    readonly frown: "<circle cx=\"12\" cy=\"12\" r=\"9\" /><path d=\"M9 9v.01M15 9v.01M8 16a5 5 0 0 1 8 0\" />";
+    readonly mail: "<rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\" /><path d=\"m3 7 9 6 9-6\" />";
+    readonly 'eye-off': "<path d=\"M3 3l18 18\" /><path d=\"M10.6 6.1A10 10 0 0 1 12 6c6 0 10 7 10 7a14 14 0 0 1-2.4 3.1\" /><path d=\"M6.7 6.7A14 14 0 0 0 2 12s4 7 10 7a10 10 0 0 0 4.5-1\" /><path d=\"M9.9 14.1A3 3 0 0 1 9 12a3 3 0 0 1 3-3 3 3 0 0 1 2.1.9\" />";
+    readonly 'check-circle': "<circle cx=\"12\" cy=\"12\" r=\"9\" /><path d=\"m8 12 3 3 5-6\" />";
+    readonly drag: "<circle cx=\"9\" cy=\"6\" r=\"1.6\" /><circle cx=\"15\" cy=\"6\" r=\"1.6\" /><circle cx=\"9\" cy=\"12\" r=\"1.6\" /><circle cx=\"15\" cy=\"12\" r=\"1.6\" /><circle cx=\"9\" cy=\"18\" r=\"1.6\" /><circle cx=\"15\" cy=\"18\" r=\"1.6\" />";
+    readonly scan: "<path d=\"M4 8V5a1 1 0 0 1 1-1h3M16 4h3a1 1 0 0 1 1 1v3M20 16v3a1 1 0 0 1-1 1h-3M8 20H5a1 1 0 0 1-1-1v-3\" />";
+    readonly wifi: "<path d=\"M2 9.5a15 15 0 0 1 20 0\" /><path d=\"M5 13a10 10 0 0 1 14 0\" /><path d=\"M8.5 16.5a5 5 0 0 1 7 0\" /><path d=\"M12 20h.01\" />";
+    readonly 'wifi-off': "<path d=\"m3 3 18 18\" /><path d=\"M12 20h.01\" /><path d=\"M8.5 16.5a5 5 0 0 1 7 0\" /><path d=\"M5 13a10 10 0 0 1 3.5-2.3\" /><path d=\"M11 8.6A10 10 0 0 1 19 13\" /><path d=\"M2 9.5a15 15 0 0 1 5.7-3.2\" /><path d=\"M11.6 5.6A15 15 0 0 1 22 9.5\" />";
+};
+/** Built-in DS icon names. Consumers can extend the runtime set via `provideDsIcons({...})` —
+ * the type widens to `string` so any custom name is accepted at the call site (at the cost of
+ * autocomplete for those custom names). */
+type IconName = keyof typeof ICONS | (string & {});
+
+interface DsConfig {
+    breadcrumbs?: {
+        separator?: IconName;
+        clickable?: boolean;
+    };
+}
+declare const DS_CONFIG: InjectionToken<DsConfig>;
+/** Provide DS-level defaults at the app root.
+ *
+ *   providers: [provideDsConfig({ card: { padding: 'sm' } })]
+ *
+ * Component inputs (e.g. `<ds-card padding="lg">`) still win over the config.
+ */
+declare function provideDsConfig(config: DsConfig): Provider;
+
+/** A reference to the overlay/container the projected content lives in, used to
+ *  close it from the inside — e.g. a popover (and, later, a dropdown/select)
+ *  closing when a menu item is selected. The container provides it via DI;
+ *  content injects it with `{ optional: true }` so the same content also works
+ *  standalone (outside any overlay).
+ *
+ *  Same shape as Angular Material's `MatDialogRef` (content calls `close()` on a
+ *  ref), generalised so any dismissible overlay can provide it. */
+declare abstract class DsOverlayCloseRef {
+    abstract close(): void;
+}
+
+declare class IconComponent {
+    private readonly sanitizer;
+    private readonly registry;
+    readonly name: _angular_core.InputSignal<IconName>;
+    readonly size: _angular_core.InputSignal<number>;
+    readonly stroke: _angular_core.InputSignal<number>;
+    /** When set, the icon is exposed to assistive tech as an image with this
+     *  name; otherwise it is decorative and hidden (`aria-hidden`). */
+    readonly ariaLabel: _angular_core.InputSignal<string | null>;
+    protected readonly paths: _angular_core.Signal<SafeHtml>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<IconComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<IconComponent, "ds-icon", never, { "name": { "alias": "name"; "required": true; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "stroke": { "alias": "stroke"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+/** Map of custom icon name -> raw SVG body markup.
+ *
+ * The body is what goes *inside* `<svg viewBox="0 0 24 24" fill="none" stroke="currentColor">`
+ * — typically one or more `<path>` / `<circle>` / `<rect>` elements. Stroke width, line caps and
+ * join are applied by the host `<ds-icon>` template, so paths should use `stroke="currentColor"`
+ * implicitly (i.e. omit the stroke attribute) and rely on the parent SVG.
+ *
+ * Example:
+ *   provideDsIcons({
+ *     'cloud-upload': '<path d="M12 13v8m0-8 3 3m-3-3-3 3"/><path d="..."/>',
+ *   })
+ */
+type DsIconRegistry = Readonly<Record<string, string>>;
+declare const DS_ICON_REGISTRY: InjectionToken<Readonly<Record<string, string>>>;
+/** Register additional icons available to `<ds-icon [name]="...">` alongside the built-in DS set.
+ *
+ *   providers: [
+ *     provideDsIcons({
+ *       'cloud-upload': '<path d="..."/>',
+ *       'shield':       '<path d="..."/>',
+ *     }),
+ *   ]
+ *
+ * Names take precedence as: built-in `ICONS` > consumer registry. Consumer names that clash with
+ * built-ins are ignored — to override a built-in, edit the DS source.
+ */
+declare function provideDsIcons(icons: DsIconRegistry): Provider;
+
+type ButtonVariant = 'primary' | 'secondary' | 'tertiary' | 'outline' | 'error' | 'success' | 'warning' | 'text';
+type ButtonSize = 's' | 'm' | 'l' | 'sm' | 'md' | 'lg';
+type ButtonType = 'button' | 'submit' | 'reset';
+
+declare class ButtonComponent {
+    readonly variant: _angular_core.InputSignal<ButtonVariant>;
+    readonly size: _angular_core.InputSignal<ButtonSize>;
+    readonly type: _angular_core.InputSignal<ButtonType>;
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly loading: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Stretch the button to fill its container — the host becomes block-level
+        and 100% wide (the inner control is already full-width). Use for mobile
+        primary CTAs and full-bleed form submit buttons. */
+    readonly fullWidth: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Accessible name — forwarded to the inner <button> as aria-label. Use when
+        the visible label is absent or non-descriptive. */
+    readonly ariaLabel: _angular_core.InputSignal<string | null>;
+    readonly icon: _angular_core.InputSignal<IconName | null>;
+    readonly trailingIcon: _angular_core.InputSignal<IconName | null>;
+    readonly pressed: _angular_core.OutputEmitterRef<MouseEvent>;
+    protected readonly classes: _angular_core.Signal<string>;
+    protected onClick(event: MouseEvent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ButtonComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ButtonComponent, "ds-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; }; "fullWidth": { "alias": "fullWidth"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "trailingIcon": { "alias": "trailingIcon"; "required": false; "isSignal": true; }; }, { "pressed": "pressed"; }, never, ["*", "[dsButtonSubtext]"], true, never>;
+}
+
+type IconButtonVariant = 'standard' | 'filled' | 'tonal' | 'outlined';
+type IconButtonSize = 'sm' | 'md' | 'lg';
+type IconButtonType = 'button' | 'submit' | 'reset';
+
+/**
+ * Icon-only action button with its own variant taxonomy (standard / filled /
+ * tonal / outlined) + an optional toggle (`selected`) state. Distinct from
+ * `ds-button` — use this for square/round icon affordances; use `ds-button`
+ * for labelled actions. `ariaLabel` is REQUIRED (icon-only has no text label).
+ */
+declare class IconButtonComponent {
+    readonly icon: _angular_core.InputSignal<IconName>;
+    readonly ariaLabel: _angular_core.InputSignal<string>;
+    readonly variant: _angular_core.InputSignal<IconButtonVariant>;
+    readonly size: _angular_core.InputSignal<IconButtonSize>;
+    readonly type: _angular_core.InputSignal<IconButtonType>;
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Toggle state — renders the pressed/active look and sets aria-pressed. */
+    readonly selected: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly pressed: _angular_core.OutputEmitterRef<MouseEvent>;
+    protected readonly classes: _angular_core.Signal<string>;
+    protected readonly iconSize: _angular_core.Signal<16 | 24 | 20>;
+    protected onClick(event: MouseEvent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<IconButtonComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<IconButtonComponent, "ds-icon-button", never, { "icon": { "alias": "icon"; "required": true; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": true; "isSignal": true; }; "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; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; }, { "pressed": "pressed"; }, never, never, true, never>;
+}
+
+type BadgeLifecycle = 'planning' | 'confirmed' | 'active' | 'completed';
+type BadgeSemantic = 'info' | 'success' | 'warning' | 'error' | 'neutral';
+type BadgeVariant = BadgeLifecycle | BadgeSemantic | 'solid' | 'count';
+
+declare class BadgeComponent {
+    readonly variant: _angular_core.InputSignal<BadgeVariant>;
+    readonly withDot: _angular_core.InputSignal<boolean>;
+    readonly solid: _angular_core.InputSignal<boolean>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BadgeComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BadgeComponent, "ds-badge", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "withDot": { "alias": "withDot"; "required": false; "isSignal": true; }; "solid": { "alias": "solid"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+/**
+ * Status dot variants — sourced from components.css `.status-dot--*` modifiers.
+ * JSX showcase exercises `active`, `warning`, `error`; CSS defines all six.
+ */
+type StatusValue = 'planning' | 'confirmed' | 'active' | 'completed' | 'warning' | 'error' | 'secondary';
+
+declare class StatusDotComponent {
+    readonly status: _angular_core.InputSignal<StatusValue>;
+    /** Override the colour-only status with a human label for assistive tech. */
+    readonly ariaLabel: _angular_core.InputSignal<string | null>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<StatusDotComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StatusDotComponent, "ds-status-dot", never, { "status": { "alias": "status"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+type AvatarSize = 'xs' | 'sm' | 'md' | 'lg';
+
+declare class AvatarComponent {
+    readonly size: _angular_core.InputSignal<AvatarSize>;
+    readonly initials: _angular_core.InputSignal<string>;
+    readonly imageUrl: _angular_core.InputSignal<string | null>;
+    /** Accessible name. When omitted, the avatar is treated as decorative
+     *  (hidden from AT) — correct when a visible name sits beside it. */
+    readonly ariaLabel: _angular_core.InputSignal<string | null>;
+    /** Off-token color tint. Accepts a `{ bg, fg }` pair for arbitrary palettes,
+     *  the literal `'neutral'` for the neutral overflow-chip treatment, or null
+     *  for the default brand-subtle tones from avatar.scss. */
+    readonly tint: _angular_core.InputSignal<"neutral" | {
+        bg: string;
+        fg: string;
+    } | null>;
+    protected readonly tintStyle: _angular_core.Signal<{
+        bg: string | null;
+        fg: string | null;
+    }>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AvatarComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AvatarComponent, "ds-avatar", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "initials": { "alias": "initials"; "required": false; "isSignal": true; }; "imageUrl": { "alias": "imageUrl"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "tint": { "alias": "tint"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class AvatarGroupComponent {
+    readonly max: _angular_core.InputSignal<number>;
+    readonly total: _angular_core.InputSignal<number | null>;
+    protected readonly overflow: _angular_core.Signal<number | null>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AvatarGroupComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AvatarGroupComponent, "ds-avatar-group", never, { "max": { "alias": "max"; "required": false; "isSignal": true; }; "total": { "alias": "total"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+type CardElevation = 'flat' | 'raised' | 'hover' | 'interactive';
+type CardPadding = 'none' | 'sm' | 'md' | 'lg';
+
+declare class CardComponent {
+    readonly elevation: _angular_core.InputSignal<CardElevation>;
+    readonly padding: _angular_core.InputSignal<CardPadding | null>;
+    readonly pressed: _angular_core.OutputEmitterRef<MouseEvent>;
+    protected readonly classes: _angular_core.Signal<string>;
+    protected onClick(event: MouseEvent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CardComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CardComponent, "ds-card", never, { "elevation": { "alias": "elevation"; "required": false; "isSignal": true; }; "padding": { "alias": "padding"; "required": false; "isSignal": true; }; }, { "pressed": "pressed"; }, never, ["*"], true, never>;
+}
+
+declare class StatComponent {
+    readonly label: _angular_core.InputSignal<string>;
+    readonly value: _angular_core.InputSignal<string | number>;
+    readonly delta: _angular_core.InputSignal<number | null>;
+    readonly deltaLabel: _angular_core.InputSignal<string>;
+    readonly deltaTone: _angular_core.InputSignal<"secondary" | "neutral" | null>;
+    readonly caption: _angular_core.InputSignal<string>;
+    readonly unit: _angular_core.InputSignal<string>;
+    readonly variant: _angular_core.InputSignal<"default" | "danger">;
+    readonly size: _angular_core.InputSignal<"sm" | "md" | "lg">;
+    protected readonly deltaClasses: _angular_core.Signal<string>;
+    protected readonly deltaIcon: _angular_core.Signal<"arrowUp" | "arrowDown" | null>;
+    protected readonly deltaText: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<StatComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StatComponent, "ds-stat", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; "value": { "alias": "value"; "required": true; "isSignal": true; }; "delta": { "alias": "delta"; "required": false; "isSignal": true; }; "deltaLabel": { "alias": "deltaLabel"; "required": false; "isSignal": true; }; "deltaTone": { "alias": "deltaTone"; "required": false; "isSignal": true; }; "caption": { "alias": "caption"; "required": false; "isSignal": true; }; "unit": { "alias": "unit"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, ["[delta]"], true, never>;
+}
+
+declare class TabComponent {
+    readonly label: _angular_core.InputSignal<string>;
+    readonly icon: _angular_core.InputSignal<IconName | null>;
+    readonly count: _angular_core.InputSignal<number | null>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly content: _angular_core.Signal<TemplateRef<unknown>>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TabComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TabComponent, "ds-tab", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "count": { "alias": "count"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+type TabsVariant = 'line' | 'pills';
+
+declare class TabsComponent {
+    readonly selectedIndex: _angular_core.ModelSignal<number>;
+    readonly variant: _angular_core.InputSignal<TabsVariant>;
+    private readonly host;
+    private readonly uid;
+    protected readonly tabs: _angular_core.Signal<readonly TabComponent[]>;
+    protected tabId(index: number): string;
+    protected panelId(index: number): string;
+    protected readonly tabsClasses: _angular_core.Signal<"tabs pills" | "tabs">;
+    protected readonly selectedTemplate: _angular_core.Signal<_angular_core.TemplateRef<unknown>>;
+    protected tabClasses(index: number, disabled: boolean): string;
+    protected select(index: number, disabled: boolean): void;
+    /** Roving keyboard navigation across the tablist (APG automatic activation). */
+    protected onKeydown(event: KeyboardEvent, index: number): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TabsComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TabsComponent, "ds-tabs", never, { "selectedIndex": { "alias": "selectedIndex"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, { "selectedIndex": "selectedIndexChange"; }, ["tabs"], never, true, never>;
+}
+
+type InputSize = 'sm' | 'md' | 'lg';
+type InputType = 'text' | 'email' | 'password' | 'number' | 'tel' | 'url' | 'search';
+
+declare class InputComponent {
+    readonly value: _angular_core.ModelSignal<string>;
+    readonly type: _angular_core.InputSignal<InputType>;
+    readonly size: _angular_core.InputSignal<InputSize>;
+    readonly label: _angular_core.InputSignal<string>;
+    readonly hint: _angular_core.InputSignal<string>;
+    readonly placeholder: _angular_core.InputSignal<string>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly readOnly: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly invalid: _angular_core.InputSignal<boolean>;
+    readonly success: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly withAddon: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly withAddonRight: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly required: _angular_core.InputSignal<boolean>;
+    readonly optional: _angular_core.InputSignal<boolean>;
+    readonly name: _angular_core.InputSignal<string | null>;
+    readonly min: _angular_core.InputSignal<number | null>;
+    readonly max: _angular_core.InputSignal<number | null>;
+    readonly step: _angular_core.InputSignal<number | null>;
+    /** Native autocomplete token (e.g. "email", "current-password"). */
+    readonly autocomplete: _angular_core.InputSignal<string | null>;
+    readonly autofocus: _angular_core.InputSignal<boolean>;
+    /** Accessible name when no visible `label` is provided (falls back to the
+     *  placeholder so the control is never unnamed). */
+    readonly ariaLabel: _angular_core.InputSignal<string | null>;
+    /** Mobile keyboard hints — forwarded to the native input as attributes. */
+    readonly enterKeyHint: _angular_core.InputSignal<"search" | "enter" | "done" | "go" | "next" | "previous" | "send" | null>;
+    readonly inputMode: _angular_core.InputSignal<"search" | "text" | "none" | "email" | "tel" | "url" | "decimal" | "numeric" | null>;
+    /** Emits when the native input loses focus. */
+    readonly blurred: _angular_core.OutputEmitterRef<void>;
+    /**
+     * Show an inline clear (×) button when the input has a non-empty value.
+     * Mirrors the Material/PrimeNG pattern: explicit button (not native search
+     * cancel) so the affordance is consistent across browsers and styled with
+     * DS tokens. Defaults to true when type='search', false otherwise — pass
+     * an explicit boolean to override.
+     */
+    readonly clearable: _angular_core.InputSignal<boolean | null>;
+    readonly passwordToggle: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly passwordVisible: _angular_core.ModelSignal<boolean>;
+    protected readonly canClear: _angular_core.Signal<boolean>;
+    protected readonly uid: string;
+    protected readonly hintId: _angular_core.Signal<string | null>;
+    /** Only name via aria-label when there's no visible `<label for>`. */
+    protected readonly resolvedAriaLabel: _angular_core.Signal<string | null>;
+    protected readonly showPasswordToggle: _angular_core.Signal<boolean>;
+    protected readonly effectiveType: _angular_core.Signal<InputType>;
+    protected togglePassword(): void;
+    protected readonly wrapperClasses: _angular_core.Signal<string>;
+    protected clear(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<InputComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<InputComponent, "ds-input", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readOnly": { "alias": "readOnly"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "success": { "alias": "success"; "required": false; "isSignal": true; }; "withAddon": { "alias": "withAddon"; "required": false; "isSignal": true; }; "withAddonRight": { "alias": "withAddonRight"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "optional": { "alias": "optional"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "autofocus": { "alias": "autofocus"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "enterKeyHint": { "alias": "enterKeyHint"; "required": false; "isSignal": true; }; "inputMode": { "alias": "inputMode"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "passwordToggle": { "alias": "passwordToggle"; "required": false; "isSignal": true; }; "passwordVisible": { "alias": "passwordVisible"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "blurred": "blurred"; "passwordVisible": "passwordVisibleChange"; }, never, ["[dsInputPrefix]", "[dsInputSuffix]"], true, never>;
+}
+
+type NumberStepperSize = 'sm' | 'md' | 'lg';
+
+declare class NumberStepperComponent {
+    readonly value: _angular_core.ModelSignal<number>;
+    readonly min: _angular_core.InputSignal<number>;
+    readonly max: _angular_core.InputSignal<number | null>;
+    readonly step: _angular_core.InputSignal<number>;
+    readonly size: _angular_core.InputSignal<NumberStepperSize>;
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    protected readonly atMin: _angular_core.Signal<boolean>;
+    protected readonly atMax: _angular_core.Signal<boolean>;
+    protected readonly stepperClass: _angular_core.Signal<string>;
+    inc(): void;
+    dec(): void;
+    protected setRaw(raw: string): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NumberStepperComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NumberStepperComponent, "ds-number-stepper", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
+}
+
+type TextareaSize = 'sm' | 'md' | 'lg';
+type TextareaResize = 'none' | 'vertical' | 'horizontal' | 'both';
+
+declare class TextareaComponent {
+    readonly value: _angular_core.ModelSignal<string>;
+    readonly size: _angular_core.InputSignal<TextareaSize>;
+    readonly label: _angular_core.InputSignal<string>;
+    readonly hint: _angular_core.InputSignal<string>;
+    readonly placeholder: _angular_core.InputSignal<string>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly invalid: _angular_core.InputSignal<boolean>;
+    readonly required: _angular_core.InputSignal<boolean>;
+    readonly optional: _angular_core.InputSignal<boolean>;
+    readonly rows: _angular_core.InputSignal<number>;
+    readonly name: _angular_core.InputSignal<string | null>;
+    readonly autosize: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly minRows: _angular_core.InputSignal<number | null>;
+    readonly maxRows: _angular_core.InputSignal<number | null>;
+    readonly resize: _angular_core.InputSignal<TextareaResize>;
+    /** Accessible name when no visible `label` is provided. */
+    readonly ariaLabel: _angular_core.InputSignal<string | null>;
+    protected readonly uid: string;
+    protected readonly hintId: _angular_core.Signal<string | null>;
+    protected readonly resolvedAriaLabel: _angular_core.Signal<string | null>;
+    protected readonly wrapperClasses: _angular_core.Signal<string>;
+    protected readonly autosizeMinHeight: _angular_core.Signal<string | null>;
+    protected readonly autosizeMaxHeight: _angular_core.Signal<string | null>;
+    protected readonly effectiveResize: _angular_core.Signal<TextareaResize>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TextareaComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TextareaComponent, "ds-textarea", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "optional": { "alias": "optional"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "autosize": { "alias": "autosize"; "required": false; "isSignal": true; }; "minRows": { "alias": "minRows"; "required": false; "isSignal": true; }; "maxRows": { "alias": "maxRows"; "required": false; "isSignal": true; }; "resize": { "alias": "resize"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
+}
+
+declare class SearchComponent {
+    readonly value: _angular_core.ModelSignal<string>;
+    readonly placeholder: _angular_core.InputSignal<string>;
+    readonly shortcut: _angular_core.InputSignal<string>;
+    readonly showIcon: _angular_core.InputSignal<boolean>;
+    /** Show an inline clear (×) button on the right when there's a value. */
+    readonly clearable: _angular_core.InputSignal<boolean>;
+    /** Accessible name for the input (placeholder is not a reliable label). */
+    readonly ariaLabel: _angular_core.InputSignal<string>;
+    readonly submitted: _angular_core.OutputEmitterRef<string>;
+    private readonly inputEl;
+    protected onSubmit(): void;
+    protected clear(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SearchComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SearchComponent, "ds-search", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "shortcut": { "alias": "shortcut"; "required": false; "isSignal": true; }; "showIcon": { "alias": "showIcon"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "submitted": "submitted"; }, never, never, true, never>;
+}
+
+/** Showcase-only: renders the component's open/overlay surface inline in normal
+ *  flow instead of its real overlay mechanics (for static docs specimens).
+ *  Not part of the production contract. */
+declare class DsStaticPreview {
+    readonly staticPreview: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DsStaticPreview, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DsStaticPreview, never, never, { "staticPreview": { "alias": "staticPreview"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+type SelectSize = 'sm' | 'md' | 'lg';
+interface SelectOption {
+    label: string;
+    value: string;
+    disabled?: boolean;
+}
+interface SelectOptionGroup {
+    label: string;
+    options: SelectOption[];
+    disabled?: boolean;
+}
+type SelectItem = SelectOption | SelectOptionGroup;
+declare function isSelectOptionGroup(item: SelectItem): item is SelectOptionGroup;
+
+declare class SelectComponent {
+    private readonly overlay;
+    private readonly vcr;
+    protected readonly preview: DsStaticPreview;
+    readonly value: _angular_core.ModelSignal<string>;
+    readonly options: _angular_core.InputSignal<SelectItem[]>;
+    readonly placeholder: _angular_core.InputSignal<string>;
+    readonly size: _angular_core.InputSignal<SelectSize>;
+    readonly label: _angular_core.InputSignal<string>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly invalid: _angular_core.InputSignal<boolean>;
+    readonly required: _angular_core.InputSignal<boolean>;
+    readonly optional: _angular_core.InputSignal<boolean>;
+    readonly name: _angular_core.InputSignal<string | null>;
+    /** Accessible name when no visible `label` is provided. */
+    readonly ariaLabel: _angular_core.InputSignal<string | null>;
+    protected readonly uid: string;
+    protected readonly labelId: string;
+    protected readonly listboxId: string;
+    protected optionId(flatIdx: number): string;
+    /** Active option for `aria-activedescendant` (combobox keeps DOM focus). */
+    protected readonly activeDescendant: _angular_core.Signal<string | null>;
+    protected readonly resolvedAriaLabel: _angular_core.Signal<string | null>;
+    protected readonly trigger: _angular_core.Signal<ElementRef<HTMLButtonElement>>;
+    protected readonly panelTpl: _angular_core.Signal<TemplateRef<unknown>>;
+    protected readonly panelContentTpl: _angular_core.Signal<TemplateRef<unknown>>;
+    protected readonly open: _angular_core.WritableSignal<boolean>;
+    protected readonly activeIndex: _angular_core.WritableSignal<number>;
+    private overlayRef;
+    protected readonly flatOptions: _angular_core.Signal<{
+        option: SelectOption;
+        groupDisabled: boolean;
+    }[]>;
+    protected readonly selectedOption: _angular_core.Signal<SelectOption | null>;
+    protected readonly displayLabel: _angular_core.Signal<string>;
+    protected readonly hasValue: _angular_core.Signal<boolean>;
+    protected readonly triggerClasses: _angular_core.Signal<string>;
+    constructor();
+    protected isOptionGroup(item: SelectItem): item is SelectOptionGroup;
+    protected flatIndexOf(opt: SelectOption): number;
+    protected toggle(): void;
+    protected openPanel(): void;
+    protected close(): void;
+    protected pick(option: SelectOption, groupDisabled?: boolean): void;
+    protected isSelected(option: SelectOption): boolean;
+    protected isOptionDisabled(option: SelectOption, groupDisabled?: boolean): boolean;
+    protected onTriggerKeydown(event: KeyboardEvent): void;
+    protected isActive(index: number): boolean;
+    private moveActive;
+    private firstEnabledIndex;
+    private lastEnabledIndex;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SelectComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SelectComponent, "ds-select", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "optional": { "alias": "optional"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, [{ directive: typeof DsStaticPreview; inputs: { "staticPreview": "staticPreview"; }; outputs: {}; }]>;
+}
+
+type DropdownSize = 'sm' | 'md' | 'lg';
+interface DropdownOption {
+    label: string;
+    value: string;
+    disabled?: boolean;
+    icon?: IconName;
+}
+
+declare class DropdownComponent {
+    private readonly overlay;
+    private readonly vcr;
+    protected readonly preview: DsStaticPreview;
+    readonly value: _angular_core.ModelSignal<string>;
+    readonly options: _angular_core.InputSignal<DropdownOption[]>;
+    readonly placeholder: _angular_core.InputSignal<string>;
+    readonly size: _angular_core.InputSignal<DropdownSize>;
+    readonly label: _angular_core.InputSignal<string>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly readOnly: _angular_core.InputSignal<boolean>;
+    readonly error: _angular_core.InputSignal<boolean>;
+    readonly name: _angular_core.InputSignal<string | null>;
+    /** Accessible name when no visible `label` is provided. */
+    readonly ariaLabel: _angular_core.InputSignal<string | null>;
+    protected readonly uid: string;
+    protected readonly labelId: string;
+    protected readonly listboxId: string;
+    protected optionId(index: number): string;
+    protected readonly resolvedAriaLabel: _angular_core.Signal<string | null>;
+    protected readonly trigger: _angular_core.Signal<ElementRef<HTMLButtonElement>>;
+    protected readonly panelTpl: _angular_core.Signal<TemplateRef<unknown>>;
+    protected readonly panelContentTpl: _angular_core.Signal<TemplateRef<unknown>>;
+    protected readonly open: _angular_core.WritableSignal<boolean>;
+    protected readonly activeIndex: _angular_core.WritableSignal<number>;
+    private overlayRef;
+    protected readonly selectedOption: _angular_core.Signal<DropdownOption | null>;
+    protected readonly displayLabel: _angular_core.Signal<string>;
+    protected readonly hasValue: _angular_core.Signal<boolean>;
+    protected readonly activeDescendant: _angular_core.Signal<string | null>;
+    protected readonly wrapperClasses: _angular_core.Signal<string>;
+    constructor();
+    protected toggle(): void;
+    protected openPanel(): void;
+    protected close(): void;
+    protected pick(option: DropdownOption): void;
+    protected isSelected(option: DropdownOption): boolean;
+    protected onTriggerKeydown(event: KeyboardEvent): void;
+    protected isActive(index: number): boolean;
+    private moveActive;
+    private firstEnabledIndex;
+    private lastEnabledIndex;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DropdownComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DropdownComponent, "ds-dropdown", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readOnly": { "alias": "readOnly"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, [{ directive: typeof DsStaticPreview; inputs: { "staticPreview": "staticPreview"; }; outputs: {}; }]>;
+}
+
+/**
+ * Projects a custom cell template into <ds-table> for a specific column.
+ *
+ * Usage:
+ *   <ds-table [data]="rows" [columns]="cols">
+ *     <ng-template dsCellTemplate="product" let-row>
+ *       <div>{{ asRule(row).product }}</div>
+ *     </ng-template>
+ *   </ds-table>
+ *
+ * The template context type is `unknown` because Angular cannot propagate
+ * the parent <ds-table>'s row type to projected templates. Consumers should
+ * narrow the row with a typed helper method on the host component.
+ *
+ * Context shape:
+ *   - $implicit: the row object (typed `unknown`)
+ *   - row: alias for the row object (typed `unknown`)
+ */
+declare class CellTemplateDirective {
+    readonly dsCellTemplate: _angular_core.InputSignal<string>;
+    readonly template: TemplateRef<any>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CellTemplateDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<CellTemplateDirective, "[dsCellTemplate]", never, { "dsCellTemplate": { "alias": "dsCellTemplate"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+interface TableColumn<T = unknown> {
+    key: string;
+    label: string;
+    sortable?: boolean;
+    filterable?: boolean;
+    truncate?: boolean;
+    width?: number;
+    align?: 'left' | 'right' | 'center';
+    cell?: (row: T) => string;
+    hideable?: boolean;
+    hidden?: boolean;
+}
+type SortDir = 'asc' | 'desc' | null;
+interface SortChangeEvent {
+    key: string;
+    dir: SortDir;
+}
+
+declare class TableComponent<T extends {
+    id: string;
+}> {
+    readonly data: _angular_core.InputSignal<readonly T[]>;
+    readonly columns: _angular_core.InputSignal<readonly TableColumn<T>[]>;
+    readonly selectable: _angular_core.InputSignal<boolean>;
+    /** Opt-in outer border + radius. Off by default so tables flush inside a
+     *  `<ds-card padding="none">` (workspaces, programs-list) don't double-border.
+     *  When `true`, the scroll-wrap gets a `var(--border-default)` outline and
+     *  `var(--radius-md)` radius — useful when the table stands alone in a padded card. */
+    readonly bordered: _angular_core.InputSignal<boolean>;
+    /** false  — no loading state.
+     *  'skeleton' — first-load placeholder; rows are replaced with shimmer
+     *  rows that read the global --skeleton-shimmer-x driver.
+     *  'overlay'  — re-fetch indicator; existing rows stay visible behind
+     *  a translucent overlay with a centred spinner. */
+    readonly loading: _angular_core.InputSignal<false | "skeleton" | "overlay">;
+    readonly stickyHeader: _angular_core.InputSignal<boolean>;
+    readonly selectedIds: _angular_core.ModelSignal<Set<string>>;
+    readonly sortKey: _angular_core.ModelSignal<string | null>;
+    readonly sortDir: _angular_core.ModelSignal<SortDir>;
+    readonly skeletonRows: _angular_core.InputSignal<number>;
+    /** Accessible name for the table (rendered as a visually-hidden caption).
+     *  Without it, screen-reader users get an unlabelled table. */
+    readonly caption: _angular_core.InputSignal<string>;
+    /** When true, each row becomes a keyboard-operable control (role=button,
+     *  tabindex, Enter/Space → rowClick) with an accessible name from the first
+     *  column. Off by default so non-navigating tables don't advertise a false
+     *  click affordance. */
+    readonly rowInteractive: _angular_core.InputSignal<boolean>;
+    readonly rowClick: _angular_core.OutputEmitterRef<T>;
+    readonly sortChange: _angular_core.OutputEmitterRef<SortChangeEvent>;
+    /** Cell templates supplied as an explicit map instead of (or in addition to)
+     *  projected `dsCellTemplate` directives. Lets a wrapper component (e.g.
+     *  ids-data-table) collect the directives itself and pass them down, since
+     *  content projected through a wrapper's `<ng-content>` is not seen by this
+     *  component's content query. Entries here override projected ones. */
+    readonly cellTemplateMap: _angular_core.InputSignal<Record<string, TemplateRef<{
+        $implicit: unknown;
+        row: unknown;
+    }>>>;
+    /** Empty-state template, as an alternative to the `[empty]` content slot —
+     *  again for wrappers that can't rely on slot re-projection. */
+    readonly emptyTemplate: _angular_core.InputSignal<TemplateRef<unknown> | null>;
+    protected readonly cellTemplateDirectives: _angular_core.Signal<readonly CellTemplateDirective[]>;
+    protected readonly cellTemplates: _angular_core.Signal<Record<string, TemplateRef<{
+        $implicit: unknown;
+        row: unknown;
+    }>>>;
+    protected cellTemplate(col: TableColumn<T>): TemplateRef<{
+        $implicit: unknown;
+        row: unknown;
+    }> | null;
+    protected readonly tableClasses: _angular_core.Signal<string>;
+    protected readonly isSkeletonLoading: _angular_core.Signal<boolean>;
+    protected readonly isOverlayLoading: _angular_core.Signal<boolean>;
+    protected readonly allSelected: _angular_core.Signal<boolean>;
+    protected readonly someSelected: _angular_core.Signal<boolean>;
+    protected readonly skeletonArray: _angular_core.Signal<any[]>;
+    protected isSelected(row: T): boolean;
+    protected onToggleAll(event: Event): void;
+    protected onToggleRow(row: T, event: Event): void;
+    protected onRowClick(row: T, event: Event): void;
+    protected onRowKey(row: T, event: Event): void;
+    /** Accessible name for an interactive row, taken from the first column. */
+    protected rowAriaLabel(row: T): string;
+    /** `aria-sort` value for a header: only meaningful on sortable columns. */
+    protected ariaSort(col: TableColumn<T>): 'ascending' | 'descending' | 'none' | null;
+    protected onSort(col: TableColumn<T>): void;
+    protected headerClasses(col: TableColumn<T>): string;
+    protected sortIcon(col: TableColumn<T>): 'sortAsc' | 'sortDesc' | 'sort';
+    protected cellValue(row: T, col: TableColumn<T>): string;
+    /** Deterministic per-cell width so skeleton rows look organic but stable
+     *  across re-renders. Mixes column key + row index into one of five widths. */
+    protected skeletonWidth(col: TableColumn<T>, rowIndex: number): string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TableComponent<any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TableComponent<any>, "ds-table", never, { "data": { "alias": "data"; "required": true; "isSignal": true; }; "columns": { "alias": "columns"; "required": true; "isSignal": true; }; "selectable": { "alias": "selectable"; "required": false; "isSignal": true; }; "bordered": { "alias": "bordered"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "stickyHeader": { "alias": "stickyHeader"; "required": false; "isSignal": true; }; "selectedIds": { "alias": "selectedIds"; "required": false; "isSignal": true; }; "sortKey": { "alias": "sortKey"; "required": false; "isSignal": true; }; "sortDir": { "alias": "sortDir"; "required": false; "isSignal": true; }; "skeletonRows": { "alias": "skeletonRows"; "required": false; "isSignal": true; }; "caption": { "alias": "caption"; "required": false; "isSignal": true; }; "rowInteractive": { "alias": "rowInteractive"; "required": false; "isSignal": true; }; "cellTemplateMap": { "alias": "cellTemplateMap"; "required": false; "isSignal": true; }; "emptyTemplate": { "alias": "emptyTemplate"; "required": false; "isSignal": true; }; }, { "selectedIds": "selectedIdsChange"; "sortKey": "sortKeyChange"; "sortDir": "sortDirChange"; "rowClick": "rowClick"; "sortChange": "sortChange"; }, ["cellTemplateDirectives"], ["[empty]", "[bulk-actions]"], true, never>;
+}
+
+declare class PaginationComponent {
+    readonly total: _angular_core.InputSignal<number>;
+    readonly pageSize: _angular_core.ModelSignal<number>;
+    readonly currentPage: _angular_core.ModelSignal<number>;
+    readonly pageSizeOptions: _angular_core.InputSignal<number[]>;
+    readonly showLabel: _angular_core.InputSignal<boolean>;
+    readonly pageChange: _angular_core.OutputEmitterRef<number>;
+    readonly pageSizeChange: _angular_core.OutputEmitterRef<number>;
+    protected readonly totalPages: _angular_core.Signal<number>;
+    protected readonly pageItems: _angular_core.Signal<(number | "ellipsis")[]>;
+    protected readonly rangeLabel: _angular_core.Signal<string>;
+    protected readonly sizeOptions: _angular_core.Signal<{
+        label: string;
+        value: string;
+    }[]>;
+    protected readonly pageSizeStr: _angular_core.Signal<string>;
+    protected goTo(page: number): void;
+    protected onSizeChange(value: string): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<PaginationComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PaginationComponent, "ds-pagination", never, { "total": { "alias": "total"; "required": true; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "currentPage": { "alias": "currentPage"; "required": false; "isSignal": true; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; "isSignal": true; }; "showLabel": { "alias": "showLabel"; "required": false; "isSignal": true; }; }, { "pageSize": "pageSizeChange"; "currentPage": "currentPageChange"; "pageChange": "pageChange"; "pageSizeChange": "pageSizeChange"; }, never, never, true, never>;
+}
+
+type DatePickerMode = 'single' | 'range';
+type DatePickerSize = 'sm' | 'md' | 'lg';
+type DateValue = Date | null;
+type RangeValue = [Date | null, Date | null];
+type DatePickerValue = DateValue | RangeValue;
+
+interface DayCell {
+    date: Date;
+    day: number;
+    inMonth: boolean;
+    isToday: boolean;
+    inRange: boolean;
+    isRangeStart: boolean;
+    isRangeEnd: boolean;
+    isSelected: boolean;
+}
+declare class DatePickerComponent {
+    private readonly overlay;
+    private readonly vcr;
+    readonly mode: _angular_core.InputSignal<DatePickerMode>;
+    readonly size: _angular_core.InputSignal<DatePickerSize>;
+    readonly value: _angular_core.ModelSignal<Date | RangeValue | null>;
+    readonly placeholder: _angular_core.InputSignal<string>;
+    readonly label: _angular_core.InputSignal<string>;
+    readonly hint: _angular_core.InputSignal<string>;
+    readonly required: _angular_core.InputSignal<boolean>;
+    readonly optional: _angular_core.InputSignal<boolean>;
+    /** Accessible name when no visible `label` is provided. */
+    readonly ariaLabel: _angular_core.InputSignal<string | null>;
+    protected readonly uid: string;
+    protected readonly labelId: string;
+    protected readonly isOpen: _angular_core.WritableSignal<boolean>;
+    /** The day that holds keyboard focus in the open grid (roving tabindex). */
+    protected readonly gridFocus: _angular_core.WritableSignal<Date | null>;
+    protected readonly resolvedAriaLabel: _angular_core.Signal<string | null>;
+    protected dayKey(d: Date): string;
+    protected isFocusDay(cell: DayCell): boolean;
+    /** Arrow-key roving navigation across the calendar grid (APG date grid). */
+    protected onGridKeydown(event: KeyboardEvent, cell: DayCell): void;
+    private addDays;
+    private addMonths;
+    private focusGridDay;
+    /** Full, unambiguous date for a day cell's accessible name. */
+    protected dayLabel(cell: DayCell): string;
+    protected readonly triggerClasses: _angular_core.Signal<string>;
+    protected readonly viewMonth: _angular_core.WritableSignal<Date>;
+    protected readonly trigger: _angular_core.Signal<ElementRef<HTMLButtonElement>>;
+    protected readonly panelTpl: _angular_core.Signal<TemplateRef<unknown>>;
+    private overlayRef;
+    protected readonly displayLabel: _angular_core.Signal<string>;
+    protected readonly monthLabel: _angular_core.Signal<string>;
+    protected readonly daysGrid: _angular_core.Signal<DayCell[]>;
+    private getRangeContext;
+    protected open(): void;
+    protected close(): void;
+    protected prevMonth(): void;
+    protected nextMonth(): void;
+    protected selectDay(cell: DayCell): void;
+    protected cellClasses(cell: DayCell): string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DatePickerComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DatePickerComponent, "ds-date-picker", never, { "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "optional": { "alias": "optional"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
+}
+
+interface BreadcrumbItem {
+    label?: string;
+    href?: string;
+    icon?: IconName;
+}
+
+declare class BreadcrumbsComponent {
+    private readonly cfg;
+    private readonly svc;
+    /**
+     * When omitted, the component reads from `BreadcrumbsService.items`.
+     * Pass an explicit array to opt out of the service (per-page override).
+     */
+    readonly items: _angular_core.InputSignal<BreadcrumbItem[] | null>;
+    readonly separator: _angular_core.InputSignal<IconName | null>;
+    readonly clickable: _angular_core.InputSignal<boolean | null>;
+    readonly navigate: _angular_core.OutputEmitterRef<BreadcrumbItem>;
+    protected readonly resolvedItems: _angular_core.Signal<BreadcrumbItem[]>;
+    protected readonly effectiveSeparator: _angular_core.Signal<IconName>;
+    protected readonly effectiveClickable: _angular_core.Signal<boolean>;
+    protected onNav(event: Event, item: BreadcrumbItem): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BreadcrumbsComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BreadcrumbsComponent, "ds-breadcrumbs", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "separator": { "alias": "separator"; "required": false; "isSignal": true; }; "clickable": { "alias": "clickable"; "required": false; "isSignal": true; }; }, { "navigate": "navigate"; }, never, never, true, never>;
+}
+
+/**
+ * Library-level breadcrumb state. Apps push items either programmatically
+ * (page constructor / effect) or via a router-data driver (see app docs).
+ * `<ds-breadcrumbs>` reads from here when no `[items]` input is provided.
+ */
+declare class BreadcrumbsService {
+    private readonly _items;
+    readonly items: _angular_core.Signal<BreadcrumbItem[]>;
+    set(items: BreadcrumbItem[]): void;
+    push(item: BreadcrumbItem): void;
+    pop(): void;
+    replaceLast(item: BreadcrumbItem): void;
+    clear(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BreadcrumbsService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<BreadcrumbsService>;
+}
+
+declare class SidenavComponent {
+    readonly collapsed: _angular_core.InputSignal<boolean>;
+    readonly brand: _angular_core.InputSignal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SidenavComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SidenavComponent, "ds-sidenav", never, { "collapsed": { "alias": "collapsed"; "required": false; "isSignal": true; }; "brand": { "alias": "brand"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class SidenavGroupComponent {
+    readonly label: _angular_core.InputSignal<string>;
+    readonly icon: _angular_core.InputSignal<IconName | null>;
+    readonly expandable: _angular_core.InputSignal<boolean>;
+    readonly expanded: _angular_core.ModelSignal<boolean>;
+    protected toggle(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SidenavGroupComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SidenavGroupComponent, "ds-sidenav-group", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "expandable": { "alias": "expandable"; "required": false; "isSignal": true; }; "expanded": { "alias": "expanded"; "required": false; "isSignal": true; }; }, { "expanded": "expandedChange"; }, never, ["[ds-group-icon]", "*"], true, never>;
+}
+
+declare class SidenavItemComponent {
+    readonly icon: _angular_core.InputSignal<IconName | null>;
+    readonly label: _angular_core.InputSignal<string>;
+    readonly href: _angular_core.InputSignal<string>;
+    readonly routerLink: _angular_core.InputSignal<string | readonly unknown[] | null>;
+    readonly active: _angular_core.InputSignal<boolean>;
+    readonly badge: _angular_core.InputSignal<number | null>;
+    readonly hasAlert: _angular_core.InputSignal<boolean>;
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    protected readonly linkClasses: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SidenavItemComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SidenavItemComponent, "ds-sidenav-item", never, { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": true; "isSignal": true; }; "href": { "alias": "href"; "required": false; "isSignal": true; }; "routerLink": { "alias": "routerLink"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; "badge": { "alias": "badge"; "required": false; "isSignal": true; }; "hasAlert": { "alias": "hasAlert"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, ["[icon]", "[trailing]"], true, never>;
+}
+
+interface SidenavItemModel {
+    id: string;
+    label: string;
+    href?: string;
+    active?: boolean;
+    badge?: number | null;
+    hasAlert?: boolean;
+}
+
+declare class TopBarComponent {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TopBarComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TopBarComponent, "ds-topbar", never, {}, {}, never, ["[title]", "[breadcrumbs]", "[search]", "[actions]"], true, never>;
+}
+
+declare class PageHeaderComponent {
+    readonly eyebrow: _angular_core.InputSignal<string>;
+    readonly title: _angular_core.InputSignal<string>;
+    readonly subtitle: _angular_core.InputSignal<string>;
+    readonly compact: _angular_core.InputSignal<boolean>;
+    readonly divider: _angular_core.InputSignal<boolean>;
+    readonly metaDivider: _angular_core.InputSignal<boolean>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<PageHeaderComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PageHeaderComponent, "ds-page-header", never, { "eyebrow": { "alias": "eyebrow"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": true; "isSignal": true; }; "subtitle": { "alias": "subtitle"; "required": false; "isSignal": true; }; "compact": { "alias": "compact"; "required": false; "isSignal": true; }; "divider": { "alias": "divider"; "required": false; "isSignal": true; }; "metaDivider": { "alias": "metaDivider"; "required": false; "isSignal": true; }; }, {}, never, ["[breadcrumbs]", "[title-badge]", "[meta]", "[actions]", "[tabs]"], true, never>;
+}
+
+type ModalSize = 'sm' | 'md' | 'lg';
+
+declare class ModalComponent {
+    private readonly doc;
+    protected readonly preview: DsStaticPreview;
+    readonly open: _angular_core.ModelSignal<boolean>;
+    readonly size: _angular_core.InputSignal<ModalSize>;
+    readonly danger: _angular_core.InputSignal<boolean>;
+    readonly title: _angular_core.InputSignal<string>;
+    readonly closed: _angular_core.OutputEmitterRef<void>;
+    readonly confirmed: _angular_core.OutputEmitterRef<void>;
+    constructor();
+    protected onClose(): void;
+    protected onBackdrop(event: MouseEvent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ModalComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ModalComponent, "ds-modal", never, { "open": { "alias": "open"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "danger": { "alias": "danger"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": true; "isSignal": true; }; }, { "open": "openChange"; "closed": "closed"; "confirmed": "confirmed"; }, never, ["[body]", "[impact]", "[actions]"], true, [{ directive: typeof DsStaticPreview; inputs: { "staticPreview": "staticPreview"; }; outputs: {}; }]>;
+}
+
+declare class ModalCardComponent {
+    readonly size: _angular_core.InputSignal<ModalSize>;
+    readonly danger: _angular_core.InputSignal<boolean>;
+    readonly title: _angular_core.InputSignal<string>;
+    readonly showClose: _angular_core.InputSignal<boolean>;
+    readonly closed: _angular_core.OutputEmitterRef<void>;
+    protected readonly titleId: string;
+    protected readonly classes: _angular_core.Signal<string>;
+    protected onClose(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ModalCardComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ModalCardComponent, "ds-modal-card", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "danger": { "alias": "danger"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": true; "isSignal": true; }; "showClose": { "alias": "showClose"; "required": false; "isSignal": true; }; }, { "closed": "closed"; }, never, ["[body]", "[impact]", "[actions]"], true, never>;
+}
+
+type BannerVariant = 'info' | 'success' | 'warning' | 'severe' | 'error' | 'neutral';
+
+declare class BannerComponent {
+    readonly variant: _angular_core.InputSignal<BannerVariant>;
+    readonly title: _angular_core.InputSignal<string>;
+    readonly dismissible: _angular_core.InputSignal<boolean>;
+    readonly icon: _angular_core.InputSignal<IconName | null>;
+    readonly compact: _angular_core.InputSignal<boolean>;
+    readonly layout: _angular_core.InputSignal<"stacked" | "row">;
+    readonly accentRail: _angular_core.InputSignal<boolean>;
+    readonly dismissed: _angular_core.OutputEmitterRef<void>;
+    protected get noRail(): boolean;
+    protected get ariaRole(): 'alert' | 'status';
+    protected get ariaLive(): 'assertive' | 'polite';
+    protected readonly classes: _angular_core.Signal<string>;
+    protected readonly defaultIcon: _angular_core.Signal<IconName>;
+    protected onDismiss(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BannerComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BannerComponent, "ds-banner", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "dismissible": { "alias": "dismissible"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "compact": { "alias": "compact"; "required": false; "isSignal": true; }; "layout": { "alias": "layout"; "required": false; "isSignal": true; }; "accentRail": { "alias": "accentRail"; "required": false; "isSignal": true; }; }, { "dismissed": "dismissed"; }, never, ["*", "[actions]"], true, never>;
+}
+
+type DropzoneFileState = 'uploading' | 'success' | 'error';
+interface DropzoneFile {
+    id: string;
+    name: string;
+    size: number;
+    state: DropzoneFileState;
+    progress: number;
+}
+
+declare class DropzoneComponent {
+    readonly accept: _angular_core.InputSignal<string>;
+    readonly multiple: _angular_core.InputSignal<boolean>;
+    readonly files: _angular_core.ModelSignal<DropzoneFile[]>;
+    /** Disables the dropzone: blocks all file-picking interactions and signals unavailability. */
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Restricts the dropzone to a single file; narrows the panel to `--col-cap-text`. */
+    readonly single: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    protected readonly dragOver: _angular_core.WritableSignal<boolean>;
+    readonly filesAdded: _angular_core.OutputEmitterRef<File[]>;
+    readonly fileRemoved: _angular_core.OutputEmitterRef<DropzoneFile>;
+    protected readonly classes: _angular_core.Signal<string>;
+    protected onDragOver(event: DragEvent): void;
+    protected onDragLeave(): void;
+    protected onDrop(event: DragEvent): void;
+    protected onPickerChange(event: Event): void;
+    protected onRemove(file: DropzoneFile): void;
+    protected formatSize(bytes: number): string;
+    protected fileIcon(state: DropzoneFile['state']): 'file' | 'check' | 'error';
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DropzoneComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DropzoneComponent, "ds-dropzone", never, { "accept": { "alias": "accept"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "files": { "alias": "files"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "single": { "alias": "single"; "required": false; "isSignal": true; }; }, { "files": "filesChange"; "filesAdded": "filesAdded"; "fileRemoved": "fileRemoved"; }, never, ["[hint]"], true, never>;
+}
+
+declare class MenuComponent {
+    private readonly items;
+    /** Index of the roving-focus item — the single item reachable via Tab. */
+    private readonly activeIndex;
+    constructor();
+    protected onKeydown(event: KeyboardEvent): void;
+    private typeAhead;
+    private focusItem;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MenuComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MenuComponent, "ds-menu", never, {}, {}, ["items"], ["*"], true, never>;
+}
+
+declare class MenuItemComponent {
+    private readonly closeRef;
+    private readonly button;
+    readonly icon: _angular_core.InputSignal<IconName | null>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly danger: _angular_core.InputSignal<boolean>;
+    readonly pressed: _angular_core.OutputEmitterRef<MouseEvent>;
+    /** Roving tabindex, owned by ds-menu — exactly one item is tabbable (0), the
+     *  rest -1. Defaults true so a standalone item (outside ds-menu) stays
+     *  reachable. */
+    readonly tabbable: _angular_core.WritableSignal<boolean>;
+    /** Move keyboard focus to this item's control. */
+    focus(): void;
+    /** Whether `node` lives inside this item's control (used by ds-menu to find
+     *  the currently focused item during keyboard nav). */
+    contains(node: Node | null): boolean;
+    /** Visible label text — used by ds-menu's type-ahead. */
+    label(): string;
+    protected onClick(event: MouseEvent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MenuItemComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MenuItemComponent, "ds-menu-item", never, { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "danger": { "alias": "danger"; "required": false; "isSignal": true; }; }, { "pressed": "pressed"; }, never, ["[icon]", "*"], true, never>;
+}
+
+type EmptyStateVariant = 'none' | 'loading' | 'error' | 'locked' | 'success';
+
+declare class EmptyStateComponent {
+    readonly variant: _angular_core.InputSignal<EmptyStateVariant>;
+    readonly icon: _angular_core.InputSignal<IconName | null>;
+    readonly title: _angular_core.InputSignal<string>;
+    readonly body: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    protected readonly resolvedIcon: _angular_core.Signal<IconName>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<EmptyStateComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EmptyStateComponent, "ds-empty-state", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "body": { "alias": "body"; "required": false; "isSignal": true; }; }, {}, never, ["[actions]"], true, never>;
+}
+
+type ProgressVariant = 'default' | 'success' | 'warn' | 'error' | 'indeterminate';
+
+declare class ProgressComponent {
+    readonly value: _angular_core.InputSignal<number>;
+    readonly variant: _angular_core.InputSignal<ProgressVariant>;
+    /** Accessible name for the progress bar (e.g. "Upload progress"). */
+    readonly ariaLabel: _angular_core.InputSignal<string | null>;
+    protected readonly clampedValue: _angular_core.Signal<number>;
+    protected readonly isIndet: _angular_core.Signal<boolean>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ProgressComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ProgressComponent, "ds-progress", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class AccordionComponent {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AccordionComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AccordionComponent, "ds-accordion", never, {}, {}, never, ["*"], true, never>;
+}
+
+declare class AccordionItemComponent {
+    readonly title: _angular_core.InputSignal<string>;
+    readonly expanded: _angular_core.ModelSignal<boolean>;
+    protected readonly uid: string;
+    protected readonly headId: string;
+    protected readonly bodyId: string;
+    protected toggle(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AccordionItemComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AccordionItemComponent, "ds-accordion-item", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "expanded": { "alias": "expanded"; "required": false; "isSignal": true; }; }, { "expanded": "expandedChange"; }, never, ["[badge]", "*"], true, never>;
+}
+
+declare class StepperComponent {
+    readonly steps: _angular_core.InputSignal<readonly string[]>;
+    readonly current: _angular_core.InputSignal<number>;
+    protected stepState(i: number): 'completed' | 'current' | 'upcoming';
+    protected nodeClass(i: number): string;
+    protected barClass(i: number): string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<StepperComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StepperComponent, "ds-stepper", never, { "steps": { "alias": "steps"; "required": false; "isSignal": true; }; "current": { "alias": "current"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+type TooltipPlacement = 'top' | 'bottom' | 'left' | 'right';
+
+declare class TooltipDirective implements OnDestroy {
+    private readonly overlay;
+    private readonly host;
+    readonly dsTooltip: _angular_core.InputSignal<string>;
+    readonly dsTooltipPlacement: _angular_core.InputSignal<TooltipPlacement>;
+    readonly dsTooltipDelay: _angular_core.InputSignal<number>;
+    private ref;
+    private timer;
+    private readonly tipId;
+    protected onOpen(): void;
+    protected onClose(): void;
+    protected onEscape(): void;
+    private show;
+    private positionFor;
+    ngOnDestroy(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TooltipDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TooltipDirective, "[dsTooltip]", never, { "dsTooltip": { "alias": "dsTooltip"; "required": false; "isSignal": true; }; "dsTooltipPlacement": { "alias": "dsTooltipPlacement"; "required": false; "isSignal": true; }; "dsTooltipDelay": { "alias": "dsTooltipDelay"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class TooltipPanelComponent {
+    readonly text: _angular_core.InputSignal<string>;
+    readonly placement: _angular_core.InputSignal<TooltipPlacement>;
+    readonly panelId: _angular_core.InputSignal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TooltipPanelComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TooltipPanelComponent, "ds-tooltip-panel", never, { "text": { "alias": "text"; "required": true; "isSignal": true; }; "placement": { "alias": "placement"; "required": true; "isSignal": true; }; "panelId": { "alias": "panelId"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+type PopoverAlign = 'start' | 'end';
+declare class PopoverComponent implements OnDestroy, DsOverlayCloseRef {
+    private readonly overlay;
+    private readonly vcr;
+    protected readonly preview: DsStaticPreview;
+    protected readonly panelTpl: _angular_core.Signal<TemplateRef<unknown> | undefined>;
+    private ref;
+    readonly align: _angular_core.InputSignal<PopoverAlign>;
+    /** ARIA role for the panel (e.g. 'dialog' for interactive popovers). When set,
+     *  the panel also traps focus, auto-captures it into the panel on open, and
+     *  restores it to the trigger on close (Escape or backdrop). Leave null for
+     *  plain, non-interactive text popovers. */
+    readonly panelRole: _angular_core.InputSignal<string | null>;
+    /** Accessible name for the panel; pair with `panelRole`. */
+    readonly panelLabel: _angular_core.InputSignal<string | null>;
+    /** Open/closed state — for callers binding `aria-expanded` on the trigger. */
+    readonly opened: _angular_core.WritableSignal<boolean>;
+    toggle(trigger: HTMLElement): void;
+    close(): void;
+    ngOnDestroy(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<PopoverComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PopoverComponent, "ds-popover", never, { "align": { "alias": "align"; "required": false; "isSignal": true; }; "panelRole": { "alias": "panelRole"; "required": false; "isSignal": true; }; "panelLabel": { "alias": "panelLabel"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof DsStaticPreview; inputs: { "staticPreview": "staticPreview"; }; outputs: {}; }]>;
+}
+
+type ToastVariant = 'info' | 'success' | 'warning' | 'error';
+interface ToastAction {
+    readonly label: string;
+    readonly handler: () => void;
+}
+interface ToastOptions {
+    readonly title?: string;
+    readonly body: string;
+    readonly variant?: ToastVariant;
+    readonly dismissible?: boolean;
+    readonly durationMs?: number;
+    readonly action?: ToastAction;
+}
+interface ToastRef {
+    readonly id: number;
+    dismiss(): void;
+}
+interface ToastEntry {
+    readonly id: number;
+    readonly title?: string;
+    readonly body: string;
+    readonly variant: ToastVariant;
+    readonly dismissible: boolean;
+    readonly action?: ToastAction;
+}
+type DsToastHorizontalPosition = 'left' | 'center' | 'right';
+type DsToastVerticalPosition = 'top' | 'bottom';
+interface DsToastPosition {
+    readonly horizontalPosition: DsToastHorizontalPosition;
+    readonly verticalPosition: DsToastVerticalPosition;
+    readonly offset: string;
+}
+
+declare class ToastService {
+    private readonly overlay;
+    private readonly position;
+    private overlayRef;
+    private regionRef;
+    private nextId;
+    show(opts: ToastOptions): ToastRef;
+    dismissAll(): void;
+    private ensureRegion;
+    private buildPositionStrategy;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ToastService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<ToastService>;
+}
+
+declare class ToastRegionComponent {
+    protected readonly entries: _angular_core.WritableSignal<readonly ToastEntry[]>;
+    protected readonly leaving: _angular_core.WritableSignal<ReadonlySet<number>>;
+    add(entry: ToastEntry): void;
+    remove(id: number): void;
+    protected isLeaving(id: number): boolean;
+    clear(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ToastRegionComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ToastRegionComponent, "ds-toast-region", never, {}, {}, never, never, true, never>;
+}
+
+/**
+ * Single toast pill. Consumed by ToastRegion for service-driven runtime toasts
+ * AND by static showcases that need to display a toast specimen inline.
+ */
+declare class ToastComponent {
+    readonly variant: _angular_core.InputSignal<ToastVariant>;
+    readonly title: _angular_core.InputSignal<string>;
+    readonly message: _angular_core.InputSignal<string>;
+    readonly dismissible: _angular_core.InputSignal<boolean>;
+    readonly icon: _angular_core.InputSignal<IconName | null>;
+    readonly action: _angular_core.InputSignal<ToastAction | null>;
+    readonly dismissed: _angular_core.OutputEmitterRef<void>;
+    protected onAction(action: ToastAction): void;
+    protected readonly classes: _angular_core.Signal<string>;
+    /** Errors/warnings interrupt (assertive); info/success wait their turn. */
+    protected readonly role: _angular_core.Signal<"alert" | "status">;
+    protected readonly defaultIcon: _angular_core.Signal<IconName>;
+    protected onDismiss(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ToastComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ToastComponent, "ds-toast", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "dismissible": { "alias": "dismissible"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "action": { "alias": "action"; "required": false; "isSignal": true; }; }, { "dismissed": "dismissed"; }, never, ["*", "[actions]"], true, never>;
+}
+
+declare const DS_TOAST_POSITION: InjectionToken<DsToastPosition>;
+declare const DS_TOAST_POSITION_DEFAULT: DsToastPosition;
+
+type DrawerSize = 'md' | 'lg';
+
+declare class DrawerComponent {
+    private readonly doc;
+    readonly open: _angular_core.ModelSignal<boolean>;
+    readonly size: _angular_core.InputSignal<DrawerSize>;
+    readonly title: _angular_core.InputSignal<string>;
+    readonly closed: _angular_core.OutputEmitterRef<void>;
+    protected readonly titleId: string;
+    protected readonly classes: _angular_core.Signal<"drawer lg" | "drawer">;
+    constructor();
+    protected onClose(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DrawerComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DrawerComponent, "ds-drawer", never, { "open": { "alias": "open"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; }, { "open": "openChange"; "closed": "closed"; }, never, ["[drawer-body]", "[drawer-footer]"], true, never>;
+}
+
+/** Bottom-anchored sheet — the mobile sibling of ds-drawer. Closes on scrim
+ * tap, Escape, or a downward drag on the grab strip. While open it locks
+ * body scroll. On wide viewports the panel is capped by
+ * --ds-bottom-sheet-maxw and centred; prefer ds-modal / ds-drawer for
+ * desktop-first layouts. position: fixed resolves against the nearest
+ * ancestor containing block, so framed hosts contain the sheet. */
+declare class BottomSheetComponent {
+    readonly open: _angular_core.ModelSignal<boolean>;
+    readonly title: _angular_core.InputSignal<string>;
+    readonly closed: _angular_core.OutputEmitterRef<void>;
+    private readonly doc;
+    private readonly sheetRef;
+    protected readonly dragOffset: _angular_core.WritableSignal<number | null>;
+    private dragStartY;
+    private lastMoveY;
+    private lastMoveTime;
+    private velocity;
+    private previousBodyOverflow;
+    constructor();
+    protected close(): void;
+    protected onEscape(): void;
+    protected stop(event: Event): void;
+    protected onGrabStart(event: PointerEvent): void;
+    protected onGrabMove(event: PointerEvent): void;
+    protected onGrabEnd(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BottomSheetComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BottomSheetComponent, "ds-bottom-sheet", never, { "open": { "alias": "open"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; }, { "open": "openChange"; "closed": "closed"; }, never, ["*", "[actions]"], true, never>;
+}
+
+type TagVariant = 'solid' | 'neutral';
+
+declare class TagComponent {
+    readonly variant: _angular_core.InputSignal<TagVariant>;
+    readonly closable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly interactive: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly selected: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Accessible label for the close button (e.g. "Remove Source filter"). */
+    readonly closeLabel: _angular_core.InputSignal<string>;
+    readonly closed: _angular_core.OutputEmitterRef<void>;
+    readonly toggled: _angular_core.OutputEmitterRef<void>;
+    protected onClick(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TagComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TagComponent, "ds-tag", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "closable": { "alias": "closable"; "required": false; "isSignal": true; }; "interactive": { "alias": "interactive"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "closeLabel": { "alias": "closeLabel"; "required": false; "isSignal": true; }; }, { "closed": "closed"; "toggled": "toggled"; }, never, ["*"], true, never>;
+}
+
+declare class W3wComponent {
+    readonly prefix: _angular_core.InputSignal<string>;
+    readonly address: _angular_core.InputSignal<string>;
+    readonly copyable: _angular_core.InputSignal<boolean>;
+    readonly copied: _angular_core.OutputEmitterRef<string>;
+    protected onKeyActivate(event: Event): void;
+    protected onCopy(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<W3wComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<W3wComponent, "ds-w3w", never, { "prefix": { "alias": "prefix"; "required": false; "isSignal": true; }; "address": { "alias": "address"; "required": true; "isSignal": true; }; "copyable": { "alias": "copyable"; "required": false; "isSignal": true; }; }, { "copied": "copied"; }, never, never, true, never>;
+}
+
+type PageFooterVariant = 'default' | 'compact' | 'save';
+
+declare class PageFooterComponent {
+    readonly variant: _angular_core.InputSignal<PageFooterVariant>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<PageFooterComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PageFooterComponent, "ds-page-footer", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, {}, never, ["[brand]", "[nav]", "[actions]", "*"], true, never>;
+}
+
+interface ComboboxOption<T = unknown> {
+    readonly value: T;
+    readonly label: string;
+}
+
+declare class ComboboxComponent<T = unknown> {
+    private readonly overlay;
+    private readonly vcr;
+    readonly options: _angular_core.InputSignal<readonly ComboboxOption<T>[]>;
+    readonly value: _angular_core.ModelSignal<T | readonly T[] | null>;
+    readonly multiple: _angular_core.InputSignal<boolean>;
+    readonly placeholder: _angular_core.InputSignal<string>;
+    /** Accessible name for the combobox input. */
+    readonly ariaLabel: _angular_core.InputSignal<string | null>;
+    protected readonly query: _angular_core.WritableSignal<string>;
+    protected readonly isOpen: _angular_core.WritableSignal<boolean>;
+    protected readonly activeIndex: _angular_core.WritableSignal<number>;
+    protected readonly trigger: _angular_core.Signal<ElementRef<HTMLElement>>;
+    protected readonly filterInput: _angular_core.Signal<ElementRef<HTMLInputElement>>;
+    protected readonly panelTpl: _angular_core.Signal<TemplateRef<unknown>>;
+    private overlayRef;
+    protected readonly uid: string;
+    protected readonly listboxId: string;
+    protected optionId(index: number): string;
+    protected readonly activeDescendant: _angular_core.Signal<string | null>;
+    protected readonly filteredOptions: _angular_core.Signal<readonly ComboboxOption<T>[]>;
+    protected readonly selectedTags: _angular_core.Signal<ComboboxOption<T>[]>;
+    protected readonly displayLabel: _angular_core.Signal<string>;
+    protected readonly placeholderText: _angular_core.Signal<string>;
+    protected isSelected(option: ComboboxOption<T>): boolean;
+    protected optionClass(option: ComboboxOption<T>): string;
+    protected onTriggerClick(): void;
+    protected togglePanel(event: MouseEvent): void;
+    protected onKeydown(event: KeyboardEvent): void;
+    protected openPanel(): void;
+    protected close(): void;
+    protected onFilter(event: Event): void;
+    protected onPick(option: ComboboxOption<T>): void;
+    protected remove(target: T): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ComboboxComponent<any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ComboboxComponent<any>, "ds-combobox", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
+}
+
+type DividerVariant = 'default' | 'strong' | 'vertical' | 'label';
+/**
+ * Vertical breathing room around the divider. `md` is the safe default for
+ * page-content separators. Use `sm` inside dense lists (sidenav, menus) and
+ * `none` when the parent layout already owns the gap.
+ */
+type DividerSpacing = 'none' | 'sm' | 'md' | 'lg';
+
+declare class DividerComponent {
+    readonly variant: _angular_core.InputSignal<DividerVariant>;
+    readonly spacing: _angular_core.InputSignal<DividerSpacing>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DividerComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DividerComponent, "ds-divider", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "spacing": { "alias": "spacing"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class SkeletonComponent {
+    readonly width: _angular_core.InputSignal<string | undefined>;
+    readonly height: _angular_core.InputSignal<string | undefined>;
+    readonly circle: _angular_core.InputSignal<boolean>;
+    readonly inline: _angular_core.InputSignal<boolean>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SkeletonComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkeletonComponent, "ds-skeleton", never, { "width": { "alias": "width"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "circle": { "alias": "circle"; "required": false; "isSignal": true; }; "inline": { "alias": "inline"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+type SpinnerSize = 'sm' | 'md' | 'lg';
+
+declare class SpinnerComponent {
+    readonly size: _angular_core.InputSignal<SpinnerSize>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SpinnerComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SpinnerComponent, "ds-spinner", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class CheckboxComponent {
+    readonly checked: _angular_core.ModelSignal<boolean>;
+    readonly indeterminate: _angular_core.InputSignal<boolean>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly name: _angular_core.InputSignal<string | null>;
+    readonly inputId: _angular_core.InputSignal<string | null>;
+    protected onChange(event: Event): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CheckboxComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CheckboxComponent, "ds-checkbox", never, { "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "indeterminate": { "alias": "indeterminate"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; }, never, never, true, never>;
+}
+
+declare class RadioComponent {
+    readonly checked: _angular_core.ModelSignal<boolean>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly name: _angular_core.InputSignal<string>;
+    readonly value: _angular_core.InputSignal<string>;
+    readonly inputId: _angular_core.InputSignal<string | null>;
+    protected onChange(event: Event): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RadioComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<RadioComponent, "ds-radio", never, { "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; }, never, never, true, never>;
+}
+
+declare class SwitchComponent {
+    readonly checked: _angular_core.ModelSignal<boolean>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly name: _angular_core.InputSignal<string | null>;
+    readonly variant: _angular_core.InputSignal<"error" | "success" | "default">;
+    readonly inputId: _angular_core.InputSignal<string | null>;
+    protected readonly classes: _angular_core.Signal<string>;
+    protected onChange(event: Event): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SwitchComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SwitchComponent, "ds-switch", never, { "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; }, never, never, true, never>;
+}
+
+export { AccordionComponent, AccordionItemComponent, AvatarComponent, AvatarGroupComponent, BadgeComponent, BannerComponent, BottomSheetComponent, BreadcrumbsComponent, BreadcrumbsService, ButtonComponent, CardComponent, CellTemplateDirective, CheckboxComponent, ComboboxComponent, DS_CONFIG, DS_ICON_REGISTRY, DS_TOAST_POSITION, DS_TOAST_POSITION_DEFAULT, DatePickerComponent, DividerComponent, DrawerComponent, DropdownComponent, DropzoneComponent, DsOverlayCloseRef, DsStaticPreview, EmptyStateComponent, ICONS, IconButtonComponent, IconComponent, InputComponent, MenuComponent, MenuItemComponent, ModalCardComponent, ModalComponent, NumberStepperComponent, PageFooterComponent, PageHeaderComponent, PaginationComponent, PopoverComponent, ProgressComponent, RadioComponent, SearchComponent, SelectComponent, SidenavComponent, SidenavGroupComponent, SidenavItemComponent, SkeletonComponent, SpinnerComponent, StatComponent, StatusDotComponent, StepperComponent, SwitchComponent, TabComponent, TableComponent, TabsComponent, TagComponent, TextareaComponent, ToastComponent, ToastRegionComponent, ToastService, TooltipDirective, TooltipPanelComponent, TopBarComponent, W3wComponent, isSelectOptionGroup, provideDsConfig, provideDsIcons };
+export type { AvatarSize, BadgeLifecycle, BadgeSemantic, BadgeVariant, BannerVariant, BreadcrumbItem, ButtonSize, ButtonType, ButtonVariant, CardElevation, CardPadding, ComboboxOption, DatePickerMode, DatePickerValue, DateValue, DividerVariant, DrawerSize, DropdownOption, DropdownSize, DropzoneFile, DropzoneFileState, DsConfig, DsIconRegistry, DsToastHorizontalPosition, DsToastPosition, DsToastVerticalPosition, EmptyStateVariant, IconButtonSize, IconButtonType, IconButtonVariant, IconName, InputSize, InputType, ModalSize, NumberStepperSize, PageFooterVariant, ProgressVariant, RangeValue, SelectItem, SelectOption, SelectOptionGroup, SelectSize, SidenavItemModel, SortChangeEvent, SortDir, SpinnerSize, StatusValue, TableColumn, TabsVariant, TagVariant, TextareaResize, TextareaSize, ToastAction, ToastEntry, ToastOptions, ToastRef, ToastVariant, TooltipPlacement };