@saitec/ui 0.1.0

package/package.json

@@ -0,0 +1,162 @@
+{
+  "name": "@saitec/ui",
+  "version": "0.1.0",
+  "description": "SAITEC Angular UI component library",
+  "license": "UNLICENSED",
+  "publishConfig": {
+    "access": "public"
+  },
+  "exports": {
+    "./styles.css": {
+      "style": "./styles.css",
+      "default": "./styles.css"
+    },
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./types/saitec-ui.d.ts",
+      "default": "./fesm2022/saitec-ui.mjs"
+    },
+    "./autocomplete": {
+      "types": "./types/saitec-ui-autocomplete.d.ts",
+      "default": "./fesm2022/saitec-ui-autocomplete.mjs"
+    },
+    "./badge": {
+      "types": "./types/saitec-ui-badge.d.ts",
+      "default": "./fesm2022/saitec-ui-badge.mjs"
+    },
+    "./button": {
+      "types": "./types/saitec-ui-button.d.ts",
+      "default": "./fesm2022/saitec-ui-button.mjs"
+    },
+    "./card": {
+      "types": "./types/saitec-ui-card.d.ts",
+      "default": "./fesm2022/saitec-ui-card.mjs"
+    },
+    "./checkbox": {
+      "types": "./types/saitec-ui-checkbox.d.ts",
+      "default": "./fesm2022/saitec-ui-checkbox.mjs"
+    },
+    "./chip": {
+      "types": "./types/saitec-ui-chip.d.ts",
+      "default": "./fesm2022/saitec-ui-chip.mjs"
+    },
+    "./confirm": {
+      "types": "./types/saitec-ui-confirm.d.ts",
+      "default": "./fesm2022/saitec-ui-confirm.mjs"
+    },
+    "./core": {
+      "types": "./types/saitec-ui-core.d.ts",
+      "default": "./fesm2022/saitec-ui-core.mjs"
+    },
+    "./date-picker": {
+      "types": "./types/saitec-ui-date-picker.d.ts",
+      "default": "./fesm2022/saitec-ui-date-picker.mjs"
+    },
+    "./dialog": {
+      "types": "./types/saitec-ui-dialog.d.ts",
+      "default": "./fesm2022/saitec-ui-dialog.mjs"
+    },
+    "./divider": {
+      "types": "./types/saitec-ui-divider.d.ts",
+      "default": "./fesm2022/saitec-ui-divider.mjs"
+    },
+    "./drawer": {
+      "types": "./types/saitec-ui-drawer.d.ts",
+      "default": "./fesm2022/saitec-ui-drawer.mjs"
+    },
+    "./fieldset": {
+      "types": "./types/saitec-ui-fieldset.d.ts",
+      "default": "./fesm2022/saitec-ui-fieldset.mjs"
+    },
+    "./file-upload": {
+      "types": "./types/saitec-ui-file-upload.d.ts",
+      "default": "./fesm2022/saitec-ui-file-upload.mjs"
+    },
+    "./form-field": {
+      "types": "./types/saitec-ui-form-field.d.ts",
+      "default": "./fesm2022/saitec-ui-form-field.mjs"
+    },
+    "./input": {
+      "types": "./types/saitec-ui-input.d.ts",
+      "default": "./fesm2022/saitec-ui-input.mjs"
+    },
+    "./input-number": {
+      "types": "./types/saitec-ui-input-number.d.ts",
+      "default": "./fesm2022/saitec-ui-input-number.mjs"
+    },
+    "./menu": {
+      "types": "./types/saitec-ui-menu.d.ts",
+      "default": "./fesm2022/saitec-ui-menu.mjs"
+    },
+    "./menubar": {
+      "types": "./types/saitec-ui-menubar.d.ts",
+      "default": "./fesm2022/saitec-ui-menubar.mjs"
+    },
+    "./message": {
+      "types": "./types/saitec-ui-message.d.ts",
+      "default": "./fesm2022/saitec-ui-message.mjs"
+    },
+    "./multiselect": {
+      "types": "./types/saitec-ui-multiselect.d.ts",
+      "default": "./fesm2022/saitec-ui-multiselect.mjs"
+    },
+    "./panel": {
+      "types": "./types/saitec-ui-panel.d.ts",
+      "default": "./fesm2022/saitec-ui-panel.mjs"
+    },
+    "./progress-spinner": {
+      "types": "./types/saitec-ui-progress-spinner.d.ts",
+      "default": "./fesm2022/saitec-ui-progress-spinner.mjs"
+    },
+    "./select": {
+      "types": "./types/saitec-ui-select.d.ts",
+      "default": "./fesm2022/saitec-ui-select.mjs"
+    },
+    "./table": {
+      "types": "./types/saitec-ui-table.d.ts",
+      "default": "./fesm2022/saitec-ui-table.mjs"
+    },
+    "./tabs": {
+      "types": "./types/saitec-ui-tabs.d.ts",
+      "default": "./fesm2022/saitec-ui-tabs.mjs"
+    },
+    "./tag": {
+      "types": "./types/saitec-ui-tag.d.ts",
+      "default": "./fesm2022/saitec-ui-tag.mjs"
+    },
+    "./textarea": {
+      "types": "./types/saitec-ui-textarea.d.ts",
+      "default": "./fesm2022/saitec-ui-textarea.mjs"
+    },
+    "./toast": {
+      "types": "./types/saitec-ui-toast.d.ts",
+      "default": "./fesm2022/saitec-ui-toast.mjs"
+    },
+    "./toggle-switch": {
+      "types": "./types/saitec-ui-toggle-switch.d.ts",
+      "default": "./fesm2022/saitec-ui-toggle-switch.mjs"
+    },
+    "./toolbar": {
+      "types": "./types/saitec-ui-toolbar.d.ts",
+      "default": "./fesm2022/saitec-ui-toolbar.mjs"
+    },
+    "./tooltip": {
+      "types": "./types/saitec-ui-tooltip.d.ts",
+      "default": "./fesm2022/saitec-ui-tooltip.mjs"
+    }
+  },
+  "peerDependencies": {
+    "@angular/cdk": "^22.1.0",
+    "@angular/common": "^22.1.0",
+    "@angular/core": "^22.1.0"
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  },
+  "sideEffects": false,
+  "module": "fesm2022/saitec-ui.mjs",
+  "typings": "types/saitec-ui.d.ts",
+  "type": "module"
+}

