@ngstarter-ui/components 1.0.21

package/types/ngstarter-ui-components-autocomplete.d.ts

@@ -0,0 +1,83 @@
+import * as _angular_core from '@angular/core';
+import { TemplateRef, ElementRef, OnDestroy } from '@angular/core';
+import { _OptionParent, Option } from '@ngstarter-ui/components/option';
+export { Option } from '@ngstarter-ui/components/option';
+
+interface AutocompleteActivatedEvent {
+    source: Autocomplete;
+    option: Option | null;
+}
+interface AutocompleteSelectedEvent {
+    source: Autocomplete;
+    option: Option;
+}
+declare class Autocomplete implements _OptionParent {
+    readonly options: _angular_core.Signal<readonly Option[]>;
+    multiple: _angular_core.WritableSignal<boolean>;
+    readonly template: _angular_core.Signal<TemplateRef<any>>;
+    readonly panel: _angular_core.Signal<ElementRef<HTMLElement> | undefined>;
+    id: string;
+    ariaLabel: _angular_core.InputSignal<string | undefined>;
+    ariaLabelledby: _angular_core.InputSignal<string | undefined>;
+    autoActiveFirstOption: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    autoSelectActiveOption: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    classList: _angular_core.InputSignal<string | string[] | undefined>;
+    disableRipple: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    displayWith: _angular_core.InputSignal<(value: any) => string | null>;
+    hideSingleSelectionIndicator: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    panelWidth: _angular_core.InputSignal<string | number | undefined>;
+    requireSelection: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    closed: _angular_core.OutputEmitterRef<void>;
+    opened: _angular_core.OutputEmitterRef<void>;
+    optionActivated: _angular_core.OutputEmitterRef<AutocompleteActivatedEvent>;
+    optionSelected: _angular_core.OutputEmitterRef<AutocompleteSelectedEvent>;
+    _emitSelectEvent(option: Option): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Autocomplete, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Autocomplete, "ngs-autocomplete", ["ngsAutocomplete"], { "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "ariaLabelledby": { "alias": "aria-labelledby"; "required": false; "isSignal": true; }; "autoActiveFirstOption": { "alias": "autoActiveFirstOption"; "required": false; "isSignal": true; }; "autoSelectActiveOption": { "alias": "autoSelectActiveOption"; "required": false; "isSignal": true; }; "classList": { "alias": "class"; "required": false; "isSignal": true; }; "disableRipple": { "alias": "disableRipple"; "required": false; "isSignal": true; }; "displayWith": { "alias": "displayWith"; "required": false; "isSignal": true; }; "hideSingleSelectionIndicator": { "alias": "hideSingleSelectionIndicator"; "required": false; "isSignal": true; }; "panelWidth": { "alias": "panelWidth"; "required": false; "isSignal": true; }; "requireSelection": { "alias": "requireSelection"; "required": false; "isSignal": true; }; }, { "closed": "closed"; "opened": "opened"; "optionActivated": "optionActivated"; "optionSelected": "optionSelected"; }, ["options"], ["*"], true, never>;
+}
+
+declare class AutocompleteTrigger implements OnDestroy {
+    private _elementRef;
+    private _overlay;
+    private _viewContainerRef;
+    private _formField;
+    private _chipInput;
+    private _injector;
+    autocomplete: _angular_core.InputSignal<Autocomplete>;
+    private _overlayRef;
+    private _portal;
+    private _closingSubscription;
+    private _keyManager;
+    private _canOpenOnInput;
+    private _resizeObserver;
+    private _optionsSubscription;
+    constructor();
+    ngOnDestroy(): void;
+    private _startResizeObserver;
+    private _stopResizeObserver;
+    _handleInput(): void;
+    private _syncSelectedOption;
+    _handleFocus(): void;
+    _handleClick(): void;
+    _handleKeydown(event: KeyboardEvent): void;
+    get panelOpen(): boolean;
+    openPanel(): void;
+    private _setActiveItem;
+    private _scrollToOption;
+    closePanel(): void;
+    updatePosition(): void;
+    private _getConnectedElement;
+    private _getPanelWidth;
+    private _createOverlay;
+    private _destroyOverlay;
+    private _subscribeToClosingIndices;
+    private _initKeyManager;
+    private _setupSelectionListeners;
+    private _updatePanelWidth;
+    private _selectOption;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AutocompleteTrigger, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<AutocompleteTrigger, "[ngsAutocomplete]", ["ngsAutocompleteTrigger"], { "autocomplete": { "alias": "ngsAutocomplete"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { Autocomplete, AutocompleteTrigger };
+export type { AutocompleteActivatedEvent, AutocompleteSelectedEvent };

package/types/ngstarter-ui-components-avatar.d.ts

@@ -0,0 +1,69 @@
+import * as _angular_core from '@angular/core';
+import { InjectionToken, OnInit, OnChanges, AfterViewInit, SimpleChanges } from '@angular/core';
+
+declare const AVATAR_ACCESSOR: InjectionToken<unknown>;
+type AvatarPresenceIndicator = 'online' | 'offline' | 'away' | null | string;
+type AvatarVariant = 'solid' | 'tonal' | 'outlined' | 'plain' | string;
+
+declare class Avatar implements OnInit, OnChanges, AfterViewInit {
+    private _elementRef;
+    image: _angular_core.InputSignal<string>;
+    variant: _angular_core.InputSignal<string>;
+    clickable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    label: _angular_core.InputSignal<string>;
+    alt: _angular_core.InputSignal<string>;
+    automaticColor: _angular_core.InputSignal<unknown>;
+    presenceIndicator: _angular_core.InputSignal<AvatarPresenceIndicator>;
+    protected imageLoaded: boolean;
+    protected showLabel: boolean;
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    onImageLoaded(): void;
+    private _setAutomaticColor;
+    private _newShade;
+    isValidHex(color: any): boolean;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Avatar, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Avatar, "ngs-avatar,[ngs-avatar]", ["ngsAvatar"], { "image": { "alias": "image"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "clickable": { "alias": "clickable"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "alt": { "alias": "alt"; "required": false; "isSignal": true; }; "automaticColor": { "alias": "automaticColor"; "required": false; "isSignal": true; }; "presenceIndicator": { "alias": "presenceIndicator"; "required": false; "isSignal": true; }; }, {}, never, ["mat-icon,ngs-icon"], true, never>;
+}
+
+declare class AvatarGroup {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AvatarGroup, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AvatarGroup, "ngs-avatar-group", ["ngsAvatarGroup"], {}, {}, never, ["*"], true, never>;
+}
+
+declare class AvatarMore {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AvatarMore, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AvatarMore, "ngs-avatar-more,[ngs-avatar-more]", ["ngsAvatarMore"], {}, {}, never, ["*"], true, never>;
+}
+
+declare class AvatarTotal {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AvatarTotal, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AvatarTotal, "ngs-avatar-total,[ngs-avatar-total]", ["ngsAvatarTotal"], {}, {}, never, ["*"], true, never>;
+}
+
+interface Preset {
+    style: any;
+    options?: {
+        scale?: number;
+        backgroundColor?: string[];
+        fontWeight?: number;
+    };
+}
+declare class Dicebear implements OnInit {
+    image: _angular_core.InputSignal<string>;
+    clickable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    key: _angular_core.InputSignal<any>;
+    preset: _angular_core.InputSignal<string>;
+    alt: _angular_core.InputSignal<string | undefined>;
+    presenceIndicator: _angular_core.InputSignal<AvatarPresenceIndicator>;
+    protected imageLoaded: boolean;
+    protected svg: string;
+    ngOnInit(): void;
+    onImageLoaded(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Dicebear, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Dicebear, "ngs-dicebear,[ngs-dicebear]", ["ngsDicebear"], { "image": { "alias": "image"; "required": false; "isSignal": true; }; "clickable": { "alias": "clickable"; "required": false; "isSignal": true; }; "key": { "alias": "key"; "required": false; "isSignal": true; }; "preset": { "alias": "preset"; "required": false; "isSignal": true; }; "alt": { "alias": "alt"; "required": false; "isSignal": true; }; "presenceIndicator": { "alias": "presenceIndicator"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { AVATAR_ACCESSOR, Avatar, AvatarGroup, AvatarMore, AvatarTotal, Dicebear };
+export type { AvatarPresenceIndicator, AvatarVariant, Preset };

package/types/ngstarter-ui-components-badge.d.ts

@@ -0,0 +1,38 @@
+import * as _angular_core from '@angular/core';
+import { OnInit, OnChanges, OnDestroy } from '@angular/core';
+
+declare class BadgeContent {
+    content: any;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BadgeContent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BadgeContent, "ngs-badge-content", never, {}, {}, never, never, true, never>;
+}
+
+type BadgePosition = 'above after' | 'above before' | 'below after' | 'below before' | 'before' | 'after' | 'above' | 'below';
+type BadgeSize = 'small' | 'medium' | 'large';
+declare class Badge implements OnInit, OnChanges, OnDestroy {
+    private readonly _elementRef;
+    private readonly _applicationRef;
+    private readonly _environmentInjector;
+    private readonly _injector;
+    private readonly renderer;
+    readonly content: _angular_core.InputSignal<any>;
+    readonly color: _angular_core.InputSignal<string>;
+    readonly overlap: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly position: _angular_core.InputSignal<BadgePosition>;
+    readonly size: _angular_core.InputSignal<BadgeSize>;
+    readonly hidden: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly description: _angular_core.InputSignal<string>;
+    readonly isAbove: _angular_core.Signal<boolean>;
+    readonly isAfter: _angular_core.Signal<boolean>;
+    private _componentRef;
+    ngOnInit(): void;
+    ngOnChanges(): void;
+    ngOnDestroy(): void;
+    private _updateBadge;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Badge, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<Badge, "[ngsBadge]", never, { "content": { "alias": "ngsBadge"; "required": false; "isSignal": true; }; "color": { "alias": "ngsBadgeColor"; "required": false; "isSignal": true; }; "overlap": { "alias": "ngsBadgeOverlap"; "required": false; "isSignal": true; }; "disabled": { "alias": "ngsBadgeDisabled"; "required": false; "isSignal": true; }; "position": { "alias": "ngsBadgePosition"; "required": false; "isSignal": true; }; "size": { "alias": "ngsBadgeSize"; "required": false; "isSignal": true; }; "hidden": { "alias": "ngsBadgeHidden"; "required": false; "isSignal": true; }; "description": { "alias": "ngsBadgeDescription"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { Badge, BadgeContent };
+export type { BadgePosition, BadgeSize };

package/types/ngstarter-ui-components-block-loader.d.ts

@@ -0,0 +1,21 @@
+import * as i0 from '@angular/core';
+import { OnInit, OnDestroy } from '@angular/core';
+
+declare class BlockLoader {
+    readonly loading: i0.InputSignalWithTransform<boolean, unknown>;
+    readonly spinnerDiameter: i0.InputSignalWithTransform<number, unknown>;
+    readonly spinnerStrokeWidth: i0.InputSignalWithTransform<number, unknown>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BlockLoader, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BlockLoader, "ngs-block-loader", ["ngsBlockLoader"], { "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "spinnerDiameter": { "alias": "spinnerDiameter"; "required": false; "isSignal": true; }; "spinnerStrokeWidth": { "alias": "spinnerStrokeWidth"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class BlockLoaderContainerDirective implements OnInit, OnDestroy {
+    private elementRef;
+    private renderer;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BlockLoaderContainerDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BlockLoaderContainerDirective, "[ngsBlockLoaderContainer]", never, {}, {}, never, never, true, never>;
+}
+
+export { BlockLoader, BlockLoaderContainerDirective };

package/types/ngstarter-ui-components-bottom-sheet.d.ts

@@ -0,0 +1,149 @@
+import { ComponentType } from '@angular/cdk/portal';
+import * as i0 from '@angular/core';
+import { InjectionToken, ViewContainerRef, OnDestroy, TemplateRef, EventEmitter } from '@angular/core';
+import { ScrollStrategy } from '@angular/cdk/overlay';
+import * as rxjs from 'rxjs';
+import { Subject } from 'rxjs';
+import { DialogRef, CdkDialogContainer } from '@angular/cdk/dialog';
+
+/** Injection token that can be used to access the data that was passed in to a bottom sheet. */
+declare const BOTTOM_SHEET_DATA: InjectionToken<any>;
+/**
+ * Configuration used when opening a bottom sheet.
+ */
+declare class BottomSheetConfig<D = any> {
+    /** The view container to place the overlay for the bottom sheet into. */
+    viewContainerRef?: ViewContainerRef;
+    /** Extra CSS classes to be added to the bottom sheet container. */
+    panelClass?: string | string[];
+    /** Text layout direction for the bottom sheet. */
+    direction?: 'ltr' | 'rtl';
+    /** Data being injected into the child component. */
+    data?: D | null;
+    /** Whether the bottom sheet has a backdrop. */
+    hasBackdrop?: boolean;
+    /** Custom class for the backdrop. */
+    backdropClass?: string;
+    /** Whether the user can use escape or clicking outside to close the bottom sheet. */
+    disableClose?: boolean;
+    /** Aria label to assign to the bottom sheet element. */
+    ariaLabel?: string | null;
+    /**
+     * Whether this is a modal dialog. Used to set the `aria-modal` attribute.
+     */
+    ariaModal?: boolean;
+    /**
+     * Whether the bottom sheet should close when the user goes backwards/forwards in history.
+     */
+    closeOnNavigation?: boolean;
+    /**
+     * Where the bottom sheet should focus on open.
+     */
+    autoFocus?: string | boolean;
+    /**
+     * Whether the bottom sheet should restore focus to the
+     * previously-focused element, after it's closed.
+     */
+    restoreFocus?: boolean;
+    /** Scroll strategy to be used for the bottom sheet. */
+    scrollStrategy?: ScrollStrategy;
+    /** Height for the bottom sheet. */
+    height?: string;
+    /** Minimum height for the bottom sheet. If a number is provided, assumes pixel units. */
+    minHeight?: string | number;
+    /** Maximum height for the bottom sheet. If a number is provided, assumes pixel units. */
+    maxHeight?: string | number;
+}
+
+/**
+ * Reference to a bottom sheet dispatched from the BottomSheet service.
+ */
+declare class BottomSheetRef<T = any, R = any> {
+    private _ref;
+    containerInstance: any;
+    /** @internal */
+    _refInstance: T | null;
+    /** @internal */
+    _refRef: any;
+    /** Instance of the component making up the content of the bottom sheet. */
+    get instance(): T;
+    /**
+     * `ComponentRef` of the component opened into the bottom sheet. Will be
+     * null when the bottom sheet is opened using a `TemplateRef`.
+     */
+    get componentRef(): any;
+    /** Whether the user is allowed to close the bottom sheet. */
+    disableClose: boolean | undefined;
+    /** Subject for notifying the user that the bottom sheet has opened and appeared. */
+    private readonly _afterOpened;
+    /** Result to be passed down to the `afterDismissed` stream. */
+    private _result;
+    /** Handle to the timeout that's running as a fallback in case the exit animation doesn't fire. */
+    private _closeFallbackTimeout;
+    constructor(_ref: DialogRef<R, T>, config: BottomSheetConfig, containerInstance: any);
+    /**
+     * Dismisses the bottom sheet.
+     * @param result Data to be passed back to the bottom sheet opener.
+     */
+    dismiss(result?: R): void;
+    /** Gets an observable that is notified when the bottom sheet is finished closing. */
+    afterDismissed(): rxjs.Observable<R | undefined>;
+    /** Gets an observable that is notified when the bottom sheet has opened and appeared. */
+    afterOpened(): Subject<void>;
+    /**
+     * Gets an observable that emits when the overlay's backdrop has been clicked.
+     */
+    backdropClick(): rxjs.Observable<MouseEvent>;
+    /**
+     * Gets an observable that emits when keydown events are targeted on the overlay.
+     */
+    keydownEvents(): rxjs.Observable<KeyboardEvent>;
+}
+
+/** Injection token that can be used to specify default bottom sheet options. */
+declare const BOTTOM_SHEET_DEFAULT_OPTIONS: InjectionToken<BottomSheetConfig<any>>;
+declare class BottomSheet implements OnDestroy {
+    private _injector;
+    private _overlay;
+    private _dialog;
+    private _parentBottomSheet;
+    private _defaultOptions;
+    private _bottomSheetRefAtThisLevel;
+    /** Reference to the currently opened bottom sheet. */
+    get _openedBottomSheetRef(): BottomSheetRef<any> | null;
+    set _openedBottomSheetRef(value: BottomSheetRef<any> | null);
+    open<T, D = any, R = any>(componentOrTemplateRef: ComponentType<T> | TemplateRef<T>, config?: BottomSheetConfig<D>): BottomSheetRef<T, R>;
+    /**
+     * Dismisses the currently-visible bottom sheet.
+     * @param result Data to pass to the bottom sheet instance.
+     */
+    dismiss<R = any>(result?: R): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BottomSheet, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<BottomSheet>;
+}
+
+/**
+ * Internal component that wraps user-provided bottom sheet content.
+ * @docs-private
+ */
+declare class BottomSheetContainer extends CdkDialogContainer implements OnDestroy {
+    private _breakpointSubscription;
+    /** The state of the bottom sheet animations. */
+    _animationState: 'void' | 'visible' | 'hidden';
+    /** Emits whenever the state of the animation changes. */
+    _animationStateChanged: EventEmitter<any>;
+    /** Whether the component has been destroyed. */
+    private _destroyed;
+    constructor();
+    /** Begin animation of bottom sheet entrance into view. */
+    enter(): void;
+    /** Begin animation of the bottom sheet exiting from view. */
+    exit(): void;
+    ngOnDestroy(): void;
+    _onTransitionEnd(event: TransitionEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BottomSheetContainer, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BottomSheetContainer, "ngs-bottom-sheet-container", never, {}, {}, never, never, true, never>;
+}
+
+export { BOTTOM_SHEET_DATA, BOTTOM_SHEET_DEFAULT_OPTIONS, BottomSheet, BottomSheetConfig, BottomSheetContainer, BottomSheetRef };

package/types/ngstarter-ui-components-breadcrumbs.d.ts

@@ -0,0 +1,104 @@
+import * as i0 from '@angular/core';
+import { TemplateRef } from '@angular/core';
+import * as _ngrx_signals from '@ngrx/signals';
+
+declare class Breadcrumbs<T> {
+    itemRef: i0.Signal<TemplateRef<any>>;
+    activeItemRef: i0.Signal<TemplateRef<any>>;
+    separatorRef: i0.Signal<TemplateRef<any>>;
+    dataSource: i0.InputSignal<T[]>;
+    lastItemAsLink: i0.InputSignalWithTransform<boolean, unknown>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<Breadcrumbs<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Breadcrumbs<any>, "ngs-breadcrumbs", ["ngsBreadcrumbs"], { "dataSource": { "alias": "dataSource"; "required": false; "isSignal": true; }; "lastItemAsLink": { "alias": "lastItemAsLink"; "required": false; "isSignal": true; }; }, {}, ["itemRef", "activeItemRef", "separatorRef"], ["*"], true, never>;
+}
+
+declare class BreadcrumbItem {
+    static ɵfac: i0.ɵɵFactoryDeclaration<BreadcrumbItem, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BreadcrumbItem, "ngs-breadcrumb-item,[ngs-breadcrumb-item]", ["ngsBreadcrumbItem"], {}, {}, never, ["[ngsBreadcrumbItemIcon]", "ngs-breadcrumb-title", "*"], true, never>;
+}
+
+declare class BreadcrumbSeparator {
+    static ɵfac: i0.ɵɵFactoryDeclaration<BreadcrumbSeparator, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BreadcrumbSeparator, "ngs-breadcrumb-separator", ["ngsBreadcrumbSeparator"], {}, {}, never, ["*"], true, never>;
+}
+
+declare class BreadcrumbTitle {
+    static ɵfac: i0.ɵɵFactoryDeclaration<BreadcrumbTitle, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BreadcrumbTitle, "ngs-breadcrumb-title", ["ngsBreadcrumbTitle"], {}, {}, never, ["*"], true, never>;
+}
+
+interface Breadcrumb {
+    id: any;
+    name?: string;
+    title?: string;
+    type: 'link' | 'separator' | null | string;
+    icon?: string;
+    route?: string;
+    [propName: string]: any;
+}
+
+declare class BreadcrumbItemIconDefDirective {
+    readonly templateRef: TemplateRef<any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BreadcrumbItemIconDefDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BreadcrumbItemIconDefDirective, "[ngsBreadcrumbItemIconDef]", never, {}, {}, never, never, true, never>;
+}
+
+declare class BreadcrumbItemNameDefDirective {
+    readonly templateRef: TemplateRef<any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BreadcrumbItemNameDefDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BreadcrumbItemNameDefDirective, "[ngsBreadcrumbItemNameDef]", never, {}, {}, never, never, true, never>;
+}
+
+declare class BreadcrumbItemTitleDefDirective {
+    readonly templateRef: TemplateRef<any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BreadcrumbItemTitleDefDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BreadcrumbItemTitleDefDirective, "[ngsBreadcrumbItemTitleDef]", never, {}, {}, never, never, true, never>;
+}
+
+declare class BreadcrumbsGlobal {
+    private _breadcrumbsStore;
+    protected itemIconDef: i0.Signal<BreadcrumbItemIconDefDirective | undefined>;
+    protected itemNameDef: i0.Signal<BreadcrumbItemNameDefDirective | undefined>;
+    protected itemTitleDef: i0.Signal<BreadcrumbItemTitleDefDirective | undefined>;
+    breadcrumbs: i0.Signal<Breadcrumb[]>;
+    lastItemAsLink: i0.InputSignalWithTransform<boolean, unknown>;
+    separator: i0.InputSignal<string>;
+    get iconTemplateRef(): TemplateRef<any>;
+    get titleTemplateRef(): TemplateRef<any>;
+    get nameTemplateRef(): TemplateRef<any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BreadcrumbsGlobal, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BreadcrumbsGlobal, "ngs-breadcrumbs-global", ["ngsBreadcrumbsGlobal"], { "lastItemAsLink": { "alias": "lastItemAsLink"; "required": false; "isSignal": true; }; "separator": { "alias": "separator"; "required": false; "isSignal": true; }; }, {}, ["itemIconDef", "itemNameDef", "itemTitleDef"], never, true, never>;
+}
+
+declare class BreadcrumbItemDefDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<BreadcrumbItemDefDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BreadcrumbItemDefDirective, "[ngsBreadcrumbItemDef]", never, {}, {}, never, never, true, never>;
+}
+
+declare class BreadcrumbSeparatorDefDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<BreadcrumbSeparatorDefDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BreadcrumbSeparatorDefDirective, "[ngsBreadcrumbSeparatorDef]", never, {}, {}, never, never, true, never>;
+}
+
+declare class BreadcrumbActiveItemDefDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<BreadcrumbActiveItemDefDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BreadcrumbActiveItemDefDirective, "[ngsBreadcrumbActiveItemDef]", never, {}, {}, never, never, true, never>;
+}
+
+declare class BreadcrumbItemIconDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<BreadcrumbItemIconDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BreadcrumbItemIconDirective, "[ngsBreadcrumbItemIcon]", ["ngsBreadcrumbItemIcon"], {}, {}, never, never, true, never>;
+}
+
+interface BreadcrumbsState {
+    breadcrumbs: Breadcrumb[];
+}
+declare const BreadcrumbsStore: i0.Type<{
+    breadcrumbs: i0.Signal<Breadcrumb[]>;
+    setBreadcrumbs: (breadcrumbs: Breadcrumb[]) => void;
+} & _ngrx_signals.StateSource<{
+    breadcrumbs: Breadcrumb[];
+}>>;
+
+export { BreadcrumbActiveItemDefDirective, BreadcrumbItem, BreadcrumbItemDefDirective, BreadcrumbItemIconDefDirective, BreadcrumbItemIconDirective, BreadcrumbItemNameDefDirective, BreadcrumbItemTitleDefDirective, BreadcrumbSeparator, BreadcrumbSeparatorDefDirective, BreadcrumbTitle, Breadcrumbs, BreadcrumbsGlobal, BreadcrumbsStore };
+export type { BreadcrumbsState };

package/types/ngstarter-ui-components-button-toggle.d.ts

@@ -0,0 +1,54 @@
+import * as _angular_core from '@angular/core';
+import { OnInit, AfterContentInit } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+
+type ButtonToggleAppearance = 'standard' | 'legacy';
+declare class ButtonToggleGroup implements ControlValueAccessor, AfterContentInit {
+    readonly _buttonToggles: _angular_core.Signal<readonly any[]>;
+    appearance: _angular_core.InputSignal<ButtonToggleAppearance>;
+    disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    multiple: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    hideSelectionIndicator: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    vertical: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    value: _angular_core.ModelSignal<any>;
+    readonly change: _angular_core.OutputEmitterRef<any>;
+    _onChange: (value: any) => void;
+    _onTouched: () => void;
+    constructor();
+    ngAfterContentInit(): void;
+    writeValue(value: any): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState?(isDisabled: boolean): void;
+    _emitChangeEvent(value: any): void;
+    private _updateSelectedButtonsFromValue;
+    private _isSelected;
+    _onButtonClick(toggle: ButtonToggle): void;
+    private _updateValue;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ButtonToggleGroup, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ButtonToggleGroup, "ngs-button-toggle-group", ["ngsButtonToggleGroup"], { "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "hideSelectionIndicator": { "alias": "hideSelectionIndicator"; "required": false; "isSignal": true; }; "vertical": { "alias": "vertical"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "change": "change"; }, ["_buttonToggles"], ["*"], true, never>;
+}
+declare class ButtonToggle implements OnInit {
+    private _id;
+    id: _angular_core.InputSignal<string>;
+    value: _angular_core.InputSignal<any>;
+    name: _angular_core.InputSignal<string | undefined>;
+    checked: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    private _internalChecked;
+    get isChecked(): boolean;
+    _setChecked(value: boolean): void;
+    readonly change: _angular_core.OutputEmitterRef<any>;
+    buttonToggleGroup: any;
+    private _changeDetectorRef;
+    get isDisabled(): boolean;
+    get _shouldShowSelectionIndicator(): boolean;
+    ngOnInit(): void;
+    _onButtonClick(): void;
+    _markForCheck(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ButtonToggle, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ButtonToggle, "ngs-button-toggle", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "change": "change"; }, never, ["*"], true, never>;
+}
+
+export { ButtonToggle, ButtonToggleGroup };
+export type { ButtonToggleAppearance };

package/types/ngstarter-ui-components-button.d.ts

@@ -0,0 +1,27 @@
+import * as _angular_core from '@angular/core';
+import { ElementRef } from '@angular/core';
+import { Ripple } from '@ngstarter-ui/components/core';
+
+type ButtonVariant = 'filled' | 'outlined' | 'text' | 'tonal' | '';
+declare class Button {
+    readonly elementRef: ElementRef<any>;
+    readonly _ripple: Ripple | null;
+    readonly ngsButton: _angular_core.InputSignal<ButtonVariant>;
+    readonly ngsIconButton: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
+    readonly loading: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly disabledInteractive: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly disableRipple: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly reverse: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly fullWidth: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly hideTextOnMobile: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    constructor();
+    /** Whether the button is an icon button. */
+    get isIconButton(): boolean;
+    _haltDisabledEvents(event: Event): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Button, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Button, "    button[ngsButton], button[ngsIconButton],    a[ngsButton], a[ngsIconButton]  ", ["ngsButton"], { "ngsButton": { "alias": "ngsButton"; "required": false; "isSignal": true; }; "ngsIconButton": { "alias": "ngsIconButton"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "disabledInteractive": { "alias": "disabledInteractive"; "required": false; "isSignal": true; }; "disableRipple": { "alias": "disableRipple"; "required": false; "isSignal": true; }; "reverse": { "alias": "reverse"; "required": false; "isSignal": true; }; "fullWidth": { "alias": "fullWidth"; "required": false; "isSignal": true; }; "hideTextOnMobile": { "alias": "hideTextOnMobile"; "required": false; "isSignal": true; }; }, {}, never, ["ngs-icon", "*"], true, never>;
+}
+
+export { Button };
+export type { ButtonVariant };

package/types/ngstarter-ui-components-card-overlay.d.ts

@@ -0,0 +1,20 @@
+import * as i0 from '@angular/core';
+import { OnInit } from '@angular/core';
+
+declare class CardOverlay {
+    withTranslate: i0.InputSignalWithTransform<boolean, unknown>;
+    withBlur: i0.InputSignalWithTransform<boolean, unknown>;
+    disabled: i0.InputSignalWithTransform<boolean, unknown>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CardOverlay, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CardOverlay, "ngs-card-overlay", ["ngsCardOverlay"], { "withTranslate": { "alias": "withTranslate"; "required": false; "isSignal": true; }; "withBlur": { "alias": "withBlur"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class CardOverlayContainerDirective implements OnInit {
+    private _elementRef;
+    private _renderer;
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CardOverlayContainerDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CardOverlayContainerDirective, "[ngsCardOverlayContainer]", ["ngsCardOverlayContainer"], {}, {}, never, never, true, never>;
+}
+
+export { CardOverlay, CardOverlayContainerDirective };