@ship-ui/core 0.19.5 → 0.22.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ship-ui/core",
   "license": "MIT",
-  "version": "0.19.5",
+  "version": "0.22.0",
   "peerDependencies": {
     "@angular/common": ">=20",
     "@angular/core": ">=20",
@@ -24,7 +24,7 @@
   ],
   "dependencies": {
     "@phosphor-icons/web": "^2.1.1",
-    "harfbuzzjs": "^0.10.1",
+    "harfbuzzjs": "^1.2.0",
     "wawoff2": "^2.0.1",
     "tslib": "^2.3.0"
   },
@@ -59,7 +59,7 @@
   ],
   "exports": {
     ".": {
-      "sass": "./styles/*",
+      "sass": "./styles/index.scss",
       "assets": [
         "./assets/**/*"
       ],
@@ -67,8 +67,152 @@
       "types": "./types/ship-ui-core.d.ts",
       "default": "./fesm2022/ship-ui-core.mjs"
     },
+    "./styles/*": {
+      "sass": "./styles/*",
+      "default": "./styles/*"
+    },
     "./package.json": {
       "default": "./package.json"
+    },
+    "./sh-form-field-experimental": {
+      "types": "./types/ship-ui-core-sh-form-field-experimental.d.ts",
+      "default": "./fesm2022/ship-ui-core-sh-form-field-experimental.mjs"
+    },
+    "./ship-accordion": {
+      "types": "./types/ship-ui-core-ship-accordion.d.ts",
+      "default": "./fesm2022/ship-ui-core-ship-accordion.mjs"
+    },
+    "./ship-alert": {
+      "types": "./types/ship-ui-core-ship-alert.d.ts",
+      "default": "./fesm2022/ship-ui-core-ship-alert.mjs"
+    },
+    "./ship-blueprint": {
+      "types": "./types/ship-ui-core-ship-blueprint.d.ts",
+      "default": "./fesm2022/ship-ui-core-ship-blueprint.mjs"
+    },
+    "./ship-button": {
+      "types": "./types/ship-ui-core-ship-button.d.ts",
+      "default": "./fesm2022/ship-ui-core-ship-button.mjs"
+    },
+    "./ship-button-group": {
+      "types": "./types/ship-ui-core-ship-button-group.d.ts",
+      "default": "./fesm2022/ship-ui-core-ship-button-group.mjs"
+    },
+    "./ship-card": {
+      "types": "./types/ship-ui-core-ship-card.d.ts",
+      "default": "./fesm2022/ship-ui-core-ship-card.mjs"
+    },
+    "./ship-checkbox": {
+      "types": "./types/ship-ui-core-ship-checkbox.d.ts",
+      "default": "./fesm2022/ship-ui-core-ship-checkbox.mjs"
+    },
+    "./ship-chip": {
+      "types": "./types/ship-ui-core-ship-chip.d.ts",
+      "default": "./fesm2022/ship-ui-core-ship-chip.mjs"
+    },
+    "./ship-color-picker": {
+      "types": "./types/ship-ui-core-ship-color-picker.d.ts",
+      "default": "./fesm2022/ship-ui-core-ship-color-picker.mjs"
+    },
+    "./ship-datepicker": {
+      "types": "./types/ship-ui-core-ship-datepicker.d.ts",
+      "default": "./fesm2022/ship-ui-core-ship-datepicker.mjs"
+    },
+    "./ship-dialog": {
+      "types": "./types/ship-ui-core-ship-dialog.d.ts",
+      "default": "./fesm2022/ship-ui-core-ship-dialog.mjs"
+    },
+    "./ship-divider": {
+      "types": "./types/ship-ui-core-ship-divider.d.ts",
+      "default": "./fesm2022/ship-ui-core-ship-divider.mjs"
+    },
+    "./ship-event-card": {
+      "types": "./types/ship-ui-core-ship-event-card.d.ts",
+      "default": "./fesm2022/ship-ui-core-ship-event-card.mjs"
+    },
+    "./ship-file-upload": {
+      "types": "./types/ship-ui-core-ship-file-upload.d.ts",
+      "default": "./fesm2022/ship-ui-core-ship-file-upload.mjs"
+    },
+    "./ship-form-field": {
+      "types": "./types/ship-ui-core-ship-form-field.d.ts",
+      "default": "./fesm2022/ship-ui-core-ship-form-field.mjs"
+    },
+    "./ship-icon": {
+      "types": "./types/ship-ui-core-ship-icon.d.ts",
+      "default": "./fesm2022/ship-ui-core-ship-icon.mjs"
+    },
+    "./ship-list": {
+      "types": "./types/ship-ui-core-ship-list.d.ts",
+      "default": "./fesm2022/ship-ui-core-ship-list.mjs"
+    },
+    "./ship-menu": {
+      "types": "./types/ship-ui-core-ship-menu.d.ts",
+      "default": "./fesm2022/ship-ui-core-ship-menu.mjs"
+    },
+    "./ship-popover": {
+      "types": "./types/ship-ui-core-ship-popover.d.ts",
+      "default": "./fesm2022/ship-ui-core-ship-popover.mjs"
+    },
+    "./ship-progress-bar": {
+      "types": "./types/ship-ui-core-ship-progress-bar.d.ts",
+      "default": "./fesm2022/ship-ui-core-ship-progress-bar.mjs"
+    },
+    "./ship-radio": {
+      "types": "./types/ship-ui-core-ship-radio.d.ts",
+      "default": "./fesm2022/ship-ui-core-ship-radio.mjs"
+    },
+    "./ship-range-slider": {
+      "types": "./types/ship-ui-core-ship-range-slider.d.ts",
+      "default": "./fesm2022/ship-ui-core-ship-range-slider.mjs"
+    },
+    "./ship-select": {
+      "types": "./types/ship-ui-core-ship-select.d.ts",
+      "default": "./fesm2022/ship-ui-core-ship-select.mjs"
+    },
+    "./ship-sidenav": {
+      "types": "./types/ship-ui-core-ship-sidenav.d.ts",
+      "default": "./fesm2022/ship-ui-core-ship-sidenav.mjs"
+    },
+    "./ship-sortable": {
+      "types": "./types/ship-ui-core-ship-sortable.d.ts",
+      "default": "./fesm2022/ship-ui-core-ship-sortable.mjs"
+    },
+    "./ship-spinner": {
+      "types": "./types/ship-ui-core-ship-spinner.d.ts",
+      "default": "./fesm2022/ship-ui-core-ship-spinner.mjs"
+    },
+    "./ship-stepper": {
+      "types": "./types/ship-ui-core-ship-stepper.d.ts",
+      "default": "./fesm2022/ship-ui-core-ship-stepper.mjs"
+    },
+    "./ship-table": {
+      "types": "./types/ship-ui-core-ship-table.d.ts",
+      "default": "./fesm2022/ship-ui-core-ship-table.mjs"
+    },
+    "./ship-table-filter-bar": {
+      "types": "./types/ship-ui-core-ship-table-filter-bar.d.ts",
+      "default": "./fesm2022/ship-ui-core-ship-table-filter-bar.mjs"
+    },
+    "./ship-tabs": {
+      "types": "./types/ship-ui-core-ship-tabs.d.ts",
+      "default": "./fesm2022/ship-ui-core-ship-tabs.mjs"
+    },
+    "./ship-theme-toggle": {
+      "types": "./types/ship-ui-core-ship-theme-toggle.d.ts",
+      "default": "./fesm2022/ship-ui-core-ship-theme-toggle.mjs"
+    },
+    "./ship-toggle": {
+      "types": "./types/ship-ui-core-ship-toggle.d.ts",
+      "default": "./fesm2022/ship-ui-core-ship-toggle.mjs"
+    },
+    "./ship-toggle-card": {
+      "types": "./types/ship-ui-core-ship-toggle-card.d.ts",
+      "default": "./fesm2022/ship-ui-core-ship-toggle-card.mjs"
+    },
+    "./ship-virtual-scroll": {
+      "types": "./types/ship-ui-core-ship-virtual-scroll.d.ts",
+      "default": "./fesm2022/ship-ui-core-ship-virtual-scroll.mjs"
     }
   },
   "sideEffects": false,

