@odx/angular 12.26.1 → 13.0.1

package/components/action-group/index.d.ts

@@ -1 +1,20 @@
-export * from './action-group.component';
+import * as i0 from '@angular/core';
+
+/**
+ * Represents an action group component.
+ */
+declare class ActionGroupComponent {
+    readonly element: i0.ElementRef<HTMLElement>;
+    /**
+     * Indicates whether the action group should be displayed in reverse order.
+     *
+     * @type {boolean}
+     * @default false
+     */
+    reverse: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ActionGroupComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ActionGroupComponent, "odx-action-group", never, { "reverse": { "alias": "reverse"; "required": false; }; }, {}, never, ["[odxButton], ng-template"], true, never>;
+    static ngAcceptInputType_reverse: unknown;
+}
+
+export { ActionGroupComponent };

package/components/anchor-navigation/index.d.ts

@@ -1,4 +1,104 @@
-export * from './anchor-navigation.component';
-export * from './anchor-navigation.module';
-export * from './anchor-navigation.service';
-export * from './components';
+import * as _angular_core from '@angular/core';
+import { OnDestroy, WritableSignal, Signal } from '@angular/core';
+
+declare class AnchorNavigationItemComponent {
+    private readonly navigationService;
+    readonly element: _angular_core.ElementRef<HTMLElement>;
+    href: _angular_core.InputSignal<string>;
+    isActive: _angular_core.Signal<boolean>;
+    protected handleClick(e: Event): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AnchorNavigationItemComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AnchorNavigationItemComponent, "odx-anchor-navigation-item", never, { "href": { "alias": "href"; "required": true; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class AnchorNavigationComponent {
+    private readonly service;
+    readonly element: _angular_core.ElementRef<HTMLElement>;
+    /**
+     * A Signal with list of `AnchorLinkDirective` instances projected into this component.
+     * These are the anchor links that this navigation component will manage.
+     */
+    readonly projectedAnchorLinks: _angular_core.Signal<readonly AnchorNavigationItemComponent[]>;
+    /**
+     * Input to determine if the anchor navigation should be displayed vertically.
+     * Defaults to `false` (horizontal).
+     */
+    vertical: _angular_core.InputSignalWithTransform<boolean, boolean>;
+    /**
+     * Input to specify the threshold for the IntersectionObserver.
+     * This determines how much of the target element must be visible before it is considered intersecting.
+     * Defaults to `0.5` (50% visibility).
+     */
+    threshold: _angular_core.InputSignalWithTransform<number, number>;
+    /**
+     * Input to specify the scrollable container element or document whose scroll position
+     * is used to determine the active anchor link. If not provided, defaults to the
+     * `document` of the current window.
+     */
+    scrollableContainer: _angular_core.InputSignal<HTMLElement | Document | undefined>;
+    readonly activeAnchorLink: _angular_core.Signal<AnchorNavigationItemComponent | null>;
+    constructor();
+    /**
+     * Scrolls the view to the section associated with the given `AnchorLinkDirective`.
+     * @param anchor The `AnchorLinkDirective` instance representing the target anchor/section.
+     */
+    scrollToAnchor(anchor: AnchorNavigationItemComponent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AnchorNavigationComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AnchorNavigationComponent, "odx-anchor-navigation", never, { "vertical": { "alias": "vertical"; "required": false; "isSignal": true; }; "threshold": { "alias": "threshold"; "required": false; "isSignal": true; }; "scrollableContainer": { "alias": "root"; "required": false; "isSignal": true; }; }, {}, ["projectedAnchorLinks"], ["odx-anchor-navigation-item"], true, never>;
+}
+
+declare class AnchorNavigationModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AnchorNavigationModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<AnchorNavigationModule, never, [typeof AnchorNavigationComponent, typeof AnchorNavigationItemComponent], [typeof AnchorNavigationComponent, typeof AnchorNavigationItemComponent]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<AnchorNavigationModule>;
+}
+
+declare class AnchorNavigationService implements OnDestroy {
+    private readonly windowRef;
+    private intersectionObserver?;
+    private readonly intersectionStates;
+    private readonly targetScrollSections;
+    /**
+     * @internal
+     * A WritableSignal holding the threshold for the IntersectionObserver.
+     * This determines how much of the target element must be visible before it is considered intersecting.
+     * Defaults to 0.5 (50% visibility).
+     */
+    readonly threshold: WritableSignal<number>;
+    /**
+     * A WritableSignal holding the scrollable container element or document.
+     * This is set by the AnchorNavigationComponent.
+     * Defaults to the window's document.
+     */
+    scrollableContainer: WritableSignal<HTMLElement | Document>;
+    /**
+     * A WritableSignal holding an array of `AnchorLinkDirective` instances.
+     * These are the links managed by the service, typically set by the `AnchorNavigationComponent`
+     * based on its projected content.
+     */
+    projectedAnchorLinks: WritableSignal<readonly AnchorNavigationItemComponent[]>;
+    /**
+     * A readonly Signal indicating the currently active AnchorLinkDirective.
+     * This is updated by the service based on scroll position and intersection.
+     */
+    readonly activeAnchorLink: Signal<AnchorNavigationItemComponent | null>;
+    constructor();
+    ngOnDestroy(): void;
+    /**
+     * Scrolls the view to the section associated with the given `AnchorLinkDirective`
+     * and sets it as the active link.
+     *
+     * @param anchor The `AnchorLinkDirective` instance representing the target anchor/section.
+     *               If null or if the anchor's ID is not found, a warning is logged and the method returns.
+     */
+    scrollToAnchor(anchor: AnchorNavigationItemComponent | null): void;
+    private initIntersectionObserver;
+    private updateObservedElements;
+    private onIntersectionUpdate;
+    private findTargetScrollSections;
+    private disconnectObserver;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AnchorNavigationService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<AnchorNavigationService>;
+}
+
+export { AnchorNavigationComponent, AnchorNavigationItemComponent, AnchorNavigationModule, AnchorNavigationService };

package/components/area-header/index.d.ts

@@ -1,4 +1,54 @@
-export * from './area-header.component';
-export * from './area-header.module';
-export * from './directives';
-export * from './models';
+import * as i0 from '@angular/core';
+import * as i4 from '@odx/angular/components/avatar';
+import * as i5 from '@odx/angular/components/action-group';
+import * as i6 from '@odx/angular/components/button';
+import * as i7 from '@odx/angular/components/icon';
+import * as i8 from '@odx/angular';
+
+type AreaHeaderSize = typeof AreaHeaderSize[keyof typeof AreaHeaderSize];
+declare const AreaHeaderSize: {
+    readonly SMALL: "small";
+    readonly MEDIUM: "medium";
+    readonly LARGE: "large";
+    readonly XLARGE: "xlarge";
+};
+
+/**
+ * Represents the AreaHeaderComponent.
+ */
+declare class AreaHeaderComponent {
+    readonly element: i0.ElementRef<HTMLElement>;
+    /**
+     * The size of the area header.
+     *
+     * @type {AreaHeaderSize}
+     * @default AreaHeaderSize.LARGE
+     */
+    size: AreaHeaderSize;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AreaHeaderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AreaHeaderComponent, "odx-area-header", never, { "size": { "alias": "size"; "required": false; }; }, {}, never, ["button[odxNavigationBack], a[odxNavigationBack]", "odx-avatar", "*", "odx-area-header-subtitle", "odx-area-header-content"], true, never>;
+}
+
+/**
+ * Directive for the content of the area header.
+ */
+declare class AreaHeaderContentDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AreaHeaderContentDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AreaHeaderContentDirective, "odx-area-header-content", never, {}, {}, never, never, true, never>;
+}
+
+/**
+ * Directive for displaying a subtitle in the area header component.
+ */
+declare class AreaHeaderSubtitleDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AreaHeaderSubtitleDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AreaHeaderSubtitleDirective, "odx-area-header-subtitle", never, {}, {}, never, never, true, never>;
+}
+
+declare class AreaHeaderModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AreaHeaderModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AreaHeaderModule, never, [typeof AreaHeaderComponent, typeof AreaHeaderContentDirective, typeof AreaHeaderSubtitleDirective, typeof i4.AvatarComponent, typeof i5.ActionGroupComponent, typeof i6.ButtonComponent, typeof i7.IconComponent], [typeof i8.CoreModule, typeof AreaHeaderComponent, typeof AreaHeaderContentDirective, typeof AreaHeaderSubtitleDirective, typeof i4.AvatarComponent, typeof i5.ActionGroupComponent, typeof i6.ButtonComponent, typeof i7.IconComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AreaHeaderModule>;
+}
+
+export { AreaHeaderComponent, AreaHeaderContentDirective, AreaHeaderModule, AreaHeaderSize, AreaHeaderSubtitleDirective };

package/components/autocomplete/index.d.ts

@@ -1,6 +1,109 @@
-export * from './lib/autocomplete.component';
-export * from './lib/autocomplete.module';
-export * from './lib/autocomplete.tokens';
-export * from './lib/components';
-export * from './lib/directives';
-export * from './lib/pipes';
+import * as i0 from '@angular/core';
+import { AfterViewInit, QueryList, PipeTransform, InjectionToken } from '@angular/core';
+import * as i1 from '@odx/angular';
+import { ReadonlyController, ClickOutsideDirective } from '@odx/angular';
+import { AutocompleteControl, BaseSearchFilterPipe } from '@odx/angular/cdk/autocomplete-control';
+import * as _odx_angular_components_autocomplete from '@odx/angular/components/autocomplete';
+import { OptionControl } from '@odx/angular/cdk/option-control';
+import { InputControlDirective } from '@odx/angular/cdk/custom-form-control';
+
+/**
+ * Represents an option component for the autocomplete control.
+ *
+ * @template T - The type of the option value.
+ */
+declare class AutocompleteOptionComponent<T> extends OptionControl<T> {
+    protected readonly autocompleteControl: _odx_angular_components_autocomplete.AutocompleteComponent<unknown>;
+    /**
+     * Sets the active styles for the option component.
+     */
+    setActiveStyles(): void;
+    protected selectOption(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AutocompleteOptionComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AutocompleteOptionComponent<any>, "odx-autocomplete-option", never, {}, {}, never, ["*"], true, never>;
+}
+
+/**
+ * Directive for controlling the input in an autocomplete component.
+ * Extends the base InputControlDirective class.
+ */
+declare class AutocompleteInputControlDirective extends InputControlDirective {
+    protected readonly readonlyController: ReadonlyController | null;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AutocompleteInputControlDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AutocompleteInputControlDirective, "input[odxAutocompleteControl]", never, {}, {}, never, never, true, [{ directive: typeof i1.WithTabIndex; inputs: {}; outputs: {}; }]>;
+}
+
+/**
+ * Represents an autocomplete component that provides user interface for a dropdown list to select from as users type.
+ * It extends `AutocompleteControl`, integrating custom logic for handling keyboard and mouse events,
+ * managing the dropdown state, and updating the associated search field.
+ *
+ * @see {AutocompleteControl}
+ *
+ * @template T - The type of the value handled by the autocomplete.
+ */
+declare class AutocompleteComponent<T = unknown> extends AutocompleteControl<T | null> implements AfterViewInit {
+    private readonly defaultActiveOptionIndex;
+    private patchValueFlag;
+    private shouldOpenOnOptionUpdate;
+    protected readonly clickOutsideDirective: ClickOutsideDirective;
+    /**
+     * The list of autocomplete options.
+     *
+     * @type {QueryList<AutocompleteOptionComponent<T>> | undefined}
+     */
+    options?: QueryList<AutocompleteOptionComponent<T>>;
+    /** Text to display when no options are found.
+     *
+     * @type {string | null}
+     */
+    notFoundText: i0.InputSignal<string | null>;
+    /**
+     * The search field input control.
+     *
+     * @type {AutocompleteInputControlDirective | undefined}
+     */
+    searchField?: AutocompleteInputControlDirective;
+    ngAfterViewInit(): void;
+    /**
+     * Selects an option, updates the value, updates the search field display,
+     * emits the selected value, and closes the dropdown.
+     *
+     * @param {AutocompleteOptionComponent<T> | null} option - The option component to select. If the option is undefined or its value is undefined,
+     * no action is taken.
+     */
+    selectOption(option?: AutocompleteOptionComponent<T> | null): void;
+    /**
+     * Resets the search field to its initial state and updates the value of the autocomplete
+     * to an empty string or initial value.
+     */
+    resetSearchField(): void;
+    protected handleQueryListOption(options: QueryList<AutocompleteOptionComponent<T>>): void;
+    protected handleSearchFieldChanges(): void;
+    protected handleClickOutside(): void;
+    protected clickOutside(): void;
+    protected updateDropdownState(): void;
+    protected handleClickEvent(): void;
+    protected handleKeyboardEvent(event: KeyboardEvent): Promise<void>;
+    protected activateSelectedOption(): void;
+    protected onDropdownClosed(): void;
+    private updateSearchField;
+    private blurSelectSearchField;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AutocompleteComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AutocompleteComponent<any>, "odx-autocomplete", never, { "notFoundText": { "alias": "notFoundText"; "required": false; "isSignal": true; }; }, {}, ["searchField", "options"], ["input[odxAutocompleteControl]", "*"], true, [{ directive: typeof i1.ClickOutsideDirective; inputs: {}; outputs: {}; }]>;
+}
+
+declare class AutocompleteSearchFilterPipe extends BaseSearchFilterPipe implements PipeTransform {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AutocompleteSearchFilterPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<AutocompleteSearchFilterPipe, "odxAutocompleteSearchFilter", true>;
+}
+
+declare class AutocompleteModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AutocompleteModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AutocompleteModule, never, [typeof AutocompleteComponent, typeof AutocompleteInputControlDirective, typeof AutocompleteSearchFilterPipe, typeof AutocompleteOptionComponent], [typeof i1.CoreModule, typeof AutocompleteComponent, typeof AutocompleteInputControlDirective, typeof AutocompleteSearchFilterPipe, typeof AutocompleteOptionComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AutocompleteModule>;
+}
+
+declare const AUTOCOMPLETE_CONTROL: InjectionToken<AutocompleteComponent<unknown>>;
+
+export { AUTOCOMPLETE_CONTROL, AutocompleteComponent, AutocompleteInputControlDirective, AutocompleteModule, AutocompleteOptionComponent, AutocompleteSearchFilterPipe };

package/components/avatar/index.d.ts

@@ -1,2 +1,36 @@
-export * from './lib/avatar.component';
-export * from './lib/models';
+import * as i0 from '@angular/core';
+
+type AvatarSize = typeof AvatarSize[keyof typeof AvatarSize];
+declare const AvatarSize: {
+    readonly SMALL: "small";
+    readonly MEDIUM: "medium";
+    readonly LARGE: "large";
+};
+
+type AvatarVariant = (typeof AvatarVariant)[keyof typeof AvatarVariant];
+declare const AvatarVariant: {
+    readonly CIRCLE: "circle";
+    readonly RECTANGLE: "rectangle";
+};
+
+declare class AvatarComponent {
+    readonly element: i0.ElementRef<HTMLElement>;
+    /**
+     * The size of the avatar.
+     *
+     * @type {AvatarSize}
+     * @default AvatarSize.SMALL
+     */
+    size?: AvatarSize | null;
+    /**
+     * The variant of the avatar.
+     *
+     * @type {AvatarVariant}
+     * @default AvatarVariant.CIRCLE
+     */
+    variant?: AvatarVariant | null;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AvatarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AvatarComponent, "odx-avatar", never, { "size": { "alias": "size"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+
+export { AvatarComponent, AvatarSize, AvatarVariant };

package/components/badge/index.d.ts

@@ -1,3 +1,95 @@
-export * from './lib/badge.component';
-export * from './lib/badge.directive';
-export * from './lib/models';
+import * as i0 from '@angular/core';
+import { OnChanges, OnDestroy } from '@angular/core';
+import { DynamicTextContent } from '@odx/angular/cdk/dynamic-view';
+import { Position } from '@odx/angular/utils';
+
+type BadgeVariant = typeof BadgeVariant[keyof typeof BadgeVariant];
+declare const BadgeVariant: {
+    readonly HIGHLIGHT: "highlight";
+    readonly DANGER: "danger";
+    readonly CONFIRMATION: "confirmation";
+};
+
+/**
+ * Represents a badge component.
+ */
+declare class BadgeComponent {
+    readonly element: i0.ElementRef<HTMLElement>;
+    /**
+     * Indicates whether the badge should have a contrast effect.
+     *
+     * @type {boolean}
+     * @default false
+     */
+    contrast: boolean;
+    /**
+     * The variant of the badge.
+     *
+     * @type {BadgeVariant}
+     * @default BadgeVariant.HIGHLIGHT
+     */
+    variant: BadgeVariant;
+    /**
+     * The value of the badge component.
+     * It can be of type `DynamicTextContent` or `null`.
+     *
+     * @type {DynamicTextContent | null}
+     */
+    value?: DynamicTextContent | null;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BadgeComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BadgeComponent, "odx-badge", never, { "contrast": { "alias": "contrast"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, never, true, never>;
+    static ngAcceptInputType_contrast: unknown;
+}
+
+declare class BadgeDirective implements BadgeComponent, OnChanges, OnDestroy {
+    private readonly connectedOverlayService;
+    private readonly injector;
+    private badgeRef;
+    readonly element: i0.ElementRef<HTMLElement>;
+    /**
+     * The value of the badge directive.
+     *
+     * @type {DynamicTextContent}
+     * @default null
+     */
+    value?: DynamicTextContent | null;
+    /**
+     * Indicates whether the badge should have a contrast effect.
+     *
+     * @type {boolean}
+     * @default false
+     */
+    contrast: boolean;
+    /**
+     * The position of the badge.
+     *
+     * @type {Position}
+     * @default Position.BOTTOM_END
+     */
+    position: Position;
+    /**
+     * The offset of the badge.
+     *
+     * @type {number}
+     * @default 0
+     */
+    offset: number;
+    /**
+     * The variant of the badge.
+     *
+     * @type {BadgeVariant}
+     * @default BadgeVariant.HIGHLIGHT
+     */
+    variant: BadgeVariant;
+    ngOnChanges(): void;
+    ngOnDestroy(): void;
+    private showBadge;
+    private hideBadge;
+    private updateBadge;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BadgeDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BadgeDirective, "[odxBadge]", never, { "value": { "alias": "odxBadge"; "required": false; }; "contrast": { "alias": "odxBadgeContrast"; "required": false; }; "position": { "alias": "odxBadgePosition"; "required": false; }; "offset": { "alias": "odxBadgeOffset"; "required": false; }; "variant": { "alias": "odxBadgeVariant"; "required": false; }; }, {}, never, never, true, never>;
+    static ngAcceptInputType_contrast: unknown;
+    static ngAcceptInputType_offset: unknown;
+}
+
+export { BadgeComponent, BadgeDirective, BadgeVariant };

package/components/bar/index.d.ts

@@ -1,5 +1,56 @@
-export * from './lib/bar.component';
-export * from './lib/bar.module';
-export * from './lib/directives/bar-button.directive';
-export * from './lib/directives/bar-label.directive';
-export * from './lib/models/bar-button-variant';
+import * as i0 from '@angular/core';
+import * as i1 from '@odx/angular';
+import { DisabledController } from '@odx/angular';
+
+/**
+ * The `BarComponent` serves as a UI container component, typically used for presenting navigational bars,
+ * toolbars, or information bars within an application. Its design is easily customizable through the use of CSS classes.
+ *
+ * This component is standalone, meaning it can be used independently of other components without requiring explicit imports
+ * of other modules, making it easy to include wherever a bar-like structure is needed in the application.
+ */
+declare class BarComponent {
+    readonly element: i0.ElementRef<HTMLElement>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BarComponent, "odx-bar", never, {}, {}, never, ["button[odxBarButton], [odxBarLabel]"], true, never>;
+}
+
+type BarButtonVariant = typeof BarButtonVariant[keyof typeof BarButtonVariant];
+declare const BarButtonVariant: {
+    readonly DEFAULT: "default";
+    readonly SMALL: "small";
+};
+
+/**
+ * Represents a directive for a bar button.
+ */
+declare class BarButtonDirective {
+    protected readonly disabledController: DisabledController | null;
+    readonly element: i0.ElementRef<HTMLElement>;
+    /**
+     * The variant of the bar button.
+     *
+     * @type {BarButtonVariant}
+     * @default BarButtonVariant.DEFAULT
+     */
+    variant?: BarButtonVariant | null;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BarButtonDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BarButtonDirective, "button[odxBarButton]", never, { "variant": { "alias": "variant"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.WithDisabledState; inputs: {}; outputs: {}; }]>;
+}
+
+/**
+ * Represents a directive for displaying labels in a bar component.
+ */
+declare class BarLabelDirective {
+    readonly element: i0.ElementRef<HTMLElement>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BarLabelDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BarLabelDirective, "[odxBarLabel]", never, {}, {}, never, never, true, never>;
+}
+
+declare class BarModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<BarModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<BarModule, never, [typeof BarComponent, typeof BarButtonDirective, typeof BarLabelDirective], [typeof i1.CoreModule, typeof BarComponent, typeof BarButtonDirective, typeof BarLabelDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<BarModule>;
+}
+
+export { BarButtonDirective, BarButtonVariant, BarComponent, BarLabelDirective, BarModule };

package/components/breadcrumbs/index.d.ts

@@ -1 +1,12 @@
-export * from './lib/breadcrumbs.component';
+import * as i0 from '@angular/core';
+
+/**
+ * Represents a breadcrumbs component.
+ */
+declare class BreadcrumbsComponent {
+    readonly element: i0.ElementRef<HTMLElement>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BreadcrumbsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BreadcrumbsComponent, "odx-breadcrumbs", never, {}, {}, never, ["[odxLink]"], true, never>;
+}
+
+export { BreadcrumbsComponent };

package/components/button/index.d.ts

@@ -1,3 +1,55 @@
-export * from './lib/button.component';
-export * from './lib/directives';
-export * from './lib/models';
+import * as i0 from '@angular/core';
+import * as i1 from '@odx/angular';
+
+type ButtonSize = (typeof ButtonSize)[keyof typeof ButtonSize];
+declare const ButtonSize: {
+    readonly SMALL: "small";
+    readonly MEDIUM: "medium";
+    readonly LARGE: "large";
+};
+
+type ButtonVariant = (typeof ButtonVariant)[keyof typeof ButtonVariant];
+declare const ButtonVariant: {
+    readonly PRIMARY: "primary";
+    readonly SECONDARY: "secondary";
+    readonly GHOST: "ghost";
+    readonly HIGHLIGHT: "highlight";
+    readonly SUCCESS: "success";
+    readonly CONFIRMATION: "confirmation";
+    readonly DANGER: "danger";
+};
+
+/**
+ * ButtonComponent is a customizable button element that supports various sizes and styles.
+ * It uses the `WithDisabledState` host directive to provide disabled state management.
+ *
+ * @see {WithDisabledState}
+ */
+declare class ButtonComponent {
+    readonly element: i0.ElementRef<HTMLButtonElement | HTMLLinkElement>;
+    readonly type: string | null;
+    /**
+     * The variant of the button.
+     *
+     * @type {ButtonVariant}
+     * @default ButtonVariant.SECONDARY
+     */
+    variant?: ButtonVariant | null;
+    /**
+     * The size of the button.
+     *
+     * @type {ButtonSize}
+     * @default ButtonSize.MEDIUM
+     */
+    size?: ButtonSize | null;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "button[odxButton], a[odxButton]", never, { "variant": { "alias": "variant"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, ["odx-icon:not([alignRight])", "*", "odx-icon[alignRight]"], true, [{ directive: typeof i1.WithDisabledState; inputs: {}; outputs: {}; }]>;
+}
+
+declare class ResponsiveButtonDirective {
+    breakpoint: string | null;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ResponsiveButtonDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ResponsiveButtonDirective, "[odxButton][odxResponsiveButton]", never, { "breakpoint": { "alias": "odxResponsiveButton"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+export { ButtonComponent, ButtonSize, ButtonVariant, ResponsiveButtonDirective };

package/components/button-group/index.d.ts

@@ -1 +1,44 @@
-export * from './lib/button-group.component';
+import * as i0 from '@angular/core';
+
+/**
+ * Represents a button group component.
+ */
+declare class ButtonGroupComponent {
+    readonly element: i0.ElementRef<HTMLElement>;
+    /**
+     * Specifies whether the buttons in the button group should be aligned to the right.
+     *
+     * @type {boolean}
+     * @default false
+     */
+    alignRight: boolean;
+    /**
+     * Specifies whether the button group should be displayed as a block element.
+     *
+     * @type {boolean}
+     * @default false
+     */
+    block: boolean;
+    /**
+     * Specifies whether the buttons should be displayed vertically.
+     *
+     * @type {boolean}
+     * @default false
+     */
+    vertical: boolean;
+    /**
+     * Indicates whether the button group should be displayed in reverse order.
+     *
+     * @type {boolean}
+     * @default false
+     */
+    reverse: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ButtonGroupComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonGroupComponent, "odx-button-group", never, { "alignRight": { "alias": "alignRight"; "required": false; }; "block": { "alias": "block"; "required": false; }; "vertical": { "alias": "vertical"; "required": false; }; "reverse": { "alias": "reverse"; "required": false; }; }, {}, never, ["button[odxButton], a[odxButton]"], true, never>;
+    static ngAcceptInputType_alignRight: unknown;
+    static ngAcceptInputType_block: unknown;
+    static ngAcceptInputType_vertical: unknown;
+    static ngAcceptInputType_reverse: unknown;
+}
+
+export { ButtonGroupComponent };