@dataengineeringformachinelearning/viking-ui 3.0.0-alpha.2 → 3.0.0-alpha.4

package/dist/lib/chart-empty-state/chart-empty-state.d.ts

@@ -0,0 +1,13 @@
+export type VikingChartEmptyTone = "default" | "secure";
+export type VikingChartEmptyLayout = "fill" | "overlay" | "compact" | "inline";
+/**
+ * viking-chart-empty-state — standardized dashed “waiting for data” overlay for chart panels.
+ * Fills its parent chart body by default; use layout="overlay" for map/canvas stacks.
+ */
+export declare class VikingChartEmptyState {
+    readonly title: import("@angular/core").InputSignal<string>;
+    readonly description: import("@angular/core").InputSignal<string>;
+    readonly icon: import("@angular/core").InputSignal<"link" | "menu" | "search" | "deml" | "deml-compact" | "deml-lockup" | "drakkar" | "drakkar-compact" | "drakkar-lockup" | "kubernetes" | "tensorflow" | "pytorch" | "apache-spark" | "databricks" | "aws-redshift" | "info" | "hub" | "model" | "google" | "apple" | "alert-circle" | "alert-triangle" | "arrow-left" | "arrow-right" | "arrow-up-right" | "bar-chart" | "bell" | "bold" | "bolt" | "brain" | "bug" | "building" | "calendar" | "check" | "check-circle" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chip" | "clock" | "cloud" | "cookie" | "copy" | "dots-horizontal" | "dots-vertical" | "download" | "external" | "eye" | "eye-off" | "file" | "filter" | "fingerprint" | "folder" | "globe" | "grip-vertical" | "heart" | "home" | "image" | "insights" | "italic" | "key" | "list" | "list-ordered" | "loader" | "lock" | "log-in" | "log-out" | "mail" | "minus" | "moon" | "network" | "paperclip" | "pencil" | "phone" | "play" | "plus" | "policy" | "refresh" | "rocket" | "search-off" | "send" | "server" | "settings" | "shield" | "ship" | "sparkle" | "speed" | "star" | "sun" | "terminal" | "trash" | "trending-up" | "underline" | "upload" | "user" | "user-shield" | "x">;
+    readonly tone: import("@angular/core").InputSignal<VikingChartEmptyTone>;
+    readonly layout: import("@angular/core").InputSignal<VikingChartEmptyLayout>;
+}

package/dist/lib/chart-panel/chart-panel.d.ts

@@ -0,0 +1,10 @@
+export type VikingChartPanelSize = "large" | "medium";
+export type VikingChartPanelBody = "default" | "origin-map";
+/**
+ * viking-chart-panel — outlined analytics card shell with consistent header/body rhythm.
+ */
+export declare class VikingChartPanel {
+    readonly size: import("@angular/core").InputSignal<VikingChartPanelSize>;
+    readonly body: import("@angular/core").InputSignal<VikingChartPanelBody>;
+    protected readonly bodyClasses: import("@angular/core").Signal<string>;
+}

package/dist/lib/checkbox/checkbox.d.ts

@@ -0,0 +1,13 @@
+import { VikingControl } from "../core/cva";
+/**
+ * viking-checkbox — custom checkbox.
+ * ControlValueAccessor-compatible.
+ */
+export declare class VikingCheckbox extends VikingControl<boolean> {
+    readonly checked: import("@angular/core").ModelSignal<boolean>;
+    readonly indeterminate: import("@angular/core").InputSignal<boolean>;
+    readonly disabled: import("@angular/core").InputSignal<boolean>;
+    readonly description: import("@angular/core").InputSignal<string>;
+    writeValue(value: boolean): void;
+    protected toggle: (event: Event) => void;
+}

package/dist/lib/color-picker/color-picker.d.ts

@@ -0,0 +1,16 @@
+import { VikingControl } from "../core/cva";
+/**
+ * viking-color-picker — swatch presets + custom color input
+ *. ControlValueAccessor-compatible.
+ * Default presets are the THEME.md palette.
+ */
+export declare class VikingColorPicker extends VikingControl<string> {
+    readonly value: import("@angular/core").ModelSignal<string>;
+    readonly label: import("@angular/core").InputSignal<string>;
+    readonly disabled: import("@angular/core").InputSignal<boolean>;
+    /** Preset swatches — THEME.md Series color palette (premium charcoal / teal / crimson). */
+    readonly presets: import("@angular/core").InputSignal<string[]>;
+    writeValue(value: string): void;
+    protected pick: (color: string) => void;
+    protected onInput: (event: Event) => void;
+}

package/dist/lib/command/command.d.ts

@@ -0,0 +1,23 @@
+import { VikingCommandItem } from "../../core/types";
+/**
+ * viking-command — command palette.
+ * Toggle with the `open` model; emits `executed` when an item is chosen.
+ */
+export declare class VikingCommand {
+    readonly items: import("@angular/core").InputSignal<VikingCommandItem[]>;
+    readonly open: import("@angular/core").ModelSignal<boolean>;
+    readonly placeholder: import("@angular/core").InputSignal<string>;
+    readonly executed: import("@angular/core").OutputEmitterRef<VikingCommandItem>;
+    private readonly queryInput;
+    protected readonly query: import("@angular/core").WritableSignal<string>;
+    protected readonly activeId: import("@angular/core").WritableSignal<string>;
+    constructor();
+    protected readonly filtered: import("@angular/core").Signal<VikingCommandItem[]>;
+    protected readonly groups: import("@angular/core").Signal<{
+        name: string;
+        items: VikingCommandItem[];
+    }[]>;
+    protected onQuery: (event: Event) => void;
+    protected run: (item: VikingCommandItem) => void;
+    protected onKeydown: (event: KeyboardEvent) => void;
+}