package/styles.css

@@ -0,0 +1,7 @@
+@import "./lib/core/tokens/primitives.css";
+@import "./lib/core/tokens/foundations.css";
+
+@import "./lib/core/themes/light.css";
+@import "./lib/core/themes/dark.css";
+
+@import "./lib/core/tokens/components.css";

package/types/saitec-ui-autocomplete.d.ts

@@ -0,0 +1,50 @@
+import * as _angular_core from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import { SuiOption } from '@saitec/ui/core';
+
+declare class SuiAutocomplete implements ControlValueAccessor {
+    id: _angular_core.InputSignal<string>;
+    name: _angular_core.InputSignal<string | undefined>;
+    options: _angular_core.InputSignal<SuiOption<unknown>[]>;
+    placeholder: _angular_core.InputSignal<string>;
+    disabled: _angular_core.InputSignal<boolean>;
+    readonly: _angular_core.InputSignal<boolean>;
+    required: _angular_core.InputSignal<boolean>;
+    minLength: _angular_core.InputSignal<number>;
+    forceSelection: _angular_core.InputSignal<boolean>;
+    emptyMessage: _angular_core.InputSignal<string>;
+    ariaLabel: _angular_core.InputSignal<string | undefined>;
+    ariaDescribedBy: _angular_core.InputSignal<string | undefined>;
+    ariaInvalid: _angular_core.InputSignal<boolean | undefined>;
+    search: _angular_core.OutputEmitterRef<string>;
+    valueChange: _angular_core.OutputEmitterRef<unknown>;
+    optionSelected: _angular_core.OutputEmitterRef<SuiOption<unknown>>;
+    focused: _angular_core.OutputEmitterRef<FocusEvent>;
+    blurred: _angular_core.OutputEmitterRef<FocusEvent>;
+    protected readonly text: _angular_core.WritableSignal<string>;
+    protected readonly value: _angular_core.WritableSignal<unknown>;
+    protected readonly panelVisible: _angular_core.WritableSignal<boolean>;
+    protected readonly activeIndex: _angular_core.WritableSignal<number>;
+    private readonly formDisabled;
+    protected readonly isDisabled: _angular_core.Signal<boolean>;
+    protected readonly hasOptions: _angular_core.Signal<boolean>;
+    protected readonly showEmptyMessage: _angular_core.Signal<boolean>;
+    private onChange;
+    private onTouched;
+    writeValue(value: unknown): void;
+    registerOnChange(fn: (value: unknown) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(disabled: boolean): void;
+    protected handleInput(event: Event): void;
+    protected selectOption(option: SuiOption): void;
+    protected handleFocus(event: FocusEvent): void;
+    protected handleBlur(event: FocusEvent): void;
+    protected handleKeyDown(event: KeyboardEvent): void;
+    protected isSelected(option: SuiOption): boolean;
+    private moveActive;
+    private closePanel;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SuiAutocomplete, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiAutocomplete, "sui-autocomplete", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "minLength": { "alias": "minLength"; "required": false; "isSignal": true; }; "forceSelection": { "alias": "forceSelection"; "required": false; "isSignal": true; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; "isSignal": true; }; "ariaInvalid": { "alias": "ariaInvalid"; "required": false; "isSignal": true; }; }, { "search": "search"; "valueChange": "valueChange"; "optionSelected": "optionSelected"; "focused": "focused"; "blurred": "blurred"; }, never, never, true, never>;
+}
+
+export { SuiAutocomplete };

