@ship-ui/core 0.19.5 → 0.22.2

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

@@ -1,1071 +1,5 @@
 import * as _angular_core from '@angular/core';
-import { ElementRef, QueryList, TemplateRef, OutputEmitterRef, InputSignal, ComponentRef, EmbeddedViewRef, OutputRefSubscription, Type, AfterViewInit, OnDestroy, AfterContentInit, WritableSignal, OnInit, InjectionToken } from '@angular/core';
-import { NgControl } from '@angular/forms';
-import { Observable } from 'rxjs';
-
-type ShipAlertItem = {
-    type: ShipAlertType;
-    title: string;
-    content?: string;
-};
-type ShipAlertItemInternal = ShipAlertItem & {
-    id: string;
-    isOpen: boolean;
-    animateOut: boolean;
-    animateIn: boolean;
-};
-declare class ShipAlertService {
-    alertHistory: _angular_core.WritableSignal<ShipAlertItemInternal[]>;
-    alertHistoryIsOpen: _angular_core.WritableSignal<boolean>;
-    alertHistoryIsHidden: _angular_core.WritableSignal<boolean>;
-    error(message: string | null | undefined): void;
-    success(message: string): void;
-    question(message: string): void;
-    warning(message: string): void;
-    info(message: string): void;
-    addAlert(alert: ShipAlertItem): void;
-    removeAlert(id: string): void;
-    hideAlert(id: string): void;
-    setHidden(isHidden: boolean): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShipAlertService, never>;
-    static ɵprov: _angular_core.ɵɵInjectableDeclaration<ShipAlertService>;
-}
-
-type ShipAlertType = 'error' | 'success' | 'warn' | 'primary' | 'accent' | 'question';
-declare class ShipAlert {
-    color: _angular_core.InputSignal<"" | "primary" | "accent" | "warn" | "error" | "success" | null>;
-    variant: _angular_core.InputSignal<"" | "simple" | "outlined" | "flat" | "raised" | null>;
-    hostClasses: _angular_core.Signal<string>;
-    _el: ElementRef<any>;
-    alertService: _angular_core.InputSignal<ShipAlertService | null>;
-    id: _angular_core.InputSignal<string | null>;
-    removeAlert(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShipAlert, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ShipAlert, "sh-alert", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "alertService": { "alias": "alertService"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; }, {}, never, ["[icon]", "sh-icon", "[title]", "*", "button", "[actions]", "[content]", "p"], true, never>;
-}
-
-declare class ShipAlertContainer {
-    #private;
-    inline: _angular_core.InputSignal<string | null>;
-    alerts: _angular_core.Signal<QueryList<ShipAlert>>;
-    scroller: _angular_core.Signal<ElementRef<HTMLDivElement>>;
-    alertService: _angular_core.InputSignal<ShipAlertService>;
-    numberOfOpenAlerts: _angular_core.Signal<number>;
-    onMouseOver(): void;
-    onMouseOut(): void;
-    getElementHeight(i: number): number;
-    transformY(i: number): string;
-    transitionDelay(i: number, allOpen?: boolean): string;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShipAlertContainer, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ShipAlertContainer, "ship-alert-container", never, { "inline": { "alias": "inline"; "required": false; "isSignal": true; }; "alertService": { "alias": "alertService"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-
-declare class ShipAlertModule {
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShipAlertModule, never>;
-    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<ShipAlertModule, never, [typeof ShipAlert, typeof ShipAlertContainer], [typeof ShipAlert, typeof ShipAlertContainer]>;
-    static ɵinj: _angular_core.ɵɵInjectorDeclaration<ShipAlertModule>;
-}
-
-type ShipDialogOptions = {
-    class?: 'default' | 'type-b' | string;
-    width?: string;
-    maxWidth?: string;
-    height?: string;
-    maxHeight?: string;
-    closeOnButton?: boolean;
-    closeOnEsc?: boolean;
-    closeOnOutsideClick?: boolean;
-};
-declare class ShipDialog {
-    #private;
-    dialogRef: _angular_core.Signal<ElementRef<HTMLDialogElement> | undefined>;
-    isOpen: _angular_core.ModelSignal<boolean>;
-    options: _angular_core.InputSignal<Partial<ShipDialogOptions> | undefined>;
-    closed: _angular_core.OutputEmitterRef<void>;
-    defaultOptionMerge: _angular_core.Signal<{
-        class: "default" | "type-b" | string;
-        width?: string;
-        maxWidth?: string;
-        height?: string;
-        maxHeight?: string;
-        closeOnButton?: boolean;
-        closeOnEsc?: boolean;
-        closeOnOutsideClick?: boolean;
-    }>;
-    abortController: AbortController | null;
-    isOpenEffect: _angular_core.EffectRef;
-    ngOnDestroy(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShipDialog, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ShipDialog, "sh-dialog", never, { "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; }, { "isOpen": "isOpenChange"; "closed": "closed"; }, never, ["*"], true, never>;
-}
-
-type Exact<T, U> = U extends T ? (keyof U extends keyof T ? U : never) : never;
-type ComponentDataType<T> = T extends TemplateRef<infer C> ? (C extends {
-    $implicit: infer K;
-} ? K : unknown) & Partial<Omit<C, 'close' | '$implicit'>> extends infer R ? keyof R extends never ? void : R : void : T extends {
-    data: InputSignal<infer K>;
-} ? K : void;
-type ComponentClosedType<T> = T extends TemplateRef<infer C> ? C extends {
-    close: (res?: infer U) => void;
-} ? U : undefined : T extends {
-    closed: OutputEmitterRef<infer U>;
-} ? U : undefined;
-interface ShipDialogServiceOptions<TData = any, TResult = undefined> extends ShipDialogOptions {
-    data?: TData extends void ? void : TData & Exact<TData, TData>;
-    closed?: (res: TResult) => void;
-}
-type ShipDialogInstance<T> = {
-    component: T;
-    close: (res?: ComponentClosedType<T>) => void;
-    closed: OutputEmitterRef<ComponentClosedType<T>>;
-};
-type ShipDialogTemplateInstance<T> = {
-    component: undefined;
-    close: (res?: ComponentClosedType<T>) => void;
-    closed: OutputEmitterRef<ComponentClosedType<T>>;
-};
-declare class ShipDialogService {
-    #private;
-    compRef: ComponentRef<ShipDialog> | null;
-    insertedCompRef: ComponentRef<unknown> | null;
-    insertedTemplateRef: EmbeddedViewRef<unknown> | null;
-    closedFieldSub: OutputRefSubscription | null;
-    compClosedSub: OutputRefSubscription | null;
-    open<I, K = ComponentDataType<I>, U = ComponentClosedType<I>, _Options extends ShipDialogServiceOptions<K, U> = ShipDialogServiceOptions<K, U>>(componentOrTemplate: Type<I> | (I extends TemplateRef<any> ? I : never), options?: _Options): I extends TemplateRef<any> ? ShipDialogTemplateInstance<I> : ShipDialogInstance<I>;
-    ngOnDestroy(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShipDialogService, never>;
-    static ɵprov: _angular_core.ɵɵInjectableDeclaration<ShipDialogService>;
-}
-
-declare const __SHIP_COLORS: readonly ["primary", "accent", "warn", "error", "success", ""];
-type ShipColor = (typeof __SHIP_COLORS)[number];
-declare const __SHIP_SIZES: readonly ["small", "xsmall", ""];
-type ShipSize = (typeof __SHIP_SIZES)[number];
-declare const __SHIP_BUTTON_SIZES: readonly ["small", "xsmall", ""];
-type ShipButtonSize = (typeof __SHIP_BUTTON_SIZES)[number];
-declare const __SHIP_ICON_SIZES: readonly ["small", "large", ""];
-type ShipIconSize = (typeof __SHIP_ICON_SIZES)[number];
-declare const __SHIP_SHEET_VARIANTS: readonly ["simple", "outlined", "flat", "raised", ""];
-type ShipSheetVariant = (typeof __SHIP_SHEET_VARIANTS)[number];
-declare const __SHIP_TYPE_VARIANTS: readonly ["type-a", "type-b", "type-c", "type-d", ""];
-type ShipTypeVariant = (typeof __SHIP_TYPE_VARIANTS)[number];
-declare const __SHIP_TABLE_VARIANTS: readonly ["type-a", "type-b", ""];
-type ShipTableVariant = (typeof __SHIP_TABLE_VARIANTS)[number];
-declare const __SHIP_CARD_VARIANTS: readonly ["type-a", "type-b", "type-c", ""];
-type ShipCardVariant = (typeof __SHIP_CARD_VARIANTS)[number];
-declare const __SHIP_BUTTON_GROUP_VARIANTS: readonly ["type-a", "type-b", ""];
-type ShipButtonGroupVariant = (typeof __SHIP_BUTTON_GROUP_VARIANTS)[number];
-declare const __SHIP_FORM_FIELD_VARIANTS: readonly ["base", "horizontal", "auto-width", "autosize", ""];
-type ShipFormFieldVariant = (typeof __SHIP_FORM_FIELD_VARIANTS)[number];
-declare const __SHIP_RANGE_SLIDER_VARIANTS: readonly ["simple", "base", "thick", "outlined", "flat", "raised", ""];
-type ShipRangeSliderVariant = (typeof __SHIP_RANGE_SLIDER_VARIANTS)[number];
-type ShipVariant = ShipSheetVariant | ShipTypeVariant;
-
-declare class ShipAccordion {
-    private selfElement;
-    readonly name: _angular_core.InputSignal<string>;
-    readonly value: _angular_core.ModelSignal<string | null>;
-    readonly allowMultiple: _angular_core.InputSignal<boolean>;
-    readonly variant: _angular_core.InputSignal<ShipVariant | null>;
-    readonly size: _angular_core.InputSignal<string | null>;
-    hostClasses: _angular_core.Signal<string>;
-    protected items: _angular_core.Signal<HTMLDetailsElement[]>;
-    constructor();
-    onToggle(event: Event): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShipAccordion, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ShipAccordion, "sh-accordion", never, { "name": { "alias": "name"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "allowMultiple": { "alias": "allowMultiple"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, ["*"], true, never>;
-}
-
-type Port = {
-    id: string;
-    name: string;
-};
-type BlueprintNode = {
-    id: string;
-    name?: string;
-    coordinates: Coordinates;
-    inputs: Port[];
-    outputs: Port[];
-    connections: Connection[];
-};
-type Connection = {
-    fromNode: string;
-    fromPort: string;
-    toNode: string;
-    toPort: string;
-};
-type DragState = {
-    fromNode: string;
-    fromPort: string;
-    x2: number;
-    y2: number;
-};
-type Coordinates = [x: number, y: number];
-declare const TEST_NODES: BlueprintNode[];
-type ValidationErrors = {
-    duplicateNodeIds: string[];
-    duplicatePortIds: {
-        nodeId: string;
-        duplicatePortIds: string[];
-    }[];
-};
-declare class ShipBlueprint implements AfterViewInit, OnDestroy {
-    #private;
-    asDots: _angular_core.Signal<boolean>;
-    lightMode: _angular_core.Signal<boolean>;
-    forceUnique: _angular_core.InputSignal<boolean>;
-    autoLayout: _angular_core.InputSignal<boolean>;
-    gridSize: _angular_core.InputSignal<number>;
-    snapToGrid: _angular_core.InputSignal<boolean>;
-    gridColor: _angular_core.InputSignal<[string, string]>;
-    nodes: _angular_core.ModelSignal<BlueprintNode[]>;
-    panX: _angular_core.WritableSignal<number>;
-    panY: _angular_core.WritableSignal<number>;
-    zoomLevel: _angular_core.WritableSignal<number>;
-    gridSnapSize: _angular_core.WritableSignal<number>;
-    isHoveringNode: _angular_core.WritableSignal<boolean>;
-    midpointDivPosition: _angular_core.WritableSignal<{
-        x: number;
-        y: number;
-    } | null>;
-    showMidpointDiv: _angular_core.WritableSignal<boolean>;
-    isLocked: _angular_core.WritableSignal<boolean>;
-    draggingConnection: _angular_core.WritableSignal<DragState | null>;
-    validationErrors: _angular_core.WritableSignal<ValidationErrors | null>;
-    highlightedConnection: _angular_core.WritableSignal<Connection | null>;
-    canvasRef: ElementRef<HTMLCanvasElement>;
-    visibleNodes: _angular_core.Signal<BlueprintNode[]>;
-    constructor();
-    ngAfterViewInit(): void;
-    ngOnDestroy(): void;
-    onMouseUp(event: MouseEvent): void;
-    onClick(event: MouseEvent): void;
-    onEscape(): void;
-    onMouseMove(event: MouseEvent): void;
-    onTouchMove(event: TouchEvent): void;
-    onDocumentTouchEnd(event: TouchEvent): void;
-    applyAutolayout(): void;
-    updateCanvasSize(): void;
-    drawCanvas(): void;
-    drawGrid(ctx: CanvasRenderingContext2D): void;
-    drawConnections(ctx: CanvasRenderingContext2D): void;
-    drawDraggingPath(ctx: CanvasRenderingContext2D): void;
-    drawCurvedPath(ctx: CanvasRenderingContext2D, start: Coordinates, end: Coordinates): void;
-    startNodeDrag(event: MouseEvent | TouchEvent, nodeId: string): void;
-    endNodeDrag(): void;
-    nodeDrag(event: MouseEvent | Touch): void;
-    startPortDrag(event: MouseEvent, nodeId: string, portId: string): void;
-    endPortDrag(_: MouseEvent, toNodeId: string, toPortId: string): void;
-    cancelPortDrag(): void;
-    updatePathOnMove(event: MouseEvent | Touch): void;
-    getNodePortPosition(nodeId: string, portId: string): Coordinates;
-    startPan(event: MouseEvent): void;
-    endPan(): void;
-    pan(event: MouseEvent): void;
-    zoom(event: WheelEvent): void;
-    handleTouchStart(event: TouchEvent): void;
-    handleTouchMove(event: TouchEvent): void;
-    handleTouchEnd(): void;
-    closeMidpointDiv(): void;
-    getDisplayCoordinates(node: BlueprintNode): string;
-    removeConnection(): void;
-    getNewNodeCoordinates(panToCoordinates?: boolean): Coordinates;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShipBlueprint, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ShipBlueprint, "sh-blueprint", never, { "forceUnique": { "alias": "forceUnique"; "required": false; "isSignal": true; }; "autoLayout": { "alias": "autoLayout"; "required": false; "isSignal": true; }; "gridSize": { "alias": "gridSize"; "required": false; "isSignal": true; }; "snapToGrid": { "alias": "snapToGrid"; "required": false; "isSignal": true; }; "gridColor": { "alias": "gridColor"; "required": false; "isSignal": true; }; "nodes": { "alias": "nodes"; "required": false; "isSignal": true; }; }, { "nodes": "nodesChange"; }, never, ["*"], true, never>;
-}
-
-declare abstract class ShipSelectionGroup<T = any> {
-    protected readonly itemSelector: string;
-    protected readonly activeClass: string;
-    protected readonly options?: {
-        hostRole?: string;
-        itemRole?: string;
-    } | undefined;
-    protected readonly hostElement: any;
-    protected items: _angular_core.Signal<HTMLElement[]>;
-    readonly value: _angular_core.ModelSignal<T | null>;
-    readonly closable: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
-    readonly manualActivation: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
-    constructor(itemSelector: string, activeClass: string, options?: {
-        hostRole?: string;
-        itemRole?: string;
-    } | undefined);
-    protected onClick(target: EventTarget | null): void;
-    protected onKeyDown(event: KeyboardEvent): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShipSelectionGroup<any>, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ShipSelectionGroup<any>, never, never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "closable": { "alias": "closable"; "required": false; "isSignal": true; }; "manualActivation": { "alias": "manualActivation"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
-}
-
-declare class ShipButtonGroup extends ShipSelectionGroup<string> {
-    id: string;
-    color: _angular_core.InputSignal<"" | "primary" | "accent" | "warn" | "error" | "success" | null>;
-    variant: _angular_core.InputSignal<"" | "type-a" | "type-b" | null>;
-    size: _angular_core.InputSignal<"" | "small" | "xsmall" | null>;
-    constructor();
-    hostClasses: _angular_core.Signal<string>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShipButtonGroup, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ShipButtonGroup, "sh-button-group", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
-}
-
-declare class ShipButton {
-    color: _angular_core.InputSignal<"" | "primary" | "accent" | "warn" | "error" | "success" | null>;
-    variant: _angular_core.InputSignal<"" | "simple" | "outlined" | "flat" | "raised" | null>;
-    size: _angular_core.InputSignal<"" | "small" | "xsmall" | null>;
-    readonly: _angular_core.InputSignal<boolean>;
-    hostClasses: _angular_core.Signal<string>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShipButton, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ShipButton, "[shButton]", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
-}
-
-declare class ShipCard {
-    color: _angular_core.InputSignal<"" | "primary" | "accent" | "warn" | "error" | "success" | null>;
-    variant: _angular_core.InputSignal<"" | "type-a" | "type-b" | "type-c" | null>;
-    hostClasses: _angular_core.Signal<string>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShipCard, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ShipCard, "sh-card", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
-}
-
-declare class ShipCheckbox {
-    private readonly _elementRef;
-    internalInput: _angular_core.Signal<ElementRef<HTMLInputElement> | undefined>;
-    projectedInputs: _angular_core.Signal<HTMLInputElement[]>;
-    checked: _angular_core.ModelSignal<boolean>;
-    currentClassList: _angular_core.Signal<string>;
-    color: _angular_core.InputSignal<"" | "primary" | "accent" | "warn" | "error" | "success" | null>;
-    variant: _angular_core.InputSignal<"" | "simple" | "outlined" | "flat" | "raised" | null>;
-    readonly: _angular_core.InputSignal<boolean>;
-    disabled: _angular_core.InputSignal<boolean>;
-    noInternalInput: _angular_core.InputSignal<boolean>;
-    protected onInternalInputChange(event: Event): void;
-    hostClasses: _angular_core.Signal<string>;
-    protected onEnter(event: Event): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShipCheckbox, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ShipCheckbox, "sh-checkbox", never, { "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "noInternalInput": { "alias": "noInternalInput"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; }, never, ["*"], true, never>;
-}
-
-declare class ShipChip {
-    color: _angular_core.InputSignal<"" | "primary" | "accent" | "warn" | "error" | "success" | null>;
-    variant: _angular_core.InputSignal<"" | "simple" | "outlined" | "flat" | "raised" | null>;
-    size: _angular_core.InputSignal<"" | "small" | "xsmall" | null>;
-    sharp: _angular_core.InputSignal<boolean | undefined>;
-    dynamic: _angular_core.InputSignal<boolean | undefined>;
-    readonly: _angular_core.InputSignal<boolean>;
-    hostClasses: _angular_core.Signal<string>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShipChip, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ShipChip, "sh-chip", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "sharp": { "alias": "sharp"; "required": false; "isSignal": true; }; "dynamic": { "alias": "dynamic"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
-}
-
-type R = number;
-type G = number;
-type B = number;
-type A = number;
-declare class ShipColorPicker {
-    #private;
-    readonly canvasRef: _angular_core.Signal<ElementRef<HTMLCanvasElement>>;
-    showDarkColors: _angular_core.InputSignal<boolean>;
-    renderingType: _angular_core.InputSignal<"hsl" | "grid" | "hue" | "rgb" | "saturation" | "alpha">;
-    gridSize: _angular_core.InputSignal<number>;
-    hue: _angular_core.ModelSignal<number>;
-    direction: _angular_core.InputSignal<"horizontal" | "vertical">;
-    selectedColor: _angular_core.ModelSignal<[number, number, number, (number | undefined)?]>;
-    alpha: _angular_core.ModelSignal<number>;
-    currentColor: _angular_core.OutputEmitterRef<{
-        rgb: string;
-        rgba: string;
-        hex: string;
-        hex8: string;
-        hsl: string;
-        hsla: string;
-        hue: number;
-        saturation: number;
-        alpha: number;
-    }>;
-    centerLightness: _angular_core.Signal<200 | 100>;
-    isDragging: _angular_core.WritableSignal<boolean>;
-    markerPosition: _angular_core.WritableSignal<{
-        x: string;
-        y: string;
-    }>;
-    _pos: {
-        x: string;
-        y: string;
-    };
-    _markerPosition: _angular_core.EffectRef;
-    selectedColorRgb: _angular_core.Signal<string>;
-    selectedColorHex: _angular_core.Signal<string>;
-    selectedColorHsl: _angular_core.Signal<string>;
-    alphaEffect: _angular_core.EffectRef;
-    _prevColorStr: string;
-    selectedColorEffect: _angular_core.EffectRef;
-    private alphaColorRedrawEffect;
-    onResize(): void;
-    private previousLayoutHash;
-    private previousHue;
-    private getLayoutHash;
-    private renderingTypeEffect;
-    initColor: [R, G, B, A?] | null;
-    ngAfterViewInit(): void;
-    ngOnDestroy(): void;
-    private updateMarkerFromColor;
-    private findPositionByColor;
-    private adjustMarkerPosition;
-    private initCanvasEvents;
-    private setCanvasSize;
-    private getColorAtPosition;
-    private updateColorAndMarker;
-    private drawColorPicker;
-    private drawAlpha;
-    private drawRgb;
-    private drawSaturation;
-    private drawHue;
-    private drawColorWheel;
-    private drawGrid;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShipColorPicker, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ShipColorPicker, "sh-color-picker", never, { "showDarkColors": { "alias": "showDarkColors"; "required": false; "isSignal": true; }; "renderingType": { "alias": "renderingType"; "required": false; "isSignal": true; }; "gridSize": { "alias": "gridSize"; "required": false; "isSignal": true; }; "hue": { "alias": "hue"; "required": false; "isSignal": true; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "selectedColor": { "alias": "selectedColor"; "required": false; "isSignal": true; }; "alpha": { "alias": "alpha"; "required": false; "isSignal": true; }; }, { "hue": "hueChange"; "selectedColor": "selectedColorChange"; "alpha": "alphaChange"; "currentColor": "currentColor"; }, never, never, true, never>;
-}
-
-declare class ShipColorPickerInput {
-    #private;
-    renderingType: _angular_core.InputSignal<"hsl" | "grid" | "hue" | "rgb" | "saturation" | "alpha">;
-    format: _angular_core.InputSignal<"hsl" | "rgb" | "rgba" | "hex" | "hex8" | "hsla">;
-    color: _angular_core.InputSignal<"" | "primary" | "accent" | "warn" | "error" | "success" | null>;
-    variant: _angular_core.InputSignal<"" | "base" | "horizontal" | "auto-width" | "autosize" | null>;
-    size: _angular_core.InputSignal<"" | "small" | "xsmall" | null>;
-    readonly: _angular_core.InputSignal<boolean>;
-    closed: _angular_core.OutputEmitterRef<string>;
-    isOpen: _angular_core.ModelSignal<boolean>;
-    currentClass: _angular_core.Signal<string>;
-    isEyeDropperSupported: boolean;
-    showEyeDropper: _angular_core.InputSignal<boolean>;
-    internalHue: _angular_core.WritableSignal<number>;
-    internalAlpha: _angular_core.WritableSignal<number>;
-    internalColorTuple: _angular_core.WritableSignal<[number, number, number, (number | undefined)?]>;
-    hasAlpha: _angular_core.Signal<boolean>;
-    formattedColorString: _angular_core.Signal<string>;
-    pureHueColor: _angular_core.Signal<[number, number, number]>;
-    onMainColorChange(colorObj: any): void;
-    onHuePickerChange(colorObj: any): void;
-    openEyeDropper(event: MouseEvent): Promise<void>;
-    close(): void;
-    private parseAndSetColor;
-    private hslToRgbExact;
-    private rgbToHex;
-    private rgbaToHex8;
-    private rgbToHsl;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShipColorPickerInput, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ShipColorPickerInput, "sh-color-picker-input", never, { "renderingType": { "alias": "renderingType"; "required": false; "isSignal": true; }; "format": { "alias": "format"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; "showEyeDropper": { "alias": "showEyeDropper"; "required": false; "isSignal": true; }; }, { "closed": "closed"; "isOpen": "isOpenChange"; }, never, ["label", "[prefix]", "[textPrefix]", "input", "[textSuffix]", "[suffix]"], true, never>;
-}
-
-declare class ShipDatepicker {
-    #private;
-    date: _angular_core.ModelSignal<Date | null>;
-    endDate: _angular_core.ModelSignal<Date | null>;
-    asRange: _angular_core.InputSignal<boolean>;
-    activeRangeSelection: _angular_core.InputSignal<"start" | "end" | null>;
-    monthsToShow: _angular_core.InputSignal<number>;
-    disabled: _angular_core.InputSignal<boolean>;
-    tabbedOut: _angular_core.OutputEmitterRef<void>;
-    startOfWeek: _angular_core.InputSignal<number>;
-    weekdayLabels: _angular_core.InputSignal<string[]>;
-    daysRef: _angular_core.Signal<ElementRef<HTMLDivElement> | undefined>;
-    currentDate: _angular_core.WritableSignal<Date>;
-    monthOffsets: _angular_core.Signal<number[]>;
-    selectedDateStylePosition: _angular_core.WritableSignal<{
-        transform: string;
-        opacity: string;
-    } | null>;
-    weekdays: _angular_core.Signal<string[]>;
-    currentClasses: _angular_core.Signal<string>;
-    someEffect: _angular_core.EffectRef;
-    getLastVisibleMonth(): Date;
-    getOffsetDate(monthOffset: number): Date;
-    getMonthDates(monthOffset: number): Date[];
-    ngOnInit(): void;
-    nextMonth(): void;
-    previousMonth(): void;
-    setDate(newDate: Date, selectedElement: HTMLElement): void;
-    isDateSelected(date: Date): string | null;
-    setSelectedDateStylePosition(selectedElement: HTMLElement): void;
-    getMonthName(date: Date): string;
-    getFullYear(date: Date): number;
-    isCurrentMonth(date: Date, monthOffset: number): boolean;
-    focusedDate: _angular_core.WritableSignal<Date | null>;
-    isSameDay(d1: Date | null | undefined, d2: Date | null | undefined): boolean;
-    getAriaLabel(date: Date): string;
-    getTabIndex(date: Date): number;
-    isDateSelectedBool(date: Date): boolean;
-    onKeydown(event: KeyboardEvent, date: Date): void;
-    ensureDateVisible(date: Date): void;
-    focusActiveDate(): void;
-    onFocusOut(event: FocusEvent): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShipDatepicker, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ShipDatepicker, "sh-datepicker", never, { "date": { "alias": "date"; "required": false; "isSignal": true; }; "endDate": { "alias": "endDate"; "required": false; "isSignal": true; }; "asRange": { "alias": "asRange"; "required": false; "isSignal": true; }; "activeRangeSelection": { "alias": "activeRangeSelection"; "required": false; "isSignal": true; }; "monthsToShow": { "alias": "monthsToShow"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "startOfWeek": { "alias": "startOfWeek"; "required": false; "isSignal": true; }; "weekdayLabels": { "alias": "weekdayLabels"; "required": false; "isSignal": true; }; }, { "date": "dateChange"; "endDate": "endDateChange"; "tabbedOut": "tabbedOut"; }, never, never, true, never>;
-}
-
-declare class ShipDatepickerInput {
-    #private;
-    ngControl: _angular_core.Signal<NgControl | undefined>;
-    masking: _angular_core.InputSignal<string>;
-    closed: _angular_core.OutputEmitterRef<Date | null>;
-    _maskedDate: _angular_core.Signal<string | Date | null>;
-    internalDate: _angular_core.WritableSignal<Date | null>;
-    isOpen: _angular_core.ModelSignal<boolean>;
-    currentClass: _angular_core.Signal<string>;
-    datepicker: _angular_core.Signal<ShipDatepicker | undefined>;
-    onFocusOut(event: FocusEvent): void;
-    onDateChange(date: Date | null): void;
-    close(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShipDatepickerInput, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ShipDatepickerInput, "sh-datepicker-input", never, { "masking": { "alias": "masking"; "required": false; "isSignal": true; }; "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; }, { "closed": "closed"; "isOpen": "isOpenChange"; }, ["ngControl"], ["label", "[prefix]", "[textPrefix]", "input", "[textSuffix]", "[suffix]"], true, never>;
-}
-
-declare class ShipDaterangeInput {
-    #private;
-    monthsToShow: _angular_core.InputSignal<number>;
-    masking: _angular_core.InputSignal<string>;
-    closed: _angular_core.OutputEmitterRef<{
-        start: Date | null;
-        end: Date | null;
-    }>;
-    startDate: _angular_core.WritableSignal<Date | null>;
-    endDate: _angular_core.WritableSignal<Date | null>;
-    activeInput: _angular_core.WritableSignal<"start" | "end">;
-    isOpen: _angular_core.ModelSignal<boolean>;
-    datepicker: _angular_core.Signal<ShipDatepicker | undefined>;
-    get classes(): string;
-    _maskedStartDate: _angular_core.Signal<string | null>;
-    _maskedEndDate: _angular_core.Signal<string | null>;
-    constructor();
-    private setupInput;
-    onFocusOut(event: FocusEvent): void;
-    onStartDateChange(date: Date | null): void;
-    onEndDateChange(date: Date | null): void;
-    private updateInputValue;
-    private dispatchInputEvent;
-    close(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShipDaterangeInput, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ShipDaterangeInput, "sh-daterange-input", never, { "monthsToShow": { "alias": "monthsToShow"; "required": false; "isSignal": true; }; "masking": { "alias": "masking"; "required": false; "isSignal": true; }; "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; }, { "closed": "closed"; "isOpen": "isOpenChange"; }, never, ["label", "[prefix]", "[textPrefix]", "input", "[textSuffix]", "[suffix]"], true, never>;
-}
-
-declare class ShipDivider {
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShipDivider, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ShipDivider, "sh-divider", never, {}, {}, never, ["*"], true, never>;
-}
-
-declare class ShipEventCard {
-    color: _angular_core.InputSignal<"" | "primary" | "accent" | "warn" | "error" | "success" | null>;
-    variant: _angular_core.InputSignal<"" | "simple" | "outlined" | "flat" | "raised" | null>;
-    hostClasses: _angular_core.Signal<string>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShipEventCard, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ShipEventCard, "sh-event-card", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, {}, never, ["*", "[actions]", "button"], true, never>;
-}
-
-declare class ShipFileUpload {
-    _el: ElementRef<any>;
-    inputRef: _angular_core.Signal<ElementRef<HTMLInputElement>>;
-    filesOver: _angular_core.WritableSignal<boolean>;
-    multiple: _angular_core.InputSignal<boolean | null | undefined>;
-    accept: _angular_core.InputSignal<string | null>;
-    placeholder: _angular_core.ModelSignal<string>;
-    overlayText: _angular_core.InputSignal<string>;
-    files: _angular_core.ModelSignal<File[]>;
-    fileUploadClasses: _angular_core.Signal<any>;
-    handleFileUpload(newFiles: File[]): void;
-    inputEffect: _angular_core.EffectRef;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShipFileUpload, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ShipFileUpload, "sh-file-upload", never, { "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "accept": { "alias": "accept"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "overlayText": { "alias": "overlayText"; "required": false; "isSignal": true; }; "files": { "alias": "files"; "required": false; "isSignal": true; }; }, { "placeholder": "placeholderChange"; "files": "filesChange"; }, never, ["label"], true, never>;
-}
-
-declare class ShipFormField {
-    #private;
-    color: _angular_core.InputSignal<"" | "primary" | "accent" | "warn" | "error" | "success" | null>;
-    variant: _angular_core.InputSignal<"" | "base" | "horizontal" | "auto-width" | "autosize" | null>;
-    size: _angular_core.InputSignal<"" | "small" | "xsmall" | null>;
-    readonly: _angular_core.InputSignal<boolean>;
-    hostClasses: _angular_core.Signal<string>;
-    onClick(): void;
-    constructor();
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShipFormField, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ShipFormField, "sh-form-field", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; }, {}, never, ["label", "[boxPrefix]", "[prefix]", "[textPrefix]", "input", "textarea", "[textSuffix]", "[suffix]", "[boxSuffix]", "[error]", "[hint]"], true, never>;
-}
-
-declare class ShipIcon implements AfterContentInit {
-    #private;
-    color: _angular_core.InputSignal<"" | "primary" | "accent" | "warn" | "error" | "success" | null>;
-    size: _angular_core.InputSignal<"" | "small" | "large" | null>;
-    hostClasses: _angular_core.Signal<string>;
-    ngAfterContentInit(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShipIcon, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ShipIcon, "sh-icon", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
-}
-
-declare class ShipList {
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShipList, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ShipList, "sh-list", never, {}, {}, never, ["*"], true, never>;
-}
-
-declare class ShipMenu {
-    #private;
-    asMultiLayer: _angular_core.InputSignal<boolean>;
-    openIndicator: _angular_core.InputSignal<boolean>;
-    disabled: _angular_core.InputSignal<boolean>;
-    customOptionElementSelectors: _angular_core.InputSignal<string[]>;
-    keepClickedOptionActive: _angular_core.InputSignal<boolean>;
-    closeOnClick: _angular_core.InputSignal<boolean>;
-    isOpen: _angular_core.ModelSignal<boolean>;
-    closed: _angular_core.OutputEmitterRef<boolean>;
-    searchable: _angular_core.InputSignal<boolean>;
-    activeOptionIndex: _angular_core.WritableSignal<number>;
-    inputRef: _angular_core.Signal<ElementRef<HTMLInputElement> | undefined>;
-    optionsRef: _angular_core.Signal<ElementRef<HTMLDivElement> | undefined>;
-    private static openMenus;
-    openMenusEffect: _angular_core.EffectRef;
-    options: {
-        signal: _angular_core.Signal<HTMLButtonElement[]>;
-        destroy: () => void;
-    };
-    optionsEl: _angular_core.Signal<HTMLButtonElement[]>;
-    inputValue: _angular_core.WritableSignal<string | undefined>;
-    readonly optionsId: string;
-    activeOptionId: _angular_core.WritableSignal<string | undefined>;
-    abortController: AbortController | null;
-    optionsEffect: _angular_core.EffectRef;
-    keyDownEventListener: (e: KeyboardEvent) => void;
-    _lastElementList: HTMLButtonElement[];
-    activeElements: _angular_core.WritableSignal<HTMLButtonElement[]>;
-    lastInputValue: string;
-    inputValueEffect: _angular_core.EffectRef;
-    toggleIsOpen(event: MouseEvent): void;
-    open(): void;
-    onShipMenuOpen(event: Event): void;
-    activeOptionIndexEffect: _angular_core.EffectRef;
-    nextActiveIndex(activeIndex: number): number;
-    prevActiveIndex(activeIndex: number): number;
-    close(action?: 'fromPopover' | 'closed' | 'active', event?: MouseEvent): void;
-    ngOnDestroy(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShipMenu, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ShipMenu, "sh-menu", never, { "asMultiLayer": { "alias": "asMultiLayer"; "required": false; "isSignal": true; }; "openIndicator": { "alias": "openIndicator"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "customOptionElementSelectors": { "alias": "customOptionElementSelectors"; "required": false; "isSignal": true; }; "keepClickedOptionActive": { "alias": "keepClickedOptionActive"; "required": false; "isSignal": true; }; "closeOnClick": { "alias": "closeOnClick"; "required": false; "isSignal": true; }; "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; "searchable": { "alias": "searchable"; "required": false; "isSignal": true; }; }, { "isOpen": "isOpenChange"; "closed": "closed"; }, never, ["*", "[menu]"], true, never>;
-}
-
-type ShipPopoverOptions = {
-    width?: string;
-    height?: string;
-    closeOnButton?: boolean;
-    closeOnEsc?: boolean;
-};
-declare class ShipPopover {
-    #private;
-    SUPPORTS_ANCHOR: boolean;
-    asMultiLayer: _angular_core.InputSignal<boolean>;
-    asSheetOnMobile: _angular_core.InputSignal<boolean>;
-    disableOpenByClick: _angular_core.InputSignal<boolean>;
-    isOpen: _angular_core.ModelSignal<boolean>;
-    options: _angular_core.InputSignal<Partial<ShipPopoverOptions> | undefined>;
-    closed: _angular_core.OutputEmitterRef<void>;
-    defaultOptionMerge: _angular_core.Signal<{
-        width?: string;
-        height?: string;
-        closeOnButton?: boolean;
-        closeOnEsc?: boolean;
-    }>;
-    triggerRef: _angular_core.Signal<ElementRef<HTMLElement>>;
-    popoverRef: _angular_core.Signal<ElementRef<HTMLElement> | undefined>;
-    popoverContentRef: _angular_core.Signal<ElementRef<HTMLElement> | undefined>;
-    id: _angular_core.WritableSignal<string>;
-    menuStyle: _angular_core.WritableSignal<any>;
-    openAbort: AbortController | null;
-    openEffect: _angular_core.EffectRef;
-    toggleIsOpen(event: MouseEvent): void;
-    eventClose($event: MouseEvent): void;
-    ngOnDestroy(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShipPopover, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ShipPopover, "sh-popover", never, { "asMultiLayer": { "alias": "asMultiLayer"; "required": false; "isSignal": true; }; "asSheetOnMobile": { "alias": "asSheetOnMobile"; "required": false; "isSignal": true; }; "disableOpenByClick": { "alias": "disableOpenByClick"; "required": false; "isSignal": true; }; "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; }, { "isOpen": "isOpenChange"; "closed": "closed"; }, never, ["[trigger]", "button", "[shButton]", "*"], true, never>;
-}
-
-type ShipProgressBarMode = 'determinate' | 'indeterminate';
-declare class ShipProgressBar {
-    value: _angular_core.InputSignal<number | undefined>;
-    color: _angular_core.InputSignal<"" | "primary" | "accent" | "warn" | "error" | "success" | null>;
-    variant: _angular_core.InputSignal<"" | "simple" | "outlined" | "flat" | "raised" | null>;
-    hostClasses: _angular_core.Signal<string>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShipProgressBar, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ShipProgressBar, "sh-progress-bar", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-
-declare class ShipRadio {
-    private readonly _elementRef;
-    internalInput: _angular_core.Signal<ElementRef<HTMLInputElement> | undefined>;
-    projectedInputs: _angular_core.Signal<HTMLInputElement[]>;
-    checked: _angular_core.ModelSignal<boolean>;
-    currentClassList: _angular_core.Signal<string>;
-    color: _angular_core.InputSignal<"" | "primary" | "accent" | "warn" | "error" | "success" | null>;
-    variant: _angular_core.InputSignal<"" | "simple" | "outlined" | "flat" | "raised" | null>;
-    readonly: _angular_core.InputSignal<boolean>;
-    disabled: _angular_core.InputSignal<boolean>;
-    noInternalInput: _angular_core.InputSignal<boolean>;
-    protected onInternalInputChange(event: Event): void;
-    hostClasses: _angular_core.Signal<string>;
-    protected onEnter(event: Event): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShipRadio, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ShipRadio, "sh-radio", never, { "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "noInternalInput": { "alias": "noInternalInput"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; }, never, ["*"], true, never>;
-}
-
-declare class ShipRangeSlider {
-    #private;
-    unit: _angular_core.InputSignal<string>;
-    value: _angular_core.ModelSignal<number>;
-    inputState: _angular_core.WritableSignal<{
-        min: number;
-        max: number;
-        step: number;
-    }>;
-    readonly color: _angular_core.InputSignal<"" | "primary" | "accent" | "warn" | "error" | "success" | null>;
-    readonly variant: _angular_core.InputSignal<"" | "simple" | "outlined" | "flat" | "raised" | "base" | "thick" | null>;
-    readonly size: _angular_core.InputSignal<"" | "small" | "xsmall" | null>;
-    readonly sharp: _angular_core.InputSignal<boolean | undefined>;
-    readonly alwaysShow: _angular_core.InputSignal<boolean | undefined>;
-    hostClasses: _angular_core.Signal<string>;
-    valuePercentage: _angular_core.Signal<number>;
-    trackFilledPercentage: _angular_core.Signal<number>;
-    thumbPositionPercentage: _angular_core.Signal<number>;
-    syncModelToInputEffect: _angular_core.EffectRef;
-    get hasInputElement(): boolean;
-    ngAfterViewInit(): void;
-    setNewInputValue(value: string): void;
-    trackEvent(e: MouseEvent): void;
-    ngOnDestroy(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShipRangeSlider, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ShipRangeSlider, "sh-range-slider", never, { "unit": { "alias": "unit"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "sharp": { "alias": "sharp"; "required": false; "isSignal": true; }; "alwaysShow": { "alias": "alwaysShow"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, ["label", "input[type=range]"], true, never>;
-}
-
-type ValidateFreeText = (value: string) => boolean;
-declare class ShipSelect {
-    #private;
-    value: _angular_core.InputSignal<string | undefined>;
-    label: _angular_core.InputSignal<string | undefined>;
-    asFreeText: _angular_core.InputSignal<boolean>;
-    color: _angular_core.InputSignal<"" | "primary" | "accent" | "warn" | "error" | "success" | null>;
-    variant: _angular_core.InputSignal<"" | "base" | "horizontal" | "auto-width" | "autosize" | null>;
-    size: _angular_core.InputSignal<"" | "small" | "xsmall" | null>;
-    optionTitle: _angular_core.InputSignal<string | null>;
-    freeTextTitle: _angular_core.InputSignal<string | null>;
-    freeTextPlaceholder: _angular_core.InputSignal<string | null>;
-    validateFreeText: _angular_core.InputSignal<ValidateFreeText | undefined>;
-    placeholder: _angular_core.InputSignal<string | undefined>;
-    readonly: _angular_core.ModelSignal<boolean>;
-    disabled: _angular_core.ModelSignal<boolean>;
-    hostClasses: _angular_core.Signal<string>;
-    lazySearch: _angular_core.InputSignal<boolean>;
-    inlineSearch: _angular_core.InputSignal<boolean>;
-    asText: _angular_core.InputSignal<boolean>;
-    isClearable: _angular_core.InputSignal<boolean>;
-    selectMultiple: _angular_core.InputSignal<boolean>;
-    optionTemplate: _angular_core.InputSignal<TemplateRef<unknown> | null>;
-    selectedOptionTemplate: _angular_core.InputSignal<TemplateRef<unknown> | null>;
-    placeholderTemplate: _angular_core.InputSignal<TemplateRef<unknown> | null>;
-    freeTextOptionTemplate: _angular_core.InputSignal<TemplateRef<unknown> | null>;
-    isOpen: _angular_core.ModelSignal<boolean>;
-    isLoading: _angular_core.ModelSignal<boolean>;
-    options: _angular_core.ModelSignal<unknown[]>;
-    selectedOptions: _angular_core.ModelSignal<unknown[]>;
-    cleared: _angular_core.OutputEmitterRef<void>;
-    onAddNewFreeTextOption: _angular_core.OutputEmitterRef<string>;
-    spacedSelectedOptions: _angular_core.Signal<string>;
-    computedFreeTextOption: _angular_core.Signal<string | Record<string, any>>;
-    inlineTemplate: _angular_core.Signal<TemplateRef<unknown> | undefined>;
-    optionsWrapRef: _angular_core.Signal<ElementRef<HTMLDivElement>>;
-    inputRefInput: _angular_core.WritableSignal<ElementRef<HTMLInputElement> | null>;
-    inputValue: _angular_core.WritableSignal<string>;
-    prevInputValue: _angular_core.WritableSignal<string | null>;
-    focusedOptionIndex: _angular_core.WritableSignal<number>;
-    _isClearable: _angular_core.Signal<boolean>;
-    selectClasses: _angular_core.Signal<string>;
-    stretch: _angular_core.Signal<boolean>;
-    small: _angular_core.Signal<boolean>;
-    placeholderText: _angular_core.Signal<string | null>;
-    selectedOptionValues: _angular_core.Signal<unknown[]>;
-    filteredOptions: _angular_core.Signal<unknown[]>;
-    componentId: string;
-    inputRefEl: _angular_core.Signal<HTMLInputElement | null | undefined>;
-    focusEffect: _angular_core.EffectRef;
-    openAbortController: AbortController | null;
-    isOpenEffect: _angular_core.EffectRef;
-    _inputValue: string;
-    inputValueEffect: _angular_core.EffectRef;
-    inputRefElEffect: _angular_core.EffectRef;
-    selectedLabels: _angular_core.Signal<string>;
-    inputState: _angular_core.Signal<"open" | "closed" | "selected" | "loading" | "open-searching" | "searching">;
-    hasSearch: _angular_core.Signal<boolean>;
-    ngOnInit(): void;
-    setInitInput(): void;
-    setSelectedOptionsFromValue(value: string): void;
-    setInputValueFromOptions(options: unknown[]): void;
-    getValue(option: unknown): unknown;
-    getLabel(option: unknown): unknown;
-    getOptionId(index: number): string;
-    toggleOptionByIndex(optionIndex: number, event?: MouseEvent, enterKey?: boolean): void;
-    removeSelectedOptionByIndex($event: MouseEvent, optionRemoveIndex: number): void;
-    isSelected(optionIndex: number): boolean;
-    open(): void;
-    close(): void;
-    clear($event?: MouseEvent): void;
-    updateInputElValue(): void;
-    ngOnDestroy(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShipSelect, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ShipSelect, "sh-select", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "asFreeText": { "alias": "asFreeText"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "optionTitle": { "alias": "optionTitle"; "required": false; "isSignal": true; }; "freeTextTitle": { "alias": "freeTextTitle"; "required": false; "isSignal": true; }; "freeTextPlaceholder": { "alias": "freeTextPlaceholder"; "required": false; "isSignal": true; }; "validateFreeText": { "alias": "validateFreeText"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "lazySearch": { "alias": "lazySearch"; "required": false; "isSignal": true; }; "inlineSearch": { "alias": "inlineSearch"; "required": false; "isSignal": true; }; "asText": { "alias": "asText"; "required": false; "isSignal": true; }; "isClearable": { "alias": "isClearable"; "required": false; "isSignal": true; }; "selectMultiple": { "alias": "selectMultiple"; "required": false; "isSignal": true; }; "optionTemplate": { "alias": "optionTemplate"; "required": false; "isSignal": true; }; "selectedOptionTemplate": { "alias": "selectedOptionTemplate"; "required": false; "isSignal": true; }; "placeholderTemplate": { "alias": "placeholderTemplate"; "required": false; "isSignal": true; }; "freeTextOptionTemplate": { "alias": "freeTextOptionTemplate"; "required": false; "isSignal": true; }; "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "selectedOptions": { "alias": "selectedOptions"; "required": false; "isSignal": true; }; }, { "readonly": "readonlyChange"; "disabled": "disabledChange"; "isOpen": "isOpenChange"; "isLoading": "isLoadingChange"; "options": "optionsChange"; "selectedOptions": "selectedOptionsChange"; "cleared": "cleared"; "onAddNewFreeTextOption": "onAddNewFreeTextOption"; }, ["inlineTemplate"], ["label", "[prefix]", "[boxPrefix]", "input", "textarea"], true, never>;
-}
-
-type ShipSidenavType = 'overlay' | 'simple' | '';
-declare function watchHostClass(className: string): WritableSignal<boolean>;
-declare class ShipSidenav {
-    #private;
-    openWidth: number;
-    openWidthTreshold: number;
-    disableDrag: _angular_core.InputSignal<boolean>;
-    isOpen: _angular_core.ModelSignal<boolean>;
-    isOverlay: WritableSignal<boolean>;
-    dragImageElement: _angular_core.Signal<ElementRef<HTMLDivElement>>;
-    dragIsEnding: WritableSignal<boolean>;
-    dragIsOnScreen: WritableSignal<boolean>;
-    isDragging: WritableSignal<boolean>;
-    dragPositionX: WritableSignal<number>;
-    dragActualPositionX: _angular_core.Signal<number>;
-    draggingStyle: _angular_core.Signal<string | null>;
-    draggingEffect: _angular_core.EffectRef;
-    drop(e: DragEvent): void;
-    dragEnd(e: DragEvent): void;
-    dragEnter(): void;
-    dragLeave(): void;
-    dragStart(e: DragEvent): void;
-    drag(e: DragEvent): void;
-    touchStart(e: TouchEvent): void;
-    touchMove(e: TouchEvent): void;
-    touchEnd(e: TouchEvent): void;
-    touchCancel(e: TouchEvent): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShipSidenav, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ShipSidenav, "sh-sidenav", never, { "disableDrag": { "alias": "disableDrag"; "required": false; "isSignal": true; }; "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; }, { "isOpen": "isOpenChange"; }, never, ["[sidenav]", "[sidenav-closed-topbar]", "*"], true, never>;
-}
-
-type AfterDropResponse = {
-    fromIndex: number;
-    toIndex: number;
-};
-type CrossDropResponse = {
-    previousContainer: ShipSortable;
-    currentContainer: ShipSortable;
-    previousIndex: number;
-    currentIndex: number;
-};
-type ShipDropEvent = {
-    previousContainer: ShipSortable;
-    container: ShipSortable;
-    previousIndex: number;
-    currentIndex: number;
-};
-interface SortableManagerConfig {
-    /**
-     * If provided, this hook is evaluated before the Signals are modified.
-     * Return `true`/`Observable<true>` to accept the drop, or false to reject.
-     */
-    onBeforeDrop?: (event: ShipDropEvent) => boolean | Promise<boolean> | Observable<boolean>;
-}
-declare function createSortableManager<T>(signals: WritableSignal<T[]> | Record<string, WritableSignal<T[]>>, config?: SortableManagerConfig): {
-    drop(event: ShipDropEvent): Promise<void>;
-};
-declare class ShipSortable implements OnInit, OnDestroy {
-    #private;
-    shSortable: _angular_core.InputSignal<any>;
-    sortableGroup: _angular_core.InputSignal<string | undefined>;
-    sortDrop: _angular_core.OutputEmitterRef<ShipDropEvent>;
-    afterDrop: _angular_core.OutputEmitterRef<AfterDropResponse>;
-    crossDrop: _angular_core.OutputEmitterRef<CrossDropResponse>;
-    dragStartIndex: WritableSignal<number>;
-    dragToIndex: WritableSignal<number>;
-    initialPositions: WritableSignal<{
-        x: number;
-        y: number;
-        width: number;
-        height: number;
-    }[]>;
-    dragables: WritableSignal<HTMLElement[]>;
-    static activeSource: ShipSortable | null;
-    static activeDraggedElement: HTMLElement | null;
-    static activeTarget: ShipSortable | null;
-    abortController: AbortController | null;
-    isDropping: boolean;
-    isCrossTarget: boolean;
-    draggingEffect: _angular_core.EffectRef;
-    draggablesEffect: _angular_core.EffectRef;
-    getIndexOfElement(element: HTMLElement): number;
-    dragStart(e: DragEvent): void;
-    ngOnInit(): void;
-    dragEnter(e: DragEvent): void;
-    dragLeave(e: DragEvent): void;
-    dragOver(e: DragEvent): void;
-    getVisualIndexOfElement(i: number): number;
-    drop(): void;
-    dragEnd(): void;
-    ngOnDestroy(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShipSortable, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ShipSortable, "[shSortable]", never, { "shSortable": { "alias": "shSortable"; "required": false; "isSignal": true; }; "sortableGroup": { "alias": "sortableGroup"; "required": false; "isSignal": true; }; }, { "sortDrop": "sortDrop"; "afterDrop": "afterDrop"; "crossDrop": "crossDrop"; }, never, never, true, never>;
-}
-declare function moveIndex<T = any>(array: T[], event: Pick<ShipDropEvent, 'previousIndex' | 'currentIndex'> | Pick<AfterDropResponse, 'fromIndex' | 'toIndex'>): T[];
-declare function transferArrayItem<T = any>(currentArray: T[], targetArray: T[], currentIndex: number, targetIndex: number): void;
-
-declare class ShipSpinner {
-    color: _angular_core.InputSignal<"" | "primary" | "accent" | "warn" | "error" | "success" | null>;
-    hostClasses: _angular_core.Signal<string>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShipSpinner, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ShipSpinner, "sh-spinner", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-
-declare class ShipStepper extends ShipSelectionGroup<string> {
-    color: _angular_core.InputSignal<"" | "primary" | "accent" | "warn" | "error" | "success" | null>;
-    constructor();
-    hostClasses: _angular_core.Signal<string>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShipStepper, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ShipStepper, "sh-stepper", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
-}
-
-declare class ShipResize {
-    #private;
-    resizable: _angular_core.InputSignal<boolean>;
-    minWidth: _angular_core.InputSignal<number>;
-    maxWidth: _angular_core.InputSignal<number | null>;
-    ngOnInit(): void;
-    onMouseMove(event: MouseEvent): void;
-    onMouseUp(event: MouseEvent): void;
-    onClick(event: MouseEvent): void;
-    ngOnDestroy(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShipResize, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ShipResize, "[shResize]", never, { "resizable": { "alias": "resizable"; "required": false; "isSignal": true; }; "minWidth": { "alias": "minWidth"; "required": false; "isSignal": true; }; "maxWidth": { "alias": "maxWidth"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-declare class ShipSort {
-    #private;
-    shSort: _angular_core.InputSignal<string | undefined>;
-    sortAsc: _angular_core.Signal<boolean>;
-    sortDesc: _angular_core.Signal<boolean>;
-    toggleSort(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShipSort, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ShipSort, "[shSort]", never, { "shSort": { "alias": "shSort"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-declare class ShipStickyColumns {
-    #private;
-    shStickyColumns: _angular_core.InputSignal<"start" | "end" | (string & {})>;
-    ngAfterContentInit(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShipStickyColumns, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ShipStickyColumns, "[shStickyColumns]", never, { "shStickyColumns": { "alias": "shStickyColumns"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-type ScrollState = -1 | 0 | 1;
-declare class ShipTable {
-    #private;
-    loading: _angular_core.InputSignal<boolean>;
-    data: _angular_core.InputSignal<any>;
-    dataChange: _angular_core.OutputEmitterRef<any>;
-    sortByColumn: _angular_core.ModelSignal<string | null>;
-    color: _angular_core.InputSignal<"" | "primary" | "accent" | "warn" | "error" | "success" | null>;
-    variant: _angular_core.InputSignal<"" | "type-a" | "type-b" | null>;
-    hostClasses: _angular_core.Signal<string>;
-    thead: _angular_core.Signal<ElementRef<HTMLTableSectionElement> | undefined>;
-    tbody: _angular_core.Signal<ElementRef<HTMLTableSectionElement> | undefined>;
-    columns: {
-        signal: _angular_core.Signal<HTMLTableColElement[]>;
-        destroy: () => void;
-    };
-    stickyHeaderHeight: _angular_core.Signal<number>;
-    bodyEffect: _angular_core.EffectRef;
-    resizing: _angular_core.WritableSignal<boolean>;
-    sizeTrigger: _angular_core.WritableSignal<boolean>;
-    scrollXState: _angular_core.WritableSignal<ScrollState>;
-    scrollYState: _angular_core.WritableSignal<ScrollState>;
-    canScrollX: _angular_core.WritableSignal<boolean>;
-    canScrollY: _angular_core.WritableSignal<boolean>;
-    columnSizes: _angular_core.Signal<string>;
-    updateColumnSizes(): void;
-    onScroll(): void;
-    onResize(event: Event): void;
-    ngAfterViewInit(): void;
-    e: _angular_core.EffectRef;
-    toggleSort(column: string): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShipTable, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ShipTable, "sh-table", never, { "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "sortByColumn": { "alias": "sortByColumn"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, { "dataChange": "dataChange"; "sortByColumn": "sortByColumnChange"; }, never, ["[actionbar]", "th", "[thead]", "*", "[table-no-rows]"], true, never>;
-}
-
-declare class ShipTabs extends ShipSelectionGroup<string> {
-    id: string;
-    color: _angular_core.InputSignal<"" | "primary" | "accent" | "warn" | "error" | "success" | null>;
-    variant: _angular_core.InputSignal<"" | "simple" | "outlined" | "flat" | "raised" | null>;
-    constructor();
-    hostClasses: _angular_core.Signal<string>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShipTabs, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ShipTabs, "sh-tabs", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
-}
-
-type ShipThemeOption = 'light' | 'dark' | null;
-
-declare class ShipThemeToggle {
-    #private;
-    theme: _angular_core.Signal<ShipThemeOption>;
-    toggleTheme(): void;
-    setTheme(theme: ShipThemeOption): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShipThemeToggle, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ShipThemeToggle, "ship-theme-toggle", never, {}, {}, never, never, true, never>;
-}
-
-declare class ShipToggleCard {
-    #private;
-    disableToggle: _angular_core.InputSignal<boolean>;
-    isActive: _angular_core.ModelSignal<boolean | undefined>;
-    color: _angular_core.InputSignal<"" | "primary" | "accent" | "warn" | "error" | "success" | null>;
-    variant: _angular_core.InputSignal<"" | "type-a" | "type-b" | "type-c" | null>;
-    hostClasses: _angular_core.Signal<string>;
-    toggle(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShipToggleCard, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ShipToggleCard, "sh-toggle-card", never, { "disableToggle": { "alias": "disableToggle"; "required": false; "isSignal": true; }; "isActive": { "alias": "isActive"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, { "isActive": "isActiveChange"; }, never, ["[title]", "*"], true, never>;
-}
-
-declare class ShipToggle {
-    private readonly _elementRef;
-    internalInput: _angular_core.Signal<ElementRef<HTMLInputElement> | undefined>;
-    projectedInputs: _angular_core.Signal<HTMLInputElement[]>;
-    checked: _angular_core.ModelSignal<boolean>;
-    color: _angular_core.InputSignal<"" | "primary" | "accent" | "warn" | "error" | "success" | null>;
-    variant: _angular_core.InputSignal<"" | "simple" | "outlined" | "flat" | "raised" | null>;
-    readonly: _angular_core.InputSignal<boolean>;
-    disabled: _angular_core.InputSignal<boolean>;
-    noInternalInput: _angular_core.InputSignal<boolean>;
-    protected onInternalInputChange(event: Event): void;
-    hostClasses: _angular_core.Signal<string>;
-    protected onEnter(event: Event): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShipToggle, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ShipToggle, "sh-toggle", never, { "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "noInternalInput": { "alias": "noInternalInput"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; }, never, ["*"], true, never>;
-}
-
-declare class ShipVirtualScroll {
-    #private;
-    viewportRef: _angular_core.Signal<ElementRef<HTMLDivElement>>;
-    itemElements: _angular_core.Signal<readonly ElementRef<any>[]>;
-    bufferSize: _angular_core.WritableSignal<number>;
-    itemHeights: _angular_core.WritableSignal<number[]>;
-    startIndex: _angular_core.WritableSignal<number>;
-    endIndex: _angular_core.WritableSignal<number>;
-    translateY: _angular_core.WritableSignal<number>;
-    totalHeight: _angular_core.Signal<number>;
-    numberOfRenderedItems: _angular_core.WritableSignal<number>;
-    ngAfterViewInit(): void;
-    onScroll(): void;
-    ngOnDestroy(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShipVirtualScroll, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ShipVirtualScroll, "sh-virtual-scroll", never, {}, {}, never, ["*"], true, never>;
-}
-
-declare class ShipFormFieldExperimental {
-    firstInput: _angular_core.WritableSignal<string | undefined>;
-    hello: _angular_core.EffectRef;
-    myClick(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShipFormFieldExperimental, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ShipFormFieldExperimental, "sh-form-field-experimental", never, {}, {}, never, ["*"], true, never>;
-}
+import { OnDestroy, TemplateRef, ElementRef, Signal, WritableSignal, Injector, InjectionToken } from '@angular/core';
 
 declare class ShipFileDragDrop {
     filesOver: _angular_core.WritableSignal<boolean>;
@@ -1131,6 +65,8 @@ declare class ShipTooltip implements OnDestroy {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ShipTooltip, "[shTooltip]", never, { "shTooltip": { "alias": "shTooltip"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
+declare function classMutationSignal(_element?: HTMLElement | null): Signal<string>;
+
 declare function hslToRgbExact(h: number, s: number, l: number): [number, number, number];
 declare function hsvToRgbExact(h: number, s: number, v: number): [number, number, number];
 declare function rgbToHsv(r: number, g: number, b: number): {
@@ -1157,6 +93,63 @@ declare function hslToOklch(h: number, s: number, l: number): {
     h: number;
 };
 
+declare function contentProjectionSignal<T = HTMLElement>(querySelector: string, options?: MutationObserverInit): Signal<T[]>;
+
+declare function createFormInputSignal<T extends HTMLInputElement | HTMLTextAreaElement>(formEl?: Signal<ElementRef<T> | undefined>, elementTags?: string[]): WritableSignal<string | undefined>;
+
+interface InputSignalOptions<T> {
+    debounce?: number;
+    initialValue?: T | null | undefined;
+    transform?: (value: string) => T | null | undefined;
+    compare?: (prev: T | null | undefined, curr: T | null | undefined) => boolean;
+    forceType?: 'number' | 'boolean' | 'string';
+    injector?: Injector;
+    returnPreviousValue?: boolean;
+}
+declare function createInputSignal<T>(input: Signal<ElementRef<HTMLInputElement | HTMLTextAreaElement> | undefined>, options?: InputSignalOptions<T>): WritableSignal<T | null | undefined>;
+
+declare function observeFirstChild<T extends HTMLElement>(parentEl: ElementRef<HTMLElement>, elementTags: string[]): Signal<ElementRef<T> | null>;
+declare function observeChildren<T extends HTMLElement>(parentEl: ElementRef<HTMLElement> | Signal<ElementRef<HTMLElement> | null | undefined>, elementTags: string[] | Signal<string[]>): {
+    signal: Signal<T[]>;
+    destroy: () => void;
+};
+
+declare function generateUniqueId(): string;
+
+declare function shipComponentClasses(componentName: string, inputs: {
+    color?: Signal<any>;
+    variant?: Signal<any>;
+    size?: Signal<any>;
+    sharp?: Signal<any>;
+    dynamic?: Signal<any>;
+    readonly?: Signal<any>;
+    alwaysShow?: Signal<any>;
+}): Signal<string>;
+
+declare const __SHIP_COLORS: readonly ["primary", "accent", "warn", "error", "success", ""];
+type ShipColor = (typeof __SHIP_COLORS)[number];
+declare const __SHIP_SIZES: readonly ["small", "xsmall", ""];
+type ShipSize = (typeof __SHIP_SIZES)[number];
+declare const __SHIP_BUTTON_SIZES: readonly ["small", "xsmall", ""];
+type ShipButtonSize = (typeof __SHIP_BUTTON_SIZES)[number];
+declare const __SHIP_ICON_SIZES: readonly ["small", "large", ""];
+type ShipIconSize = (typeof __SHIP_ICON_SIZES)[number];
+declare const __SHIP_SHEET_VARIANTS: readonly ["simple", "outlined", "flat", "raised", ""];
+type ShipSheetVariant = (typeof __SHIP_SHEET_VARIANTS)[number];
+declare const __SHIP_TYPE_VARIANTS: readonly ["type-a", "type-b", "type-c", "type-d", ""];
+type ShipTypeVariant = (typeof __SHIP_TYPE_VARIANTS)[number];
+declare const __SHIP_TABLE_VARIANTS: readonly ["type-a", "type-b", ""];
+type ShipTableVariant = (typeof __SHIP_TABLE_VARIANTS)[number];
+declare const __SHIP_CARD_VARIANTS: readonly ["type-a", "type-b", "type-c", ""];
+type ShipCardVariant = (typeof __SHIP_CARD_VARIANTS)[number];
+declare const __SHIP_BUTTON_GROUP_VARIANTS: readonly [""];
+type ShipButtonGroupVariant = (typeof __SHIP_BUTTON_GROUP_VARIANTS)[number];
+declare const __SHIP_FORM_FIELD_VARIANTS: readonly ["base", "horizontal", "auto-width", "autosize", ""];
+type ShipFormFieldVariant = (typeof __SHIP_FORM_FIELD_VARIANTS)[number];
+declare const __SHIP_RANGE_SLIDER_VARIANTS: readonly ["simple", "base", "thick", "outlined", "flat", "raised", ""];
+type ShipRangeSliderVariant = (typeof __SHIP_RANGE_SLIDER_VARIANTS)[number];
+type ShipVariant = ShipSheetVariant | ShipTypeVariant;
+
 declare const defaultThemeColors: Record<string, string>;
 declare const SHIP_CONFIG: InjectionToken<ShipConfig>;
 interface ShipComponentConfig {
@@ -1172,6 +165,9 @@ interface ShipRangeSliderConfig extends ShipComponentConfig {
     sharp?: boolean;
     alwaysShow?: boolean;
 }
+interface ShipIconConfig extends ShipComponentConfig {
+    disableUnfocus?: boolean;
+}
 interface ShipConfigColors {
     primary?: string;
     accent?: string;
@@ -1206,7 +202,7 @@ interface ShipConfig {
     radio?: ShipComponentConfig;
     toggle?: ShipComponentConfig;
     formField?: ShipComponentConfig;
-    icon?: ShipComponentConfig;
+    icon?: ShipIconConfig;
     stepper?: ShipComponentConfig;
     select?: ShipComponentConfig;
     accordion?: ShipComponentConfig;
@@ -1221,5 +217,27 @@ interface ShipConfig {
     sidenavType?: 'overlay' | 'simple';
 }
 
-export { SHIP_CONFIG, ShipAccordion, ShipAlert, ShipAlertContainer, ShipAlertModule, ShipAlertService, ShipBlueprint, ShipButton, ShipButtonGroup, ShipCard, ShipCheckbox, ShipChip, ShipColorPicker, ShipColorPickerInput, ShipDatepicker, ShipDatepickerInput, ShipDaterangeInput, ShipDialog, ShipDialogService, ShipDivider, ShipEventCard, ShipFileDragDrop, ShipFileUpload, ShipFormField, ShipFormFieldExperimental, ShipIcon, ShipInputMask, ShipList, ShipMenu, ShipPopover, ShipPreventWheel, ShipProgressBar, ShipRadio, ShipRangeSlider, ShipResize, ShipSelect, ShipSidenav, ShipSort, ShipSortable, ShipSpinner, ShipStepper, ShipStickyColumns, ShipTable, ShipTabs, ShipThemeToggle, ShipToggle, ShipToggleCard, ShipTooltip, ShipTooltipWrapper, ShipVirtualScroll, TEST_NODES, __SHIP_BUTTON_GROUP_VARIANTS, __SHIP_BUTTON_SIZES, __SHIP_CARD_VARIANTS, __SHIP_COLORS, __SHIP_FORM_FIELD_VARIANTS, __SHIP_ICON_SIZES, __SHIP_RANGE_SLIDER_VARIANTS, __SHIP_SHEET_VARIANTS, __SHIP_SIZES, __SHIP_TABLE_VARIANTS, __SHIP_TYPE_VARIANTS, createSortableManager, defaultThemeColors, hslToOklch, hslToRgbExact, hsvToRgbExact, moveIndex, rgbToHex, rgbToHsl, rgbToHsv, rgbToOklch, rgbaToHex8, transferArrayItem, watchHostClass };
-export type { AfterDropResponse, BlueprintNode, ComponentClosedType, ComponentDataType, Coordinates, CrossDropResponse, Exact, ShipAlertItem, ShipAlertItemInternal, ShipAlertType, ShipButtonGroupVariant, ShipButtonSize, ShipCardVariant, ShipChipConfig, ShipColor, ShipComponentConfig, ShipConfig, ShipConfigColors, ShipConfigDistributions, ShipDialogInstance, ShipDialogOptions, ShipDialogServiceOptions, ShipDialogTemplateInstance, ShipDropEvent, ShipFormFieldVariant, ShipIconSize, ShipPopoverOptions, ShipProgressBarMode, ShipRangeSliderConfig, ShipRangeSliderVariant, ShipSheetVariant, ShipSidenavType, ShipSize, ShipTableVariant, ShipTypeVariant, ShipVariant, SortableManagerConfig };
+declare abstract class ShipSelectionGroup<T = any> {
+    protected readonly itemSelector: string;
+    protected readonly activeClass: string;
+    protected readonly options?: {
+        hostRole?: string;
+        itemRole?: string;
+    } | undefined;
+    protected readonly hostElement: any;
+    protected items: _angular_core.Signal<HTMLElement[]>;
+    readonly value: _angular_core.ModelSignal<T | null>;
+    readonly closable: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
+    readonly manualActivation: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
+    constructor(itemSelector: string, activeClass: string, options?: {
+        hostRole?: string;
+        itemRole?: string;
+    } | undefined);
+    protected onClick(target: EventTarget | null): void;
+    protected onKeyDown(event: KeyboardEvent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShipSelectionGroup<any>, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ShipSelectionGroup<any>, never, never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "closable": { "alias": "closable"; "required": false; "isSignal": true; }; "manualActivation": { "alias": "manualActivation"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
+}
+
+export { SHIP_CONFIG, ShipFileDragDrop, ShipInputMask, ShipPreventWheel, ShipSelectionGroup, ShipTooltip, ShipTooltipWrapper, __SHIP_BUTTON_GROUP_VARIANTS, __SHIP_BUTTON_SIZES, __SHIP_CARD_VARIANTS, __SHIP_COLORS, __SHIP_FORM_FIELD_VARIANTS, __SHIP_ICON_SIZES, __SHIP_RANGE_SLIDER_VARIANTS, __SHIP_SHEET_VARIANTS, __SHIP_SIZES, __SHIP_TABLE_VARIANTS, __SHIP_TYPE_VARIANTS, classMutationSignal, contentProjectionSignal, createFormInputSignal, createInputSignal, defaultThemeColors, generateUniqueId, hslToOklch, hslToRgbExact, hsvToRgbExact, observeChildren, observeFirstChild, rgbToHex, rgbToHsl, rgbToHsv, rgbToOklch, rgbaToHex8, shipComponentClasses };
+export type { ShipButtonGroupVariant, ShipButtonSize, ShipCardVariant, ShipChipConfig, ShipColor, ShipComponentConfig, ShipConfig, ShipConfigColors, ShipConfigDistributions, ShipFormFieldVariant, ShipIconConfig, ShipIconSize, ShipRangeSliderConfig, ShipRangeSliderVariant, ShipSheetVariant, ShipSize, ShipTableVariant, ShipTypeVariant, ShipVariant };