package/styles/core.scss

@@ -0,0 +1,43 @@
+$useInterTight: true !default;
+$useApexcharts: false !default;
+
+@use './core/fonts/inter-tight' with (
+  $useInterTight: $useInterTight
+);
+
+@use './core/apexcharts/apexcharts' with (
+  $useApexcharts: $useApexcharts
+);
+
+@use './core/core';
+
+$shipSheet: true !default;
+$shipFormFieldShadow: false !default;
+$shipButtonShadow: false !default;
+$shipChipShadow: false !default;
+
+@use './components/ship-sheet.utility.scss' with (
+  $shipSheet: $shipSheet
+);
+
+$form-field-shadow-val: none;
+@if $shipFormFieldShadow != false {
+  $form-field-shadow-val: var(--box-shadow-10);
+}
+
+$button-shadow-val: none;
+@if $shipButtonShadow != false {
+  $button-shadow-val: var(--box-shadow-10);
+}
+
+$chip-shadow-val: none;
+@if $shipChipShadow != false {
+  $chip-shadow-val: var(--box-shadow-10);
+}
+
+:root {
+  --ship-form-field-shadow: #{$form-field-shadow-val};
+  --ship-button-shadow: #{$button-shadow-val};
+  --ship-chip-shadow: #{$chip-shadow-val};
+}
+