package/dist/lib/composer/composer.d.ts

@@ -0,0 +1,15 @@
+/**
+ * viking-composer — message composer with attachments and send action
+ *.
+ */
+export declare class VikingComposer {
+    readonly value: import("@angular/core").ModelSignal<string>;
+    readonly placeholder: import("@angular/core").InputSignal<string>;
+    readonly disabled: import("@angular/core").InputSignal<boolean>;
+    readonly allowAttachments: import("@angular/core").InputSignal<boolean>;
+    readonly sent: import("@angular/core").OutputEmitterRef<string>;
+    readonly attach: import("@angular/core").OutputEmitterRef<void>;
+    protected onInput: (event: Event) => void;
+    protected onKeydown: (event: KeyboardEvent) => void;
+    protected send: () => void;
+}

package/dist/lib/confirm-dialog/confirm-dialog.d.ts

@@ -0,0 +1,18 @@
+import { VikingConfirmDialogData, VikingDialogService } from "./dialog.service";
+/**
+ * viking-confirm-dialog — alert / confirm / prompt modal wired to VikingDialogService.
+ */
+export declare class VikingConfirmDialog {
+    private readonly vikingDialog;
+    constructor(vikingDialog: VikingDialogService);
+    protected readonly inputValue: import("@angular/core").WritableSignal<string>;
+    protected readonly data: import("@angular/core").Signal<VikingConfirmDialogData>;
+    protected readonly open: import("@angular/core").Signal<boolean>;
+    protected readonly heading: import("@angular/core").Signal<string>;
+    protected readonly iconName: import("@angular/core").Signal<"link" | "menu" | "search" | "deml" | "deml-compact" | "deml-lockup" | "drakkar" | "drakkar-compact" | "drakkar-lockup" | "kubernetes" | "tensorflow" | "pytorch" | "apache-spark" | "databricks" | "aws-redshift" | "info" | "hub" | "model" | "google" | "apple" | "alert-circle" | "alert-triangle" | "arrow-left" | "arrow-right" | "arrow-up-right" | "bar-chart" | "bell" | "bold" | "bolt" | "brain" | "bug" | "building" | "calendar" | "check" | "check-circle" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chip" | "clock" | "cloud" | "cookie" | "copy" | "dots-horizontal" | "dots-vertical" | "download" | "external" | "eye" | "eye-off" | "file" | "filter" | "fingerprint" | "folder" | "globe" | "grip-vertical" | "heart" | "home" | "image" | "insights" | "italic" | "key" | "list" | "list-ordered" | "loader" | "lock" | "log-in" | "log-out" | "mail" | "minus" | "moon" | "network" | "paperclip" | "pencil" | "phone" | "play" | "plus" | "policy" | "refresh" | "rocket" | "search-off" | "send" | "server" | "settings" | "shield" | "ship" | "sparkle" | "speed" | "star" | "sun" | "terminal" | "trash" | "trending-up" | "underline" | "upload" | "user" | "user-shield" | "x">;
+    protected readonly isValid: import("@angular/core").Signal<boolean>;
+    protected onCancel: () => void;
+    protected onConfirm: () => void;
+    protected onOpenChange: (next: boolean) => void;
+}
+export type { VikingConfirmDialogData };

package/dist/lib/confirm-dialog/dialog.service.d.ts

@@ -0,0 +1,28 @@
+export type VikingDialogKind = "confirm" | "search" | "onboarding";
+export interface VikingConfirmDialogData {
+    title?: string;
+    message: string;
+    type?: "alert" | "confirm" | "prompt";
+    confirmText?: string;
+    confirmBtnText?: string;
+    confirmBtnColor?: "primary" | "warn" | "accent";
+}
+export interface VikingDialogState {
+    kind: VikingDialogKind;
+    data?: VikingConfirmDialogData & {
+        force?: boolean;
+    };
+}
+/** Programmatic confirm / prompt / overlay orchestration for Viking-UI modals. */
+export declare class VikingDialogService {
+    readonly active: import("@angular/core").WritableSignal<VikingDialogState>;
+    private confirmResolver;
+    private onboardingResolver;
+    openConfirm(data: VikingConfirmDialogData): Promise<boolean>;
+    resolveConfirm(result: boolean): void;
+    openSearch(): void;
+    closeSearch(): void;
+    openOnboarding(force?: boolean): Promise<boolean | undefined>;
+    resolveOnboarding(result?: boolean): void;
+    closeActive(cancelPending?: boolean): void;
+}

package/dist/lib/context/context.d.ts

@@ -0,0 +1,17 @@
+import { ElementRef } from "@angular/core";
+/**
+ * viking-context — right-click context menu.
+ * Wrap the target content and project menu content with the `vikingMenu` attribute
+ * (typically viking-menu-item elements).
+ */
+export declare class VikingContext {
+    private readonly host;
+    protected readonly open: import("@angular/core").WritableSignal<boolean>;
+    protected readonly position: import("@angular/core").WritableSignal<{
+        x: number;
+        y: number;
+    }>;
+    constructor(host: ElementRef<HTMLElement>);
+    protected onContextMenu: (event: MouseEvent) => void;
+    protected closed: () => void;
+}

package/dist/lib/core/cva.d.ts

