@rededor/site-front-end-lib 20.0.27 → 20.0.28

package/cura/buttons/cura-button/index.d.ts

@@ -0,0 +1,90 @@
+import * as _angular_core from '@angular/core';
+import { ButtonType, ButtonSize, IconPosition, BackgroundType, FontColor, TextAlign } from '@rededor/site-front-end-lib/cura/buttons';
+import { LabelSize } from '@rededor/site-front-end-lib/cura/forms';
+
+declare class CuraButtonComponent {
+    private curaApi;
+    /**
+     * Button type: button (default) | submit | reset
+     */
+    type: _angular_core.InputSignal<ButtonType>;
+    /**
+     * Button size: small | medium | large (default)
+     */
+    size: _angular_core.InputSignal<ButtonSize>;
+    /**
+     * Disabled state. Boolean.
+     */
+    disabled: _angular_core.InputSignal<boolean>;
+    /**
+     * Loading state. Boolean.
+     */
+    isLoading: _angular_core.InputSignal<boolean>;
+    /**
+     * Name of the icon to be used from iconset.
+     */
+    iconName: _angular_core.InputSignal<string>;
+    /**
+     * Custom iconset if needed.
+     */
+    iconset: _angular_core.InputSignal<string>;
+    /**
+     * Icon position: left (default) | right.
+     */
+    iconPosition: _angular_core.InputSignal<IconPosition>;
+    /**
+     * Set button to FAB/icon only.
+     */
+    iconOnly: _angular_core.InputSignal<boolean>;
+    /**
+     * Property href switch button to link.
+     */
+    href: _angular_core.InputSignal<string>;
+    /**
+     * Set target if link.
+     */
+    target: _angular_core.InputSignal<string>;
+    /**
+     * Color base from color scheme. Default: accent.
+     */
+    color: _angular_core.InputSignal<string>;
+    /**
+     * Set the background color to dark or light.
+     */
+    background: _angular_core.InputSignal<BackgroundType>;
+    /**
+     * Set the font color to dark or light.
+     */
+    fontColor: _angular_core.InputSignal<FontColor>;
+    /**
+     * Set text alignment for the button label.
+     * Values: left (default) | center | right.
+     */
+    textAlign: _angular_core.InputSignal<TextAlign>;
+    /**
+     * Justify icons and label inside the button.
+     * Values: false (default) | true.
+     */
+    justify: _angular_core.InputSignal<boolean>;
+    /**
+     * Accessible name for the button (aria-label).
+     * Required for icon-only buttons or when button text is not descriptive enough.
+     */
+    ariaLabel: _angular_core.InputSignal<string>;
+    buttonClick: _angular_core.OutputEmitterRef<Event>;
+    hovered: boolean;
+    buttonStyles: _angular_core.Signal<{
+        [key: string]: string;
+    }>;
+    containerClasses: _angular_core.Signal<string>;
+    iconSize: _angular_core.Signal<"20" | "16">;
+    symbolColor: _angular_core.Signal<"neutral-white" | "neutral-black" | "neutral-dark">;
+    labelSize: _angular_core.Signal<LabelSize>;
+    handleMouseEnter(): void;
+    handleMouseLeave(): void;
+    handleClick(event: Event): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CuraButtonComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CuraButtonComponent, "cura-button", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "iconName": { "alias": "iconName"; "required": false; "isSignal": true; }; "iconset": { "alias": "iconset"; "required": false; "isSignal": true; }; "iconPosition": { "alias": "iconPosition"; "required": false; "isSignal": true; }; "iconOnly": { "alias": "iconOnly"; "required": false; "isSignal": true; }; "href": { "alias": "href"; "required": false; "isSignal": true; }; "target": { "alias": "target"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "background": { "alias": "background"; "required": false; "isSignal": true; }; "fontColor": { "alias": "fontColor"; "required": false; "isSignal": true; }; "textAlign": { "alias": "textAlign"; "required": false; "isSignal": true; }; "justify": { "alias": "justify"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "buttonClick": "buttonClick"; }, never, ["*"], true, never>;
+}
+
+export { CuraButtonComponent };

package/cura/buttons/cura-button-outline/index.d.ts

@@ -0,0 +1,90 @@
+import * as _angular_core from '@angular/core';
+import { ButtonType, ButtonSize, IconPosition, BackgroundType, FontColor, TextAlign } from '@rededor/site-front-end-lib/cura/buttons';
+import { LabelSize } from '@rededor/site-front-end-lib/cura/forms';
+
+declare class CuraButtonOutlineComponent {
+    private curaApi;
+    /**
+     * Button type: button (default) | submit | reset
+     */
+    type: _angular_core.InputSignal<ButtonType>;
+    /**
+     * Button size: small | medium | large (default)
+     */
+    size: _angular_core.InputSignal<ButtonSize>;
+    /**
+     * Disabled state. Boolean.
+     */
+    disabled: _angular_core.InputSignal<boolean>;
+    /**
+     * Loading state. Boolean.
+     */
+    isLoading: _angular_core.InputSignal<boolean>;
+    /**
+     * Name of the icon to be used from iconset.
+     */
+    iconName: _angular_core.InputSignal<string>;
+    /**
+     * Custom iconset if needed.
+     */
+    iconset: _angular_core.InputSignal<string>;
+    /**
+     * Icon position: left (default) | right.
+     */
+    iconPosition: _angular_core.InputSignal<IconPosition>;
+    /**
+     * Set button to FAB/icon only.
+     */
+    iconOnly: _angular_core.InputSignal<boolean>;
+    /**
+     * Property href switch button to link.
+     */
+    href: _angular_core.InputSignal<string>;
+    /**
+     * Set target if link.
+     */
+    target: _angular_core.InputSignal<string>;
+    /**
+     * Color base from color scheme. Default: primary.
+     */
+    color: _angular_core.InputSignal<string>;
+    /**
+     * Set the font background to dark or light.
+     */
+    background: _angular_core.InputSignal<BackgroundType>;
+    /**
+     * Set the font color to dark or light.
+     */
+    fontColor: _angular_core.InputSignal<FontColor>;
+    /**
+     * Set text alignment for the button label.
+     * Values: left (default) | center | right.
+     */
+    textAlign: _angular_core.InputSignal<TextAlign>;
+    /**
+     * Justify icons and label inside the button.
+     * Values: false (default) | true.
+     */
+    justify: _angular_core.InputSignal<boolean>;
+    /**
+     * Accessible name for the button (aria-label).
+     * Required for icon-only buttons or when button text is not descriptive enough.
+     */
+    ariaLabel: _angular_core.InputSignal<string>;
+    buttonClick: _angular_core.OutputEmitterRef<Event>;
+    hovered: boolean;
+    buttonStyles: _angular_core.Signal<{
+        [key: string]: string;
+    }>;
+    containerClasses: _angular_core.Signal<string>;
+    iconSize: _angular_core.Signal<"20" | "16">;
+    symbolColor: _angular_core.Signal<string>;
+    labelSize: _angular_core.Signal<LabelSize>;
+    handleMouseEnter(): void;
+    handleMouseLeave(): void;
+    handleClick(event: Event): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CuraButtonOutlineComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CuraButtonOutlineComponent, "cura-button-outline", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "iconName": { "alias": "iconName"; "required": false; "isSignal": true; }; "iconset": { "alias": "iconset"; "required": false; "isSignal": true; }; "iconPosition": { "alias": "iconPosition"; "required": false; "isSignal": true; }; "iconOnly": { "alias": "iconOnly"; "required": false; "isSignal": true; }; "href": { "alias": "href"; "required": false; "isSignal": true; }; "target": { "alias": "target"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "background": { "alias": "background"; "required": false; "isSignal": true; }; "fontColor": { "alias": "fontColor"; "required": false; "isSignal": true; }; "textAlign": { "alias": "textAlign"; "required": false; "isSignal": true; }; "justify": { "alias": "justify"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "buttonClick": "buttonClick"; }, never, ["*"], true, never>;
+}
+
+export { CuraButtonOutlineComponent };

package/cura/buttons/cura-button-select/index.d.ts

@@ -0,0 +1,39 @@
+import * as _angular_core from '@angular/core';
+import { ButtonSize, BackgroundType, IconPosition } from '@rededor/site-front-end-lib/cura/buttons';
+import { LabelSize } from '@rededor/site-front-end-lib/cura/forms';
+
+declare class CuraButtonSelectComponent {
+    private curaApi;
+    selected: _angular_core.ModelSignal<boolean>;
+    iconName: _angular_core.InputSignal<string>;
+    size: _angular_core.InputSignal<ButtonSize>;
+    counter: _angular_core.InputSignal<number | null>;
+    disabled: _angular_core.InputSignal<boolean>;
+    background: _angular_core.InputSignal<BackgroundType>;
+    color: _angular_core.InputSignal<string>;
+    iconPosition: _angular_core.InputSignal<IconPosition | undefined>;
+    /**
+     * Accessible name for the button (aria-label).
+     * Required for icon-only buttons or when button text is not descriptive enough.
+     */
+    ariaLabel: _angular_core.InputSignal<string>;
+    onclick: _angular_core.OutputEmitterRef<{
+        selected: boolean;
+    }>;
+    hovered: boolean;
+    buttonStyles: _angular_core.Signal<{
+        [key: string]: string;
+    }>;
+    containerClasses: _angular_core.Signal<string>;
+    labelFontColor: _angular_core.Signal<"neutral-dark" | "neutral-black" | "neutral-white">;
+    iconSize: _angular_core.Signal<"20" | "16">;
+    iconColor: _angular_core.Signal<"neutral-dark" | "neutral-black" | "neutral-white">;
+    labelSize: _angular_core.Signal<LabelSize>;
+    handleMouseEnter(): void;
+    handleMouseLeave(): void;
+    handleClick(event: Event): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CuraButtonSelectComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CuraButtonSelectComponent, "cura-button-select", never, { "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "iconName": { "alias": "iconName"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "counter": { "alias": "counter"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "background": { "alias": "background"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "iconPosition": { "alias": "iconPosition"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "selected": "selectedChange"; "onclick": "onclick"; }, never, ["*"], true, never>;
+}
+
+export { CuraButtonSelectComponent };

package/cura/buttons/cura-button-transparent/index.d.ts

@@ -0,0 +1,87 @@
+import * as _angular_core from '@angular/core';
+import { ButtonType, ButtonSize, IconPosition, FontColor, TextAlign } from '@rededor/site-front-end-lib/cura/buttons';
+import { LabelSize } from '@rededor/site-front-end-lib/cura/forms';
+
+declare class CuraButtonTransparentComponent {
+    private curaApi;
+    /**
+     * Button type: button (default) | submit | reset
+     */
+    type: _angular_core.InputSignal<ButtonType>;
+    /**
+     * Button size: small | medium | large (default)
+     */
+    size: _angular_core.InputSignal<ButtonSize>;
+    /**
+     * Disabled state. Boolean.
+     */
+    disabled: _angular_core.InputSignal<boolean>;
+    /**
+     * Loading state. Boolean.
+     */
+    isLoading: _angular_core.InputSignal<boolean>;
+    /**
+     * Name of the icon to be used from iconset.
+     */
+    iconName: _angular_core.InputSignal<string>;
+    /**
+     * Custom iconset if needed.
+     */
+    iconset: _angular_core.InputSignal<string>;
+    /**
+     * Icon position: left (default) | right.
+     */
+    iconPosition: _angular_core.InputSignal<IconPosition>;
+    /**
+     * Set button to FAB/icon only.
+     */
+    iconOnly: _angular_core.InputSignal<boolean>;
+    /**
+     * Property href switch button to link.
+     */
+    href: _angular_core.InputSignal<string>;
+    /**
+     * Set target if link.
+     */
+    target: _angular_core.InputSignal<string>;
+    /**
+     * Color base from color scheme. Default: primary.
+     */
+    color: _angular_core.InputSignal<string>;
+    /**
+     * Set the font color to dark or light.
+     * Default: dark.
+     */
+    fontColor: _angular_core.InputSignal<FontColor>;
+    /**
+     * Set text alignment for the button label.
+     * Values: left (default) | center | right.
+     */
+    textAlign: _angular_core.InputSignal<TextAlign>;
+    /**
+     * Justify icons and label inside the button.
+     * Values: false (default) | true.
+     */
+    justify: _angular_core.InputSignal<boolean>;
+    /**
+     * Accessible name for the button (aria-label).
+     * Required for icon-only buttons or when button text is not descriptive enough.
+     */
+    ariaLabel: _angular_core.InputSignal<string>;
+    buttonClick: _angular_core.OutputEmitterRef<Event>;
+    hovered: boolean;
+    buttonStyles: _angular_core.Signal<{
+        [key: string]: string;
+    }>;
+    containerClasses: _angular_core.Signal<string>;
+    iconSize: _angular_core.Signal<"20" | "16">;
+    symbolColor: _angular_core.Signal<string>;
+    labelSize: _angular_core.Signal<LabelSize>;
+    handleMouseEnter(): void;
+    handleMouseLeave(): void;
+    handleClick(event: Event): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CuraButtonTransparentComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CuraButtonTransparentComponent, "cura-button-transparent", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "iconName": { "alias": "iconName"; "required": false; "isSignal": true; }; "iconset": { "alias": "iconset"; "required": false; "isSignal": true; }; "iconPosition": { "alias": "iconPosition"; "required": false; "isSignal": true; }; "iconOnly": { "alias": "iconOnly"; "required": false; "isSignal": true; }; "href": { "alias": "href"; "required": false; "isSignal": true; }; "target": { "alias": "target"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "fontColor": { "alias": "fontColor"; "required": false; "isSignal": true; }; "textAlign": { "alias": "textAlign"; "required": false; "isSignal": true; }; "justify": { "alias": "justify"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "buttonClick": "buttonClick"; }, never, ["*"], true, never>;
+}
+
+export { CuraButtonTransparentComponent };

package/cura/buttons/index.d.ts

@@ -0,0 +1,15 @@
+declare const labelSizes: {
+    small: string;
+    medium: string;
+    large: string;
+    default: string;
+};
+type ButtonType = 'button' | 'reset' | 'submit';
+type ButtonSize = 'small' | 'medium' | 'large';
+type IconPosition = 'left' | 'right';
+type BackgroundType = 'dark' | 'light';
+type FontColor = 'dark' | 'light';
+type TextAlign = 'left' | 'center' | 'right';
+
+export { labelSizes };
+export type { BackgroundType, ButtonSize, ButtonType, FontColor, IconPosition, TextAlign };

package/cura/cards/cura-card/index.d.ts

@@ -0,0 +1,49 @@
+import * as _angular_core from '@angular/core';
+
+type CardType = 'solid' | 'transparent';
+type CardColorMode = 'light' | 'dark';
+type CardTarget = '_self' | '_blank' | '_parent' | '_top';
+
+declare class CuraCardComponent {
+    /**
+     * Determines whether the card should have padding.
+     * @default true
+     */
+    hasPadding: _angular_core.InputSignal<boolean>;
+    /**
+     * Determines whether the card should have a shadow effect.
+     * @default false
+     */
+    hasShadow: _angular_core.InputSignal<boolean>;
+    /**
+     * Sets the type of the card background.
+     * - 'solid': A solid background.
+     * - 'transparent': A transparent background.
+     * @default 'solid'
+     */
+    type: _angular_core.InputSignal<CardType>;
+    /**
+     * Sets the color mode of the card.
+     * - 'light': Light mode for the card.
+     * - 'dark': Dark mode for the card.
+     * @default 'light'
+     */
+    colorMode: _angular_core.InputSignal<CardColorMode>;
+    /**
+     * The URL that the card should link to (if set).
+     * If not set, the card acts as a normal card.
+     */
+    href: _angular_core.InputSignal<string>;
+    /**
+     * The target attribute for the link.
+     * Applicable only if `href` is set.
+     * @default '_self'
+     */
+    target: _angular_core.InputSignal<CardTarget>;
+    containerClasses: _angular_core.Signal<string>;
+    isLink: _angular_core.Signal<boolean>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CuraCardComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CuraCardComponent, "cura-card", never, { "hasPadding": { "alias": "hasPadding"; "required": false; "isSignal": true; }; "hasShadow": { "alias": "hasShadow"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "colorMode": { "alias": "colorMode"; "required": false; "isSignal": true; }; "href": { "alias": "href"; "required": false; "isSignal": true; }; "target": { "alias": "target"; "required": false; "isSignal": true; }; }, {}, never, ["*", "*"], true, never>;
+}
+
+export { CuraCardComponent };

package/cura/feedback/cura-alert/index.d.ts

@@ -0,0 +1,55 @@
+import * as _angular_core from '@angular/core';
+
+/**
+ * Alert types available
+ */
+type AlertType = 'info' | 'success' | 'warning' | 'error';
+/**
+ * Alert configuration interface
+ */
+interface AlertConfig {
+    type?: AlertType;
+    floating?: boolean;
+    label?: string;
+    closeable?: boolean;
+    icon?: string;
+}
+
+declare class CuraAlertComponent {
+    private curaApi;
+    /**
+     * Alert type: info (default) | success | warning | error
+     */
+    type: _angular_core.InputSignal<AlertType>;
+    /**
+     * Floating state. Boolean.
+     */
+    floating: _angular_core.InputSignal<boolean>;
+    /**
+     * Alert label/title
+     */
+    label: _angular_core.InputSignal<string>;
+    /**
+     * Closeable state. Boolean.
+     */
+    closeable: _angular_core.InputSignal<boolean>;
+    /**
+     * Custom icon name
+     */
+    icon: _angular_core.InputSignal<string>;
+    /**
+     * Close event emitter
+     */
+    close: _angular_core.OutputEmitterRef<void>;
+    alertStyles: _angular_core.Signal<{
+        [key: string]: string;
+    }>;
+    containerClasses: _angular_core.Signal<string>;
+    iconName: _angular_core.Signal<string>;
+    handleClose(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CuraAlertComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CuraAlertComponent, "cura-alert", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "floating": { "alias": "floating"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "closeable": { "alias": "closeable"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; }, { "close": "close"; }, never, ["*", "[slot=actions]"], true, never>;
+}
+
+export { CuraAlertComponent };
+export type { AlertConfig, AlertType };

package/cura/feedback/cura-modal/index.d.ts

@@ -0,0 +1,97 @@
+import * as _angular_core from '@angular/core';
+import { OnInit, OnDestroy } from '@angular/core';
+
+/**
+ * Background options for the modal component
+ */
+type ModalBackground = 'dark' | 'light';
+/**
+ * Event payload emitted when the modal is closed
+ */
+interface ModalCloseEvent {
+    /**
+     * Indicates that the modal was closed
+     */
+    closed: boolean;
+}
+/**
+ * Modal position configuration
+ */
+interface ModalPosition {
+    /**
+     * Top offset in pixels
+     */
+    top?: number;
+    /**
+     * Bottom offset in pixels
+     */
+    bottom?: number;
+    /**
+     * Left offset in pixels
+     */
+    left?: number;
+    /**
+     * Right offset in pixels
+     */
+    right?: number;
+}
+
+declare class CuraModalComponent implements OnInit, OnDestroy {
+    private curaApi;
+    private platformId;
+    /**
+     * Property open to control modal visibility
+     */
+    open: _angular_core.ModelSignal<boolean>;
+    /**
+     * Property background to control modal backdrop color
+     */
+    background: _angular_core.InputSignal<ModalBackground>;
+    /**
+     * Property top to control modal top position
+     */
+    top: _angular_core.InputSignal<number>;
+    /**
+     * Property bottom to control modal bottom position
+     */
+    bottom: _angular_core.InputSignal<number>;
+    /**
+     * Property left to control modal left position
+     */
+    left: _angular_core.InputSignal<number>;
+    /**
+     * Property right to control modal right position
+     */
+    right: _angular_core.InputSignal<number>;
+    /**
+     * Defines the label for the close button when the modal is viewed on mobile
+     */
+    mobileCloseLabel: _angular_core.InputSignal<string>;
+    /**
+     * Property zindex to control the z-index value of the component
+     */
+    zindex: _angular_core.InputSignal<string>;
+    /**
+     * Event close to handle modal close
+     */
+    modalClose: _angular_core.OutputEmitterRef<void>;
+    styles: _angular_core.Signal<{
+        '--background-color': string;
+        '--top-offset': string;
+        '--bottom-offset': string;
+        '--left-offset': string;
+        '--right-offset': string;
+        '--neutral-purewhite': string;
+        '--neutral-light': string;
+        '--base-spacing': string;
+    }>;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    handleCloseOnEsc: (evt: KeyboardEvent) => void;
+    handleClose: () => void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CuraModalComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CuraModalComponent, "cura-modal", never, { "open": { "alias": "open"; "required": false; "isSignal": true; }; "background": { "alias": "background"; "required": false; "isSignal": true; }; "top": { "alias": "top"; "required": false; "isSignal": true; }; "bottom": { "alias": "bottom"; "required": false; "isSignal": true; }; "left": { "alias": "left"; "required": false; "isSignal": true; }; "right": { "alias": "right"; "required": false; "isSignal": true; }; "mobileCloseLabel": { "alias": "mobileCloseLabel"; "required": false; "isSignal": true; }; "zindex": { "alias": "zindex"; "required": false; "isSignal": true; }; }, { "open": "openChange"; "modalClose": "modalClose"; }, never, ["*"], true, never>;
+}
+
+export { CuraModalComponent };
+export type { ModalBackground, ModalCloseEvent, ModalPosition };

package/cura/feedback/cura-toast/index.d.ts

@@ -0,0 +1,104 @@
+import * as _angular_core from '@angular/core';
+import { OnInit, OnDestroy } from '@angular/core';
+
+/**
+ * Toast types available
+ */
+type ToastType = 'info' | 'success' | 'warning' | 'error';
+/**
+ * Toast position types
+ */
+type ToastPosition = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
+/**
+ * Toast configuration interface
+ */
+interface ToastConfig {
+    type?: ToastType;
+    position?: ToastPosition;
+    icon?: string;
+    label?: string;
+    closeButton?: boolean;
+    loader?: boolean;
+    autoCloseDelay?: number;
+}
+
+declare class CuraToastComponent implements OnInit, OnDestroy {
+    private curaApi;
+    private elementRef;
+    private intervalId?;
+    /**
+     * Toast type: info (default) | success | warning | error
+     */
+    type: _angular_core.InputSignal<ToastType>;
+    /**
+     * Toast position on screen
+     */
+    position: _angular_core.InputSignal<ToastPosition>;
+    /**
+     * Custom icon name
+     */
+    icon: _angular_core.InputSignal<string>;
+    /**
+     * Toast label/title
+     */
+    label: _angular_core.InputSignal<string>;
+    /**
+     * Show close button. Default: true
+     */
+    closeButton: _angular_core.InputSignal<boolean>;
+    /**
+     * Show loader bar. Default: true
+     */
+    loader: _angular_core.InputSignal<boolean>;
+    /**
+     * Auto close delay in milliseconds. Default: 10000ms (10s)
+     */
+    autoCloseDelay: _angular_core.InputSignal<number>;
+    /**
+     * Close event emitter
+     */
+    toastClosed: _angular_core.OutputEmitterRef<void>;
+    /**
+     * Progress state for loader animation
+     */
+    progress: _angular_core.WritableSignal<number>;
+    /**
+     * Active state for animation
+     */
+    isActive: _angular_core.WritableSignal<boolean>;
+    constructor();
+    toastStyles: _angular_core.Signal<{
+        [key: string]: string;
+    }>;
+    containerClasses: _angular_core.Signal<{
+        [key: string]: boolean;
+    }>;
+    iconName: _angular_core.Signal<string>;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    /**
+     * Opens the toast container with animation
+     */
+    openContainer(): void;
+    /**
+     * Closes the toast container with animation
+     */
+    closeContainer(): void;
+    /**
+     * Public method to close toast
+     */
+    close(): void;
+    /**
+     * Handle close button click
+     */
+    handleClose(): void;
+    /**
+     * Starts the auto-close animation
+     */
+    private startAnimation;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CuraToastComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CuraToastComponent, "cura-toast", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "closeButton": { "alias": "closeButton"; "required": false; "isSignal": true; }; "loader": { "alias": "loader"; "required": false; "isSignal": true; }; "autoCloseDelay": { "alias": "autoCloseDelay"; "required": false; "isSignal": true; }; }, { "toastClosed": "toastClosed"; }, never, ["*", "[slot=actions]"], true, never>;
+}
+
+export { CuraToastComponent };
+export type { ToastConfig, ToastPosition, ToastType };