package/styles/helpers.scss

@@ -12,3 +12,5 @@
 @forward './core/helpers/mixins/overflow-scrolling';
 @forward './core/helpers/mixins/scroll-shadows';
 // @forward './core/helpers/mixins/border-gradient';
+
+@use './core/helpers/fn/p2r' as *;

package/styles/index.scss

@@ -1,20 +1,20 @@
 $useInterTight: true !default;
 $useApexcharts: false !default;
+$shipSheet: true !default;
+$shipFormFieldShadow: false !default;
+$shipButtonShadow: false !default;
+$shipChipShadow: false !default;
 
-@use './core/fonts/inter-tight' with (
-  $useInterTight: $useInterTight
-);
-
-@use './core/apexcharts/apexcharts' with (
-  $useApexcharts: $useApexcharts
+@use './core.scss' with (
+  $useInterTight: $useInterTight,
+  $useApexcharts: $useApexcharts,
+  $shipSheet: $shipSheet,
+  $shipFormFieldShadow: $shipFormFieldShadow,
+  $shipButtonShadow: $shipButtonShadow,
+  $shipChipShadow: $shipChipShadow
 );
 
-@use './core/core';
-
 $shipBaseTypes: ('base', 'simple', 'raised', 'outlined', 'flat');
-$shipFormFieldShadow: false !default;
-$shipButtonShadow: false !default;
-$shipChipShadow: false !default;
 
 $shipAlert: true !default;
 $shipBlueprint: true !default;
@@ -52,115 +52,4 @@ $shipTabs: true !default;
 $shipFileUpload: true !default;
 $shipAccordion: true !default;
 
-@use './components/ship-alert-container.scss' with (
-  $shipAlert: $shipAlert
-);
-@use './components/ship-alert.scss' with (
-  $shipAlert: $shipAlert
-);
-@use './components/ship-blueprint.scss' with (
-  $shipBlueprint: $shipBlueprint
-);
-@use './components/ship-toggle.scss' with (
-  $shipToggle: $shipToggle
-);
-@use './components/ship-theme-toggle.scss' with (
-  $shipThemeToggle: $shipThemeToggle
-);
-@use './components/ship-button.scss' with (
-  $shipButton: $shipButton,
-  $shipButtonShadow: $shipButtonShadow
-);
-@use './components/ship-progress-bar.scss' with (
-  $shipProgressBar: $shipProgressBar
-);
-@use './components/ship-checkbox.scss' with (
-  $shipCheckbox: $shipCheckbox
-);
-@use './components/ship-datepicker.scss' with (
-  $shipDatepicker: $shipDatepicker
-);
-@use './components/ship-event-card.scss' with (
-  $shipEventCard: $shipEventCard
-);
-@use './components/ship-icon.scss' with (
-  $shipIcon: $shipIcon
-);
-@use './components/ship-menu.scss' with (
-  $shipMenu: $shipMenu
-);
-@use './components/ship-divider.scss' with (
-  $shipDivider: $shipDivider
-);
-@use './components/ship-dialog.scss' with (
-  $shipDialog: $shipDialog
-);
-@use './components/ship-popover.scss' with (
-  $shipPopover: $shipPopover
-);
-@use './components/ship-chip.scss' with (
-  $shipChip: $shipChip,
-  $shipChipShadow: $shipChipShadow
-);
-@use './components/ship-form-field.scss' with (
-  $shipFormField: $shipFormField,
-  $shipDatepicker: $shipDatepicker,
-  $shipFormFieldShadow: $shipFormFieldShadow
-);
-@use './components/ship-color-picker.scss' with (
-  $shipColorPicker: $shipColorPicker
-);
-@use './components/ship-sidenav.scss' with (
-  $shipSidenav: $shipSidenav
-);
-@use './components/ship-list.scss' with (
-  $shipList: $shipList
-);
-@use './components/ship-radio.scss' with (
-  $shipRadio: $shipRadio
-);
-@use './components/ship-button-group.scss' with (
-  $shipButtonGroup: $shipButtonGroup
-);
-@use './components/ship-range-slider.scss' with (
-  $shipRangeSlider: $shipRangeSlider
-);
-@use './components/ship-tooltip.scss' with (
-  $shipTooltip: $shipTooltip
-);
-@use './components/ship-virtual-scroll.scss' with (
-  $shipVirtualScroll: $shipVirtualScroll
-);
-@use './components/ship-select.scss' with (
-  $shipSelect: $shipSelect
-);
-@use './components/ship-card.scss' with (
-  $shipCard: $shipCard
-);
-@use './components/ship-sheet.utility.scss' with (
-  $shipSheet: $shipSheet
-);
-@use './components/ship-stepper.scss' with (
-  $shipStepper: $shipStepper
-);
-@use './components/ship-spinner.scss' with (
-  $shipSpinner: $shipSpinner
-);
-@use './components/ship-sortable.scss' with (
-  $shipSortable: $shipSortable
-);
-@use './components/ship-toggle-card.scss' with (
-  $shipToggleCard: $shipToggleCard
-);
-@use './components/ship-table.scss' with (
-  $shipTable: $shipTable
-);
-@use './components/ship-tabs.scss' with (
-  $shipTabs: $shipTabs
-);
-@use './components/ship-file-upload.scss' with (
-  $shipFileUpload: $shipFileUpload
-);
-@use './components/ship-accordion.scss' with (
-  $shipAccordion: $shipAccordion
-);
+

package/types/ship-ui-core-sh-form-field-experimental.d.ts

@@ -0,0 +1,11 @@
+import * as _angular_core from '@angular/core';
+
+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>;
+}
+
+export { ShipFormFieldExperimental };

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