package/types/saitec-ui-badge.d.ts

@@ -0,0 +1,15 @@
+import * as _angular_core from '@angular/core';
+
+type SuiBadgeSeverity = 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'danger';
+type SuiBadgeSize = 'small' | 'medium' | 'large';
+declare class SuiBadge {
+    value: _angular_core.InputSignal<string | number | undefined>;
+    severity: _angular_core.InputSignal<SuiBadgeSeverity>;
+    size: _angular_core.InputSignal<SuiBadgeSize>;
+    rounded: _angular_core.InputSignal<boolean>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SuiBadge, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiBadge, "sui-badge", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "severity": { "alias": "severity"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { SuiBadge };
+export type { SuiBadgeSeverity, SuiBadgeSize };

package/types/saitec-ui-button.d.ts

@@ -0,0 +1,22 @@
+import * as _angular_core from '@angular/core';
+
+type SuiButtonVariant = 'primary' | 'secondary' | 'danger' | 'ghost';
+type SuiButtonSeverity = 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'danger' | 'ghost';
+type SuiButtonSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+type SuiButtonType = 'button' | 'submit' | 'reset';
+declare class SuiButton {
+    readonly variant: _angular_core.InputSignal<SuiButtonVariant>;
+    readonly severity: _angular_core.InputSignal<SuiButtonSeverity>;
+    readonly size: _angular_core.InputSignal<SuiButtonSize>;
+    readonly type: _angular_core.InputSignal<SuiButtonType>;
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly loading: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly fullWidth: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly ariaLabel: _angular_core.InputSignal<string | null>;
+    readonly isDisabled: _angular_core.Signal<boolean>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SuiButton, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiButton, "sui-button", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "severity": { "alias": "severity"; "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; }; }, {}, never, ["*"], true, never>;
+}
+
+export { SuiButton };
+export type { SuiButtonSeverity, SuiButtonSize, SuiButtonType, SuiButtonVariant };

package/types/saitec-ui-card.d.ts

@@ -0,0 +1,13 @@
+import * as _angular_core from '@angular/core';
+
+declare class SuiCard {
+    title: _angular_core.InputSignal<string | undefined>;
+    subtitle: _angular_core.InputSignal<string | undefined>;
+    padding: _angular_core.InputSignal<boolean>;
+    bordered: _angular_core.InputSignal<boolean>;
+    shadow: _angular_core.InputSignal<boolean>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SuiCard, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiCard, "sui-card", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "subtitle": { "alias": "subtitle"; "required": false; "isSignal": true; }; "padding": { "alias": "padding"; "required": false; "isSignal": true; }; "bordered": { "alias": "bordered"; "required": false; "isSignal": true; }; "shadow": { "alias": "shadow"; "required": false; "isSignal": true; }; }, {}, never, ["[suiCardHeader]", "*", "[suiCardFooter]"], true, never>;
+}
+
+export { SuiCard };

package/types/saitec-ui-checkbox.d.ts

@@ -0,0 +1,33 @@
+import * as _angular_core from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+
+declare class SuiCheckbox implements ControlValueAccessor {
+    id: _angular_core.InputSignal<string>;
+    name: _angular_core.InputSignal<string | undefined>;
+    disabled: _angular_core.InputSignal<boolean>;
+    required: _angular_core.InputSignal<boolean>;
+    indeterminate: _angular_core.InputSignal<boolean>;
+    ariaLabel: _angular_core.InputSignal<string | undefined>;
+    label: _angular_core.InputSignal<string | undefined>;
+    ariaDescribedBy: _angular_core.InputSignal<string | undefined>;
+    ariaInvalid: _angular_core.InputSignal<boolean | undefined>;
+    valueChange: _angular_core.OutputEmitterRef<boolean>;
+    focused: _angular_core.OutputEmitterRef<FocusEvent>;
+    blurred: _angular_core.OutputEmitterRef<FocusEvent>;
+    protected readonly checked: _angular_core.WritableSignal<boolean>;
+    private readonly formDisabled;
+    protected readonly isDisabled: _angular_core.Signal<boolean>;
+    private onChange;
+    private onTouched;
+    writeValue(value: boolean | null | undefined): void;
+    registerOnChange(fn: (value: boolean) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(disabled: boolean): void;
+    protected handleChange(event: Event): void;
+    protected handleFocus(event: FocusEvent): void;
+    protected handleBlur(event: FocusEvent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SuiCheckbox, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiCheckbox, "sui-checkbox", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "indeterminate": { "alias": "indeterminate"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; "isSignal": true; }; "ariaInvalid": { "alias": "ariaInvalid"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; "focused": "focused"; "blurred": "blurred"; }, never, never, true, never>;
+}
+
+export { SuiCheckbox };

package/types/saitec-ui-chip.d.ts

@@ -0,0 +1,13 @@
+import * as _angular_core from '@angular/core';
+
+declare class SuiChip {
+    label: _angular_core.InputSignal<string | undefined>;
+    removable: _angular_core.InputSignal<boolean>;
+    disabled: _angular_core.InputSignal<boolean>;
+    removed: _angular_core.OutputEmitterRef<void>;
+    protected remove(event: MouseEvent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SuiChip, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiChip, "sui-chip", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "removable": { "alias": "removable"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "removed": "removed"; }, never, ["*"], true, never>;
+}
+
+export { SuiChip };

package/types/saitec-ui-confirm.d.ts

@@ -0,0 +1,38 @@
+import * as i0 from '@angular/core';
+
+type SuiConfirmSeverity = 'primary' | 'danger' | 'warning';
+interface SuiConfirmOptions {
+    header?: string;
+    message: string;
+    acceptLabel?: string;
+    rejectLabel?: string;
+    severity?: SuiConfirmSeverity;
+    dismissible?: boolean;
+    closeOnEscape?: boolean;
+}
+interface SuiConfirmRequest extends Required<Pick<SuiConfirmOptions, 'header' | 'message' | 'acceptLabel' | 'rejectLabel' | 'severity' | 'dismissible' | 'closeOnEscape'>> {
+    resolve: (result: boolean) => void;
+}
+declare class SuiConfirmService {
+    private readonly _request;
+    readonly request: i0.Signal<SuiConfirmRequest | null>;
+    confirm(options: SuiConfirmOptions): Promise<boolean>;
+    accept(): void;
+    reject(): void;
+    private finish;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SuiConfirmService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<SuiConfirmService>;
+}
+
+declare class SuiConfirm {
+    protected readonly confirm: SuiConfirmService;
+    protected readonly visible: i0.Signal<boolean>;
+    protected accept(): void;
+    protected reject(): void;
+    protected handleVisibleChange(visible: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SuiConfirm, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SuiConfirm, "sui-confirm", never, {}, {}, never, never, true, never>;
+}
+
+export { SuiConfirm, SuiConfirmService };
+export type { SuiConfirmOptions, SuiConfirmRequest, SuiConfirmSeverity };

package/types/saitec-ui-core.d.ts

@@ -0,0 +1,7 @@
+interface SuiOption<T = unknown> {
+    label: string;
+    value: T;
+    disabled?: boolean;
+}
+
+export type { SuiOption };

package/types/saitec-ui-date-picker.d.ts

@@ -0,0 +1,35 @@
+import * as _angular_core from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+
+declare class SuiDatePicker implements ControlValueAccessor {
+    id: _angular_core.InputSignal<string>;
+    name: _angular_core.InputSignal<string | undefined>;
+    placeholder: _angular_core.InputSignal<string>;
+    disabled: _angular_core.InputSignal<boolean>;
+    readonly: _angular_core.InputSignal<boolean>;
+    required: _angular_core.InputSignal<boolean>;
+    min: _angular_core.InputSignal<string | undefined>;
+    max: _angular_core.InputSignal<string | undefined>;
+    ariaLabel: _angular_core.InputSignal<string | undefined>;
+    ariaDescribedBy: _angular_core.InputSignal<string | undefined>;
+    ariaInvalid: _angular_core.InputSignal<boolean | undefined>;
+    valueChange: _angular_core.OutputEmitterRef<string | null>;
+    focused: _angular_core.OutputEmitterRef<FocusEvent>;
+    blurred: _angular_core.OutputEmitterRef<FocusEvent>;
+    protected readonly value: _angular_core.WritableSignal<string | null>;
+    private readonly formDisabled;
+    protected readonly isDisabled: _angular_core.Signal<boolean>;
+    private onChange;
+    private onTouched;
+    writeValue(value: string | null | undefined): void;
+    registerOnChange(fn: (value: string | null) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(disabled: boolean): void;
+    protected handleChange(event: Event): void;
+    protected handleFocus(event: FocusEvent): void;
+    protected handleBlur(event: FocusEvent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SuiDatePicker, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiDatePicker, "sui-date-picker", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; "isSignal": true; }; "ariaInvalid": { "alias": "ariaInvalid"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; "focused": "focused"; "blurred": "blurred"; }, never, never, true, never>;
+}
+
+export { SuiDatePicker };

package/types/saitec-ui-dialog.d.ts

@@ -0,0 +1,29 @@
+import * as _angular_core from '@angular/core';
+import { OnDestroy } from '@angular/core';
+
+declare class SuiDialog implements OnDestroy {
+    private readonly document;
+    visible: _angular_core.ModelSignal<boolean>;
+    header: _angular_core.InputSignal<string | undefined>;
+    modal: _angular_core.InputSignal<boolean>;
+    dismissible: _angular_core.InputSignal<boolean>;
+    closeOnEscape: _angular_core.InputSignal<boolean>;
+    showCloseButton: _angular_core.InputSignal<boolean>;
+    blockScroll: _angular_core.InputSignal<boolean>;
+    width: _angular_core.InputSignal<string>;
+    maxWidth: _angular_core.InputSignal<string>;
+    opened: _angular_core.OutputEmitterRef<void>;
+    closed: _angular_core.OutputEmitterRef<void>;
+    private previousBodyOverflow?;
+    constructor();
+    protected handleEscape(): void;
+    protected handleBackdrop(): void;
+    protected close(): void;
+    open(): void;
+    private updateBodyScroll;
+    ngOnDestroy(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SuiDialog, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiDialog, "sui-dialog", never, { "visible": { "alias": "visible"; "required": false; "isSignal": true; }; "header": { "alias": "header"; "required": false; "isSignal": true; }; "modal": { "alias": "modal"; "required": false; "isSignal": true; }; "dismissible": { "alias": "dismissible"; "required": false; "isSignal": true; }; "closeOnEscape": { "alias": "closeOnEscape"; "required": false; "isSignal": true; }; "showCloseButton": { "alias": "showCloseButton"; "required": false; "isSignal": true; }; "blockScroll": { "alias": "blockScroll"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "maxWidth": { "alias": "maxWidth"; "required": false; "isSignal": true; }; }, { "visible": "visibleChange"; "opened": "opened"; "closed": "closed"; }, never, ["[suiDialogHeader]", "*", "[suiDialogFooter]"], true, never>;
+}
+
+export { SuiDialog };

package/types/saitec-ui-divider.d.ts

@@ -0,0 +1,13 @@
+import * as _angular_core from '@angular/core';
+
+type SuiDividerOrientation = 'horizontal' | 'vertical';
+type SuiDividerAlign = 'start' | 'center' | 'end';
+declare class SuiDivider {
+    orientation: _angular_core.InputSignal<SuiDividerOrientation>;
+    align: _angular_core.InputSignal<SuiDividerAlign>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SuiDivider, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiDivider, "sui-divider", never, { "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+export { SuiDivider };
+export type { SuiDividerAlign, SuiDividerOrientation };

package/types/saitec-ui-drawer.d.ts

@@ -0,0 +1,31 @@
+import * as _angular_core from '@angular/core';
+import { OnDestroy } from '@angular/core';
+
+type SuiDrawerPosition = 'left' | 'right' | 'top' | 'bottom';
+declare class SuiDrawer implements OnDestroy {
+    private readonly document;
+    visible: _angular_core.ModelSignal<boolean>;
+    position: _angular_core.InputSignal<SuiDrawerPosition>;
+    header: _angular_core.InputSignal<string | undefined>;
+    modal: _angular_core.InputSignal<boolean>;
+    dismissible: _angular_core.InputSignal<boolean>;
+    closeOnEscape: _angular_core.InputSignal<boolean>;
+    showCloseButton: _angular_core.InputSignal<boolean>;
+    blockScroll: _angular_core.InputSignal<boolean>;
+    size: _angular_core.InputSignal<string | undefined>;
+    opened: _angular_core.OutputEmitterRef<void>;
+    closed: _angular_core.OutputEmitterRef<void>;
+    private previousBodyOverflow?;
+    constructor();
+    protected handleEscape(): void;
+    protected handleBackdrop(): void;
+    protected close(): void;
+    open(): void;
+    private updateBodyScroll;
+    ngOnDestroy(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SuiDrawer, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiDrawer, "sui-drawer", never, { "visible": { "alias": "visible"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "header": { "alias": "header"; "required": false; "isSignal": true; }; "modal": { "alias": "modal"; "required": false; "isSignal": true; }; "dismissible": { "alias": "dismissible"; "required": false; "isSignal": true; }; "closeOnEscape": { "alias": "closeOnEscape"; "required": false; "isSignal": true; }; "showCloseButton": { "alias": "showCloseButton"; "required": false; "isSignal": true; }; "blockScroll": { "alias": "blockScroll"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, { "visible": "visibleChange"; "opened": "opened"; "closed": "closed"; }, never, ["[suiDrawerHeader]", "*", "[suiDrawerFooter]"], true, never>;
+}
+
+export { SuiDrawer };
+export type { SuiDrawerPosition };

package/types/saitec-ui-fieldset.d.ts

@@ -0,0 +1,13 @@
+import * as _angular_core from '@angular/core';
+
+declare class SuiFieldset {
+    legend: _angular_core.InputSignal<string | undefined>;
+    toggleable: _angular_core.InputSignal<boolean>;
+    collapsed: _angular_core.ModelSignal<boolean>;
+    disabled: _angular_core.InputSignal<boolean>;
+    protected toggle(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SuiFieldset, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiFieldset, "sui-fieldset", never, { "legend": { "alias": "legend"; "required": false; "isSignal": true; }; "toggleable": { "alias": "toggleable"; "required": false; "isSignal": true; }; "collapsed": { "alias": "collapsed"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "collapsed": "collapsedChange"; }, never, ["[suiFieldsetLegend]", "*"], true, never>;
+}
+
+export { SuiFieldset };

package/types/saitec-ui-file-upload.d.ts

@@ -0,0 +1,43 @@
+import * as _angular_core from '@angular/core';
+
+interface SuiFileUploadError {
+    file?: File;
+    message: string;
+}
+declare class SuiFileUpload {
+    id: _angular_core.InputSignal<string>;
+    name: _angular_core.InputSignal<string>;
+    multiple: _angular_core.InputSignal<boolean>;
+    accept: _angular_core.InputSignal<string | undefined>;
+    disabled: _angular_core.InputSignal<boolean>;
+    maxFileSize: _angular_core.InputSignal<number | undefined>;
+    maxFiles: _angular_core.InputSignal<number | undefined>;
+    chooseLabel: _angular_core.InputSignal<string>;
+    dropLabel: _angular_core.InputSignal<string>;
+    showFileList: _angular_core.InputSignal<boolean>;
+    filesChange: _angular_core.OutputEmitterRef<File[]>;
+    fileAdded: _angular_core.OutputEmitterRef<File>;
+    fileRemoved: _angular_core.OutputEmitterRef<File>;
+    cleared: _angular_core.OutputEmitterRef<void>;
+    error: _angular_core.OutputEmitterRef<SuiFileUploadError>;
+    protected readonly files: _angular_core.WritableSignal<File[]>;
+    protected readonly dragging: _angular_core.WritableSignal<boolean>;
+    private readonly inputElement;
+    protected choose(): void;
+    protected handleFileInput(event: Event): void;
+    protected handleDragOver(event: DragEvent): void;
+    protected handleDragLeave(event: DragEvent): void;
+    protected handleDrop(event: DragEvent): void;
+    protected removeFile(file: File): void;
+    protected clear(): void;
+    protected formatSize(bytes: number): string;
+    private addFiles;
+    private validateFile;
+    private matchesAccept;
+    private sameFile;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SuiFileUpload, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiFileUpload, "sui-file-upload", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "accept": { "alias": "accept"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "maxFileSize": { "alias": "maxFileSize"; "required": false; "isSignal": true; }; "maxFiles": { "alias": "maxFiles"; "required": false; "isSignal": true; }; "chooseLabel": { "alias": "chooseLabel"; "required": false; "isSignal": true; }; "dropLabel": { "alias": "dropLabel"; "required": false; "isSignal": true; }; "showFileList": { "alias": "showFileList"; "required": false; "isSignal": true; }; }, { "filesChange": "filesChange"; "fileAdded": "fileAdded"; "fileRemoved": "fileRemoved"; "cleared": "cleared"; "error": "error"; }, never, never, true, never>;
+}
+
+export { SuiFileUpload };
+export type { SuiFileUploadError };

package/types/saitec-ui-form-field.d.ts

@@ -0,0 +1,14 @@
+import * as _angular_core from '@angular/core';
+
+declare class SuiFormField {
+    label: _angular_core.InputSignal<string | undefined>;
+    hint: _angular_core.InputSignal<string | undefined>;
+    error: _angular_core.InputSignal<string | undefined>;
+    required: _angular_core.InputSignal<boolean>;
+    invalid: _angular_core.InputSignal<boolean>;
+    disabled: _angular_core.InputSignal<boolean>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SuiFormField, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiFormField, "sui-form-field", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+export { SuiFormField };

package/types/saitec-ui-input-number.d.ts

@@ -0,0 +1,60 @@
+import * as _angular_core from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+
+type SuiInputNumberMode = 'decimal' | 'currency';
+declare class SuiInputNumber implements ControlValueAccessor {
+    id: _angular_core.InputSignal<string>;
+    name: _angular_core.InputSignal<string | undefined>;
+    placeholder: _angular_core.InputSignal<string>;
+    mode: _angular_core.InputSignal<SuiInputNumberMode>;
+    locale: _angular_core.InputSignal<string>;
+    currency: _angular_core.InputSignal<string>;
+    currencyDisplay: _angular_core.InputSignal<"symbol" | "name" | "code">;
+    useGrouping: _angular_core.InputSignal<boolean>;
+    minFractionDigits: _angular_core.InputSignal<number>;
+    maxFractionDigits: _angular_core.InputSignal<number>;
+    min: _angular_core.InputSignal<number | undefined>;
+    max: _angular_core.InputSignal<number | undefined>;
+    step: _angular_core.InputSignal<number>;
+    prefix: _angular_core.InputSignal<string>;
+    suffix: _angular_core.InputSignal<string>;
+    disabled: _angular_core.InputSignal<boolean>;
+    readonly: _angular_core.InputSignal<boolean>;
+    required: _angular_core.InputSignal<boolean>;
+    showButtons: _angular_core.InputSignal<boolean>;
+    ariaLabel: _angular_core.InputSignal<string | undefined>;
+    ariaDescribedBy: _angular_core.InputSignal<string | undefined>;
+    ariaInvalid: _angular_core.InputSignal<boolean | undefined>;
+    valueChange: _angular_core.OutputEmitterRef<number | null>;
+    focused: _angular_core.OutputEmitterRef<FocusEvent>;
+    blurred: _angular_core.OutputEmitterRef<FocusEvent>;
+    protected readonly value: _angular_core.WritableSignal<number | null>;
+    protected readonly text: _angular_core.WritableSignal<string>;
+    protected readonly focusedState: _angular_core.WritableSignal<boolean>;
+    private readonly formDisabled;
+    protected readonly isDisabled: _angular_core.Signal<boolean>;
+    private onChange;
+    private onTouched;
+    private get formatter();
+    writeValue(value: number | null | undefined): void;
+    registerOnChange(fn: (value: number | null) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(disabled: boolean): void;
+    protected handleInput(event: Event): void;
+    protected handleFocus(event: FocusEvent): void;
+    protected handleBlur(event: FocusEvent): void;
+    protected increment(): void;
+    protected decrement(): void;
+    private updateValue;
+    private updateDisplay;
+    private parse;
+    private clamp;
+    private round;
+    private toEditableString;
+    private escapeRegex;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SuiInputNumber, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiInputNumber, "sui-input-number", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "currency": { "alias": "currency"; "required": false; "isSignal": true; }; "currencyDisplay": { "alias": "currencyDisplay"; "required": false; "isSignal": true; }; "useGrouping": { "alias": "useGrouping"; "required": false; "isSignal": true; }; "minFractionDigits": { "alias": "minFractionDigits"; "required": false; "isSignal": true; }; "maxFractionDigits": { "alias": "maxFractionDigits"; "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; }; "prefix": { "alias": "prefix"; "required": false; "isSignal": true; }; "suffix": { "alias": "suffix"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "showButtons": { "alias": "showButtons"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; "isSignal": true; }; "ariaInvalid": { "alias": "ariaInvalid"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; "focused": "focused"; "blurred": "blurred"; }, never, never, true, never>;
+}
+
+export { SuiInputNumber };
+export type { SuiInputNumberMode };