@@ -0,0 +1,15 @@
+import { Provider, Type } from "@angular/core";
+import { ControlValueAccessor } from "@angular/forms";
+/** Registers a component as a ControlValueAccessor. */
+export declare const provideVikingCva: (component: Type<unknown>) => Provider;
+/** Shared ControlValueAccessor plumbing for Viking-Material form controls. */
+export declare abstract class VikingControl<T> implements ControlValueAccessor {
+    protected onChange: (value: T) => void;
+    protected onTouched: () => void;
+    /** Disabled state driven by Angular forms (setDisabledState). */
+    readonly formDisabled: import("@angular/core").WritableSignal<boolean>;
+    abstract writeValue(value: T): void;
+    registerOnChange(fn: (value: T) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+}

package/dist/lib/date-picker/date-picker.d.ts

@@ -0,0 +1,18 @@
+import { ElementRef } from "@angular/core";
+import { VikingControl } from "../core/cva";
+/**
+ * viking-date-picker — input + calendar popover.
+ * Value is an ISO date string (YYYY-MM-DD). ControlValueAccessor-compatible.
+ */
+export declare class VikingDatePicker extends VikingControl<string | null> {
+    private readonly host;
+    readonly value: import("@angular/core").ModelSignal<string>;
+    readonly placeholder: import("@angular/core").InputSignal<string>;
+    readonly label: import("@angular/core").InputSignal<string>;
+    readonly disabled: import("@angular/core").InputSignal<boolean>;
+    protected readonly open: import("@angular/core").WritableSignal<boolean>;
+    constructor(host: ElementRef<HTMLElement>);
+    writeValue(value: string | null): void;
+    protected pick: (iso: string | null) => void;
+    protected onDocumentClick: (event: Event) => void;
+}

package/dist/lib/dropdown/dropdown.d.ts

@@ -0,0 +1,29 @@
+import { ElementRef } from "@angular/core";
+/**
+ * viking-dropdown — expandable menu.
+ * Project the trigger with `vikingTrigger`; fill the menu with viking-menu-item.
+ */
+export declare class VikingDropdown {
+    private readonly host;
+    readonly open: import("@angular/core").ModelSignal<boolean>;
+    readonly align: import("@angular/core").InputSignal<"end" | "start">;
+    constructor(host: ElementRef<HTMLElement>);
+    /** Closes the menu; called by viking-menu-item on selection. */
+    readonly close: () => void;
+    /** Toggles when the (focusable, projected) trigger is activated. */
+    protected onHostClick: (event: Event) => void;
+    protected onDocumentClick: (event: Event) => void;
+}
+/**
+ * viking-menu-item — action row inside viking-dropdown / viking-context menus.
+ */
+export declare class VikingMenuItem {
+    private readonly dropdown;
+    constructor(dropdown: VikingDropdown | null);
+    readonly icon: import("@angular/core").InputSignal<"link" | "menu" | "search" | "deml" | "deml-compact" | "deml-lockup" | "drakkar" | "drakkar-compact" | "drakkar-lockup" | "kubernetes" | "tensorflow" | "pytorch" | "apache-spark" | "databricks" | "aws-redshift" | "info" | "hub" | "model" | "google" | "apple" | "alert-circle" | "alert-triangle" | "arrow-left" | "arrow-right" | "arrow-up-right" | "bar-chart" | "bell" | "bold" | "bolt" | "brain" | "bug" | "building" | "calendar" | "check" | "check-circle" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chip" | "clock" | "cloud" | "cookie" | "copy" | "dots-horizontal" | "dots-vertical" | "download" | "external" | "eye" | "eye-off" | "file" | "filter" | "fingerprint" | "folder" | "globe" | "grip-vertical" | "heart" | "home" | "image" | "insights" | "italic" | "key" | "list" | "list-ordered" | "loader" | "lock" | "log-in" | "log-out" | "mail" | "minus" | "moon" | "network" | "paperclip" | "pencil" | "phone" | "play" | "plus" | "policy" | "refresh" | "rocket" | "search-off" | "send" | "server" | "settings" | "shield" | "ship" | "sparkle" | "speed" | "star" | "sun" | "terminal" | "trash" | "trending-up" | "underline" | "upload" | "user" | "user-shield" | "x">;
+    readonly kbd: import("@angular/core").InputSignal<string>;
+    readonly danger: import("@angular/core").InputSignal<boolean>;
+    readonly disabled: import("@angular/core").InputSignal<boolean>;
+    readonly selected: import("@angular/core").OutputEmitterRef<MouseEvent>;
+    protected select: (event: MouseEvent) => void;
+}

package/dist/lib/editor/editor.d.ts

@@ -0,0 +1,26 @@
+import { ElementRef } from "@angular/core";
+import { VikingControl } from "../core/cva";
+import { VikingIconName } from "../../core/icons";
+interface EditorAction {
+    icon: VikingIconName;
+    command: string;
+    label: string;
+}
+/**
+ * viking-editor — lightweight rich text editor.
+ * Zero-dependency contenteditable with a formatting toolbar.
+ * Value is HTML. ControlValueAccessor-compatible.
+ */
+export declare class VikingEditor extends VikingControl<string> {
+    private readonly surface;
+    private readonly document;
+    readonly value: import("@angular/core").ModelSignal<string>;
+    readonly placeholder: import("@angular/core").InputSignal<string>;
+    readonly label: import("@angular/core").InputSignal<string>;
+    protected readonly actions: EditorAction[];
+    constructor(elementRef: ElementRef<HTMLElement>);
+    writeValue(value: string): void;
+    protected exec: (command: string) => void;
+    protected onInput: () => void;
+}
+export {};

package/dist/lib/empty-state/empty-state.d.ts

@@ -0,0 +1,9 @@
+/**
+ * viking-empty-state — reusable empty / zero-data placeholder.
+ */
+export declare class VikingEmptyState {
+    readonly heading: import("@angular/core").InputSignal<string>;
+    readonly description: import("@angular/core").InputSignal<string>;
+    readonly icon: import("@angular/core").InputSignal<"link" | "menu" | "search" | "deml" | "deml-compact" | "deml-lockup" | "drakkar" | "drakkar-compact" | "drakkar-lockup" | "kubernetes" | "tensorflow" | "pytorch" | "apache-spark" | "databricks" | "aws-redshift" | "info" | "hub" | "model" | "google" | "apple" | "alert-circle" | "alert-triangle" | "arrow-left" | "arrow-right" | "arrow-up-right" | "bar-chart" | "bell" | "bold" | "bolt" | "brain" | "bug" | "building" | "calendar" | "check" | "check-circle" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chip" | "clock" | "cloud" | "cookie" | "copy" | "dots-horizontal" | "dots-vertical" | "download" | "external" | "eye" | "eye-off" | "file" | "filter" | "fingerprint" | "folder" | "globe" | "grip-vertical" | "heart" | "home" | "image" | "insights" | "italic" | "key" | "list" | "list-ordered" | "loader" | "lock" | "log-in" | "log-out" | "mail" | "minus" | "moon" | "network" | "paperclip" | "pencil" | "phone" | "play" | "plus" | "policy" | "refresh" | "rocket" | "search-off" | "send" | "server" | "settings" | "shield" | "ship" | "sparkle" | "speed" | "star" | "sun" | "terminal" | "trash" | "trending-up" | "underline" | "upload" | "user" | "user-shield" | "x">;
+    readonly iconSize: import("@angular/core").InputSignal<number>;
+}

package/dist/lib/fab/fab.d.ts

@@ -0,0 +1,9 @@
+/**
+ * viking-fab — floating action button (fixed bottom-right).
+ */
+export declare class VikingFab {
+    readonly icon: import("@angular/core").InputSignal<"link" | "menu" | "search" | "deml" | "deml-compact" | "deml-lockup" | "drakkar" | "drakkar-compact" | "drakkar-lockup" | "kubernetes" | "tensorflow" | "pytorch" | "apache-spark" | "databricks" | "aws-redshift" | "info" | "hub" | "model" | "google" | "apple" | "alert-circle" | "alert-triangle" | "arrow-left" | "arrow-right" | "arrow-up-right" | "bar-chart" | "bell" | "bold" | "bolt" | "brain" | "bug" | "building" | "calendar" | "check" | "check-circle" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chip" | "clock" | "cloud" | "cookie" | "copy" | "dots-horizontal" | "dots-vertical" | "download" | "external" | "eye" | "eye-off" | "file" | "filter" | "fingerprint" | "folder" | "globe" | "grip-vertical" | "heart" | "home" | "image" | "insights" | "italic" | "key" | "list" | "list-ordered" | "loader" | "lock" | "log-in" | "log-out" | "mail" | "minus" | "moon" | "network" | "paperclip" | "pencil" | "phone" | "play" | "plus" | "policy" | "refresh" | "rocket" | "search-off" | "send" | "server" | "settings" | "shield" | "ship" | "sparkle" | "speed" | "star" | "sun" | "terminal" | "trash" | "trending-up" | "underline" | "upload" | "user" | "user-shield" | "x">;
+    readonly label: import("@angular/core").InputSignal<string>;
+    readonly disabled: import("@angular/core").InputSignal<boolean>;
+    readonly pressed: import("@angular/core").OutputEmitterRef<MouseEvent>;
+}

package/dist/lib/field/field.d.ts

@@ -0,0 +1,14 @@
+/**
+ * viking-field — label / description / error wrapper for any control
+ *.
+ * The projected control is associated with the label by wrapping.
+ */
+export declare class VikingField {
+    readonly label: import("@angular/core").InputSignal<string>;
+    readonly description: import("@angular/core").InputSignal<string>;
+    readonly error: import("@angular/core").InputSignal<string>;
+    readonly required: import("@angular/core").InputSignal<boolean>;
+    protected readonly descriptionId: string;
+    protected readonly errorId: string;
+    protected readonly labelId: string;
+}

package/dist/lib/file-upload/file-upload.d.ts

@@ -0,0 +1,19 @@
+/**
+ * viking-file-upload — drag & drop file zone.
+ */
+export declare class VikingFileUpload {
+    readonly heading: import("@angular/core").InputSignal<string>;
+    readonly hint: import("@angular/core").InputSignal<string>;
+    readonly accept: import("@angular/core").InputSignal<string>;
+    readonly multiple: import("@angular/core").InputSignal<boolean>;
+    readonly disabled: import("@angular/core").InputSignal<boolean>;
+    readonly filesChanged: import("@angular/core").OutputEmitterRef<File[]>;
+    protected readonly dragOver: import("@angular/core").WritableSignal<boolean>;
+    protected readonly fileList: import("@angular/core").WritableSignal<File[]>;
+    protected onDragOver: (event: DragEvent) => void;
+    protected onDrop: (event: DragEvent) => void;
+    protected onSelect: (event: Event) => void;
+    protected removeFile: (file: File) => void;
+    protected formatSize: (bytes: number) => string;
+    private addFiles;
+}

package/dist/lib/footer/footer.d.ts

@@ -0,0 +1,6 @@
+/**
+ * viking-footer — site-wide Drakkar footer shell. Project directory columns and bottom row via slots.
+ * Static apps (marketing, backend) use the same class names from viking-ui.css.
+ */
+export declare class VikingFooter {
+}

package/dist/lib/form-section/form-section.d.ts

@@ -0,0 +1,15 @@
+export type VikingFormSectionLayout = "inline" | "stack" | "status";
+/**
+ * viking-form-panel — groups related form sections inside a card without nested outlines.
+ */
+export declare class VikingFormPanel {
+}
+/**
+ * viking-form-section — standard dashboard form row: heading, fields, and actions.
+ * Use inside viking-form-panel (or a card body) to avoid nested bordered sub-forms.
+ */
+export declare class VikingFormSection {
+    readonly heading: import("@angular/core").InputSignal<string>;
+    readonly icon: import("@angular/core").InputSignal<"link" | "menu" | "search" | "deml" | "deml-compact" | "deml-lockup" | "drakkar" | "drakkar-compact" | "drakkar-lockup" | "kubernetes" | "tensorflow" | "pytorch" | "apache-spark" | "databricks" | "aws-redshift" | "info" | "hub" | "model" | "google" | "apple" | "alert-circle" | "alert-triangle" | "arrow-left" | "arrow-right" | "arrow-up-right" | "bar-chart" | "bell" | "bold" | "bolt" | "brain" | "bug" | "building" | "calendar" | "check" | "check-circle" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chip" | "clock" | "cloud" | "cookie" | "copy" | "dots-horizontal" | "dots-vertical" | "download" | "external" | "eye" | "eye-off" | "file" | "filter" | "fingerprint" | "folder" | "globe" | "grip-vertical" | "heart" | "home" | "image" | "insights" | "italic" | "key" | "list" | "list-ordered" | "loader" | "lock" | "log-in" | "log-out" | "mail" | "minus" | "moon" | "network" | "paperclip" | "pencil" | "phone" | "play" | "plus" | "policy" | "refresh" | "rocket" | "search-off" | "send" | "server" | "settings" | "shield" | "ship" | "sparkle" | "speed" | "star" | "sun" | "terminal" | "trash" | "trending-up" | "underline" | "upload" | "user" | "user-shield" | "x">;
+    readonly layout: import("@angular/core").InputSignal<VikingFormSectionLayout>;
+}

package/dist/lib/gauge-arc/gauge-arc.d.ts

@@ -0,0 +1,8 @@
+/** viking-gauge-arc — semicircle gauge fill driven by value / max. */
+export declare class VikingGaugeArc {
+    readonly value: import("@angular/core").InputSignal<number>;
+    readonly max: import("@angular/core").InputSignal<number>;
+    readonly circumference: import("@angular/core").InputSignal<number>;
+    readonly tone: import("@angular/core").InputSignal<"accent" | "danger" | "primary" | "amber">;
+    protected readonly strokeDasharray: import("@angular/core").Signal<string>;
+}

package/dist/lib/hud-panel/hud-panel.d.ts

@@ -0,0 +1,5 @@
+/** viking-hud-panel — bordered dashboard panel with icon header. */
+export declare class VikingHudPanel {
+    readonly title: import("@angular/core").InputSignal<string>;
+    readonly icon: import("@angular/core").InputSignal<"link" | "menu" | "search" | "deml" | "deml-compact" | "deml-lockup" | "drakkar" | "drakkar-compact" | "drakkar-lockup" | "kubernetes" | "tensorflow" | "pytorch" | "apache-spark" | "databricks" | "aws-redshift" | "info" | "hub" | "model" | "google" | "apple" | "alert-circle" | "alert-triangle" | "arrow-left" | "arrow-right" | "arrow-up-right" | "bar-chart" | "bell" | "bold" | "bolt" | "brain" | "bug" | "building" | "calendar" | "check" | "check-circle" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chip" | "clock" | "cloud" | "cookie" | "copy" | "dots-horizontal" | "dots-vertical" | "download" | "external" | "eye" | "eye-off" | "file" | "filter" | "fingerprint" | "folder" | "globe" | "grip-vertical" | "heart" | "home" | "image" | "insights" | "italic" | "key" | "list" | "list-ordered" | "loader" | "lock" | "log-in" | "log-out" | "mail" | "minus" | "moon" | "network" | "paperclip" | "pencil" | "phone" | "play" | "plus" | "policy" | "refresh" | "rocket" | "search-off" | "send" | "server" | "settings" | "shield" | "ship" | "sparkle" | "speed" | "star" | "sun" | "terminal" | "trash" | "trending-up" | "underline" | "upload" | "user" | "user-shield" | "x">;
+}

package/dist/lib/icon/icon.d.ts

@@ -0,0 +1,44 @@
+import { DomSanitizer, SafeHtml } from "@angular/platform-browser";
+import { VikingIconSizePreset, VikingIconVariant } from "../../core/icons";
+/**
+ * viking-icon — themeable inline SVG icon (Lucide-sourced registry + DEML brand marks).
+ * Zero runtime dependencies; paths are inlined at build time from Lucide.
+ *
+ * @example Outline with semantic color
+ * ```html
+ * <viking-icon name="search" sizePreset="md" color="accent" />
+ * ```
+ *
+ * @example Brand mark (outline)
+ * ```html
+ * <viking-icon name="drakkar" [size]="28" color="accent" />
+ * ```
+ */
+export declare class VikingIcon {
+    private readonly sanitizer;
+    readonly name: import("@angular/core").InputSignal<string>;
+    /** Explicit pixel size — overridden by sizePreset when set. */
+    readonly size: import("@angular/core").InputSignal<number>;
+    /** sm (16px) · md (20px) · lg (24px) */
+    readonly sizePreset: import("@angular/core").InputSignal<VikingIconSizePreset>;
+    /** outline (stroke) or filled (solid) */
+    readonly variant: import("@angular/core").InputSignal<VikingIconVariant>;
+    /** Semantic token (accent, success, …) or any CSS color value. */
+    readonly color: import("@angular/core").InputSignal<string>;
+    /** Renders icon inside a padded tokenized backdrop (matches viking-icon-badge). */
+    readonly backdrop: import("@angular/core").InputSignal<boolean>;
+    readonly backdropTone: import("@angular/core").InputSignal<"success" | "warning" | "danger" | "info" | "default">;
+    readonly spin: import("@angular/core").InputSignal<boolean>;
+    protected readonly resolvedName: import("@angular/core").Signal<"link" | "menu" | "search" | "deml" | "deml-compact" | "deml-lockup" | "drakkar" | "drakkar-compact" | "drakkar-lockup" | "kubernetes" | "tensorflow" | "pytorch" | "apache-spark" | "databricks" | "aws-redshift" | "info" | "hub" | "model" | "google" | "apple" | "alert-circle" | "alert-triangle" | "arrow-left" | "arrow-right" | "arrow-up-right" | "bar-chart" | "bell" | "bold" | "bolt" | "brain" | "bug" | "building" | "calendar" | "check" | "check-circle" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chip" | "clock" | "cloud" | "cookie" | "copy" | "dots-horizontal" | "dots-vertical" | "download" | "external" | "eye" | "eye-off" | "file" | "filter" | "fingerprint" | "folder" | "globe" | "grip-vertical" | "heart" | "home" | "image" | "insights" | "italic" | "key" | "list" | "list-ordered" | "loader" | "lock" | "log-in" | "log-out" | "mail" | "minus" | "moon" | "network" | "paperclip" | "pencil" | "phone" | "play" | "plus" | "policy" | "refresh" | "rocket" | "search-off" | "send" | "server" | "settings" | "shield" | "ship" | "sparkle" | "speed" | "star" | "sun" | "terminal" | "trash" | "trending-up" | "underline" | "upload" | "user" | "user-shield" | "x">;
+    protected readonly resolvedSize: import("@angular/core").Signal<number>;
+    protected readonly resolvedColor: import("@angular/core").Signal<string>;
+    protected readonly viewBox: import("@angular/core").Signal<string>;
+    protected readonly isFilled: import("@angular/core").Signal<boolean>;
+    protected readonly isDrakkarBrand: import("@angular/core").Signal<boolean>;
+    protected readonly isIntegrationBrand: import("@angular/core").Signal<boolean>;
+    protected readonly integrationBrandSvg: import("@angular/core").Signal<SafeHtml>;
+    protected readonly paths: import("@angular/core").Signal<SafeHtml>;
+    constructor(sanitizer: DomSanitizer);
+}
+/** Alias for consumers expecting VikingIconComponent. */
+export { VikingIcon as VikingIconComponent };

package/dist/lib/icon-badge/icon-badge.d.ts

@@ -0,0 +1,14 @@
+import { VikingIconSizePreset } from "../../core/icons";
+export type VikingIconBadgeTone = "default" | "success" | "warning" | "danger" | "info";
+/**
+ * viking-icon-badge — consistent icon backdrop for empty states, callouts, and metric headers.
+ */
+export declare class VikingIconBadge {
+    readonly icon: import("@angular/core").InputSignal<"link" | "menu" | "search" | "deml" | "deml-compact" | "deml-lockup" | "drakkar" | "drakkar-compact" | "drakkar-lockup" | "kubernetes" | "tensorflow" | "pytorch" | "apache-spark" | "databricks" | "aws-redshift" | "info" | "hub" | "model" | "google" | "apple" | "alert-circle" | "alert-triangle" | "arrow-left" | "arrow-right" | "arrow-up-right" | "bar-chart" | "bell" | "bold" | "bolt" | "brain" | "bug" | "building" | "calendar" | "check" | "check-circle" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chip" | "clock" | "cloud" | "cookie" | "copy" | "dots-horizontal" | "dots-vertical" | "download" | "external" | "eye" | "eye-off" | "file" | "filter" | "fingerprint" | "folder" | "globe" | "grip-vertical" | "heart" | "home" | "image" | "insights" | "italic" | "key" | "list" | "list-ordered" | "loader" | "lock" | "log-in" | "log-out" | "mail" | "minus" | "moon" | "network" | "paperclip" | "pencil" | "phone" | "play" | "plus" | "policy" | "refresh" | "rocket" | "search-off" | "send" | "server" | "settings" | "shield" | "ship" | "sparkle" | "speed" | "star" | "sun" | "terminal" | "trash" | "trending-up" | "underline" | "upload" | "user" | "user-shield" | "x">;
+    readonly tone: import("@angular/core").InputSignal<VikingIconBadgeTone>;
+    readonly size: import("@angular/core").InputSignal<number>;
+    readonly sizePreset: import("@angular/core").InputSignal<VikingIconSizePreset>;
+    readonly color: import("@angular/core").InputSignal<string>;
+    readonly variant: import("@angular/core").InputSignal<"outline" | "filled">;
+    readonly decorative: import("@angular/core").InputSignal<boolean>;
+}

package/dist/lib/icon-heading/icon-heading.d.ts

@@ -0,0 +1,9 @@
+/**
+ * viking-icon-heading — icon + title row with shared vertical alignment.
+ * Use in bento cards, integration tiles, and docs panels.
+ */
+export declare class VikingIconHeading {
+    readonly icon: import("@angular/core").InputSignal<"link" | "menu" | "search" | "deml" | "deml-compact" | "deml-lockup" | "drakkar" | "drakkar-compact" | "drakkar-lockup" | "kubernetes" | "tensorflow" | "pytorch" | "apache-spark" | "databricks" | "aws-redshift" | "info" | "hub" | "model" | "google" | "apple" | "alert-circle" | "alert-triangle" | "arrow-left" | "arrow-right" | "arrow-up-right" | "bar-chart" | "bell" | "bold" | "bolt" | "brain" | "bug" | "building" | "calendar" | "check" | "check-circle" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chip" | "clock" | "cloud" | "cookie" | "copy" | "dots-horizontal" | "dots-vertical" | "download" | "external" | "eye" | "eye-off" | "file" | "filter" | "fingerprint" | "folder" | "globe" | "grip-vertical" | "heart" | "home" | "image" | "insights" | "italic" | "key" | "list" | "list-ordered" | "loader" | "lock" | "log-in" | "log-out" | "mail" | "minus" | "moon" | "network" | "paperclip" | "pencil" | "phone" | "play" | "plus" | "policy" | "refresh" | "rocket" | "search-off" | "send" | "server" | "settings" | "shield" | "ship" | "sparkle" | "speed" | "star" | "sun" | "terminal" | "trash" | "trending-up" | "underline" | "upload" | "user" | "user-shield" | "x">;
+    readonly size: import("@angular/core").InputSignal<"md" | "lg">;
+    readonly headingLevel: import("@angular/core").InputSignal<"h2" | "h3">;
+}

package/dist/lib/icon-text/icon-text.d.ts

@@ -0,0 +1,12 @@
+import { VikingTone } from "../../core/types";
+/**
+ * viking-icon-text — icon aligned beside a title and optional description.
+ * Use for status rows (MFA enrolled, connected accounts, subscription state).
+ */
+export declare class VikingIconText {
+    readonly icon: import("@angular/core").InputSignal<"link" | "menu" | "search" | "deml" | "deml-compact" | "deml-lockup" | "drakkar" | "drakkar-compact" | "drakkar-lockup" | "kubernetes" | "tensorflow" | "pytorch" | "apache-spark" | "databricks" | "aws-redshift" | "info" | "hub" | "model" | "google" | "apple" | "alert-circle" | "alert-triangle" | "arrow-left" | "arrow-right" | "arrow-up-right" | "bar-chart" | "bell" | "bold" | "bolt" | "brain" | "bug" | "building" | "calendar" | "check" | "check-circle" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chip" | "clock" | "cloud" | "cookie" | "copy" | "dots-horizontal" | "dots-vertical" | "download" | "external" | "eye" | "eye-off" | "file" | "filter" | "fingerprint" | "folder" | "globe" | "grip-vertical" | "heart" | "home" | "image" | "insights" | "italic" | "key" | "list" | "list-ordered" | "loader" | "lock" | "log-in" | "log-out" | "mail" | "minus" | "moon" | "network" | "paperclip" | "pencil" | "phone" | "play" | "plus" | "policy" | "refresh" | "rocket" | "search-off" | "send" | "server" | "settings" | "shield" | "ship" | "sparkle" | "speed" | "star" | "sun" | "terminal" | "trash" | "trending-up" | "underline" | "upload" | "user" | "user-shield" | "x">;
+    readonly title: import("@angular/core").InputSignal<string>;
+    readonly description: import("@angular/core").InputSignal<string>;
+    readonly tone: import("@angular/core").InputSignal<VikingTone>;
+    readonly iconSize: import("@angular/core").InputSignal<number>;
+}

package/dist/lib/input/input.d.ts

@@ -0,0 +1,23 @@
+import { VikingControl } from "../core/cva";
+/**
+ * viking-input — thin Angular wrapper around `viking-input-wc`.
+ * ControlValueAccessor-compatible.
+ */
+export declare class VikingInput extends VikingControl<string> {
+    readonly value: import("@angular/core").ModelSignal<string>;
+    readonly type: import("@angular/core").InputSignal<string>;
+    readonly placeholder: import("@angular/core").InputSignal<string>;
+    readonly label: import("@angular/core").InputSignal<string>;
+    readonly icon: import("@angular/core").InputSignal<"link" | "menu" | "search" | "deml" | "deml-compact" | "deml-lockup" | "drakkar" | "drakkar-compact" | "drakkar-lockup" | "kubernetes" | "tensorflow" | "pytorch" | "apache-spark" | "databricks" | "aws-redshift" | "info" | "hub" | "model" | "google" | "apple" | "alert-circle" | "alert-triangle" | "arrow-left" | "arrow-right" | "arrow-up-right" | "bar-chart" | "bell" | "bold" | "bolt" | "brain" | "bug" | "building" | "calendar" | "check" | "check-circle" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chip" | "clock" | "cloud" | "cookie" | "copy" | "dots-horizontal" | "dots-vertical" | "download" | "external" | "eye" | "eye-off" | "file" | "filter" | "fingerprint" | "folder" | "globe" | "grip-vertical" | "heart" | "home" | "image" | "insights" | "italic" | "key" | "list" | "list-ordered" | "loader" | "lock" | "log-in" | "log-out" | "mail" | "minus" | "moon" | "network" | "paperclip" | "pencil" | "phone" | "play" | "plus" | "policy" | "refresh" | "rocket" | "search-off" | "send" | "server" | "settings" | "shield" | "ship" | "sparkle" | "speed" | "star" | "sun" | "terminal" | "trash" | "trending-up" | "underline" | "upload" | "user" | "user-shield" | "x">;
+    readonly iconTrailing: import("@angular/core").InputSignal<"link" | "menu" | "search" | "deml" | "deml-compact" | "deml-lockup" | "drakkar" | "drakkar-compact" | "drakkar-lockup" | "kubernetes" | "tensorflow" | "pytorch" | "apache-spark" | "databricks" | "aws-redshift" | "info" | "hub" | "model" | "google" | "apple" | "alert-circle" | "alert-triangle" | "arrow-left" | "arrow-right" | "arrow-up-right" | "bar-chart" | "bell" | "bold" | "bolt" | "brain" | "bug" | "building" | "calendar" | "check" | "check-circle" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chip" | "clock" | "cloud" | "cookie" | "copy" | "dots-horizontal" | "dots-vertical" | "download" | "external" | "eye" | "eye-off" | "file" | "filter" | "fingerprint" | "folder" | "globe" | "grip-vertical" | "heart" | "home" | "image" | "insights" | "italic" | "key" | "list" | "list-ordered" | "loader" | "lock" | "log-in" | "log-out" | "mail" | "minus" | "moon" | "network" | "paperclip" | "pencil" | "phone" | "play" | "plus" | "policy" | "refresh" | "rocket" | "search-off" | "send" | "server" | "settings" | "shield" | "ship" | "sparkle" | "speed" | "star" | "sun" | "terminal" | "trash" | "trending-up" | "underline" | "upload" | "user" | "user-shield" | "x">;
+    readonly kbd: import("@angular/core").InputSignal<string>;
+    readonly clearable: import("@angular/core").InputSignal<boolean>;
+    readonly loading: import("@angular/core").InputSignal<boolean>;
+    readonly disabled: import("@angular/core").InputSignal<boolean>;
+    readonly autocomplete: import("@angular/core").InputSignal<string>;
+    readonly cleared: import("@angular/core").OutputEmitterRef<void>;
+    protected isDisabled: () => boolean;
+    writeValue(value: string): void;
+    protected onWcInput: (event: Event) => void;
+    protected clear: () => void;
+}

package/dist/lib/kanban/kanban.d.ts

@@ -0,0 +1,16 @@
+import { VikingKanbanCard, VikingKanbanColumn, VikingKanbanMove } from "../../core/types";
+/**
+ * viking-kanban — drag & drop board.
+ * Native HTML5 drag and drop; emits `moved` and updates the `columns` model.
+ */
+export declare class VikingKanban {
+    readonly columns: import("@angular/core").ModelSignal<VikingKanbanColumn[]>;
+    readonly moved: import("@angular/core").OutputEmitterRef<VikingKanbanMove>;
+    protected readonly draggingId: import("@angular/core").WritableSignal<string>;
+    protected readonly dropColumnId: import("@angular/core").WritableSignal<string>;
+    private dragSource;
+    protected onDragStart: (card: VikingKanbanCard, columnId: string) => void;
+    protected onDragOver: (event: DragEvent, columnId: string) => void;
+    protected onDrop: (event: DragEvent, toColumnId: string) => void;
+    protected resetDrag: () => void;
+}

package/dist/lib/kbd/kbd.d.ts

@@ -0,0 +1,5 @@
+/**
+ * viking-kbd — keyboard hint chip.
+ */
+export declare class VikingKbd {
+}

package/dist/lib/label/label.d.ts

@@ -0,0 +1,7 @@
+/**
+ * viking-label — accessible form label.
+ */
+export declare class VikingLabel {
+    readonly htmlFor: import("@angular/core").InputSignal<string>;
+    readonly required: import("@angular/core").InputSignal<boolean>;
+}

package/dist/lib/loading-overlay/loading-overlay.d.ts

@@ -0,0 +1,10 @@
+/**
+ * viking-loading-overlay — blocks interaction with a centered spinner.
+ * Use on cards, panels, or full-page surfaces during async operations.
+ */
+export declare class VikingLoadingOverlay {
+    readonly label: import("@angular/core").InputSignal<string>;
+    readonly message: import("@angular/core").InputSignal<string>;
+    readonly spinnerSize: import("@angular/core").InputSignal<number>;
+    readonly full: import("@angular/core").InputSignal<boolean>;
+}

package/dist/lib/menubar/menubar.d.ts

@@ -0,0 +1,10 @@
+/**
+ * viking-menubar — horizontal application menu bar.
+ */
+export declare class VikingMenubar {
+}
+/**
+ * viking-menubar-item — menu item trigger for viking-menubar.
+ */
+export declare class VikingMenubarItem {
+}

package/dist/lib/metric-card/metric-card.d.ts

@@ -0,0 +1,9 @@
+/** viking-metric-row — responsive grid row for HUD metric cards. */
+export declare class VikingMetricRow {
+}
+/** viking-metric-card — single KPI tile in a metric row. */
+export declare class VikingMetricCard {
+    readonly label: import("@angular/core").InputSignal<string>;
+    readonly value: import("@angular/core").InputSignal<string | number>;
+    readonly variant: import("@angular/core").InputSignal<"warning" | "default" | "critical">;
+}

package/dist/lib/modal/modal.d.ts

@@ -0,0 +1,13 @@
+import { ElementRef } from "@angular/core";
+/**
+ * viking-modal — dialog built on the native <dialog> element
+ *. Toggle via the `open` model.
+ */
+export declare class VikingModal {
+    private readonly dialogRef;
+    readonly open: import("@angular/core").ModelSignal<boolean>;
+    readonly heading: import("@angular/core").InputSignal<string>;
+    readonly dismissible: import("@angular/core").InputSignal<boolean>;
+    constructor(host: ElementRef<HTMLElement>);
+    protected onBackdropClick: (event: MouseEvent) => void;
+}