@@ -0,0 +1,19 @@
+import * as _angular_core from '@angular/core';
+import { ShipVariant } from '@ship-ui/core';
+
+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>;
+}
+
+export { ShipAccordion };

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

@@ -0,0 +1,68 @@
+import * as _angular_core from '@angular/core';
+import { ElementRef, QueryList } from '@angular/core';
+
+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<"" | "error" | "success" | "warn" | "primary" | "accent" | 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>;
+}
+
+export { ShipAlert, ShipAlertContainer, ShipAlertModule, ShipAlertService };
+export type { ShipAlertItem, ShipAlertItemInternal, ShipAlertType };

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

@@ -0,0 +1,112 @@
+import * as _angular_core from '@angular/core';
+import { AfterViewInit, OnDestroy, ElementRef } from '@angular/core';
+
+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 function layoutNodes(nodes: BlueprintNode[]): BlueprintNode[];
+
+type PortValidationError = {
+    nodeId: string;
+    duplicatePortIds: string[];
+};
+declare function findDuplicatePortIDs(nodes: BlueprintNode[]): PortValidationError[];
+declare function findDuplicateNodeIDs(nodes: BlueprintNode[]): string[];
+
+export { ShipBlueprint, TEST_NODES, findDuplicateNodeIDs, findDuplicatePortIDs, layoutNodes };
+export type { BlueprintNode, Coordinates, PortValidationError };

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

@@ -0,0 +1,15 @@
+import * as _angular_core from '@angular/core';
+import { ShipSelectionGroup } from '@ship-ui/core';
+
+declare class ShipButtonGroup extends ShipSelectionGroup<string> {
+    id: string;
+    color: _angular_core.InputSignal<"" | "primary" | "accent" | "warn" | "error" | "success" | null>;
+    variant: _angular_core.InputSignal<"" | 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>;
+}
+
+export { ShipButtonGroup };

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

@@ -0,0 +1,13 @@
+import * as _angular_core from '@angular/core';
+
+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>;
+}
+
+export { ShipButton };

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

@@ -0,0 +1,11 @@
+import * as _angular_core from '@angular/core';
+
+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>;
+}
+
+export { ShipCard };

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

@@ -0,0 +1,22 @@
+import * as _angular_core from '@angular/core';
+import { ElementRef } from '@angular/core';
+
+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>;
+}
+
+export { ShipCheckbox };