@basis-ng/primitives 0.0.1-alpha.6 → 0.0.1-alpha.61

package/core/components/alert/alert.component.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from "@angular/core";
-export declare class Alert {
+export declare class AlertComponent {
     /** The type of the alert. */
     readonly type: import("@angular/core").InputSignal<"error" | "success" | "warning" | "info">;
     /** The title of the alert. */
@@ -15,6 +15,6 @@ export declare class Alert {
     /** The color foreground of the alert. */
     readonly colorForeground: import("@angular/core").Signal<string>;
     dismiss(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<Alert, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<Alert, "b-alert", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "dismissible": { "alias": "dismissible"; "required": false; "isSignal": true; }; "maxWidth": { "alias": "maxWidth"; "required": false; "isSignal": true; }; }, { "dismissed": "dismissed"; }, never, ["*"], true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AlertComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AlertComponent, "b-alert", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "dismissible": { "alias": "dismissible"; "required": false; "isSignal": true; }; "maxWidth": { "alias": "maxWidth"; "required": false; "isSignal": true; }; }, { "dismissed": "dismissed"; }, never, ["*"], true, never>;
 }

package/core/components/badge/badge.component.d.ts

@@ -1,9 +1,9 @@
 import * as i0 from "@angular/core";
-export declare class Badge {
+export declare class BadgeComponent {
     /** The variant of the badge. */
     readonly variant: import("@angular/core").InputSignal<"primary" | "secondary" | "ghost" | "outlined">;
     /** The size of the badge. */
     readonly size: import("@angular/core").InputSignal<"small" | "default">;
-    static ɵfac: i0.ɵɵFactoryDeclaration<Badge, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<Badge, "span[b-badge]", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BadgeComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BadgeComponent, "span[b-badge]", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }

package/core/components/button/button.component.d.ts

@@ -1,22 +1,37 @@
 import { ElementRef } from '@angular/core';
 import * as i0 from "@angular/core";
-export declare class Button {
-    /** The variant of the button. */
+/**
+ * Button component that provides various styles and configurations.
+ */
+export declare class ButtonComponent {
+    /**
+     * Defines the visual style of the button.
+     *
+     * @defaultValue 'primary'
+     */
     readonly variant: import("@angular/core").InputSignal<"primary" | "secondary" | "ghost" | "outlined">;
-    /** The size of the button. */
-    readonly size: import("@angular/core").InputSignal<"small" | "default">;
-    /** Whether is loading. */
-    readonly loading: import("@angular/core").InputSignal<boolean>;
-    /** Whether the padding should be equal vertically and horizontally. */
-    readonly equalPadding: import("@angular/core").InputSignal<boolean>;
-    /** Whether the button is toggleable. */
-    readonly toggle: import("@angular/core").InputSignal<boolean>;
-    /** The value of the button when it is toggled. */
-    readonly isToggled: import("@angular/core").InputSignal<boolean>;
-    /**  Whether the button active animation is enabled. */
+    /**
+     * Specifies the size of the button.
+     *
+     * @defaultValue '2'
+     */
+    readonly size: import("@angular/core").InputSignal<"1" | "2" | "3">;
+    /**
+     * Determines whether the button has an active state enabled.
+     *
+     * @defaultValue true
+     */
     readonly activeEnabled: import("@angular/core").InputSignal<boolean>;
-    /** The element reference of the button. */
+    /**
+     * Indicates whether the button should have squared corners.
+     *
+     * @defaultValue false
+     */
+    readonly squared: import("@angular/core").InputSignal<boolean>;
+    /**
+     * Reference to the host DOM element.
+     */
     el: ElementRef<any>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<Button, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<Button, "button[b-button]", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "equalPadding": { "alias": "equalPadding"; "required": false; "isSignal": true; }; "toggle": { "alias": "toggle"; "required": false; "isSignal": true; }; "isToggled": { "alias": "isToggled"; "required": false; "isSignal": true; }; "activeEnabled": { "alias": "activeEnabled"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "button[b-button]", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "activeEnabled": { "alias": "activeEnabled"; "required": false; "isSignal": true; }; "squared": { "alias": "squared"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }

package/core/components/button-group/button-group.component.d.ts

@@ -1,9 +1,9 @@
 import * as i0 from "@angular/core";
-export declare class ButtonGroup {
+export declare class ButtonGroupComponent {
     /**
      * Whether the buttons should be spaced.
      */
     readonly spaced: import("@angular/core").InputSignal<boolean>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ButtonGroup, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonGroup, "b-button-group", never, { "spaced": { "alias": "spaced"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ButtonGroupComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonGroupComponent, "b-button-group", never, { "spaced": { "alias": "spaced"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }

package/core/components/card/card-content.component.d.ts

@@ -0,0 +1,5 @@
+import * as i0 from "@angular/core";
+export declare class CardContentComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<CardContentComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CardContentComponent, "b-card-content", never, {}, {}, never, ["*"], true, never>;
+}

package/core/components/card/card-description.component.d.ts

@@ -0,0 +1,5 @@
+import * as i0 from "@angular/core";
+export declare class CardDescriptionComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<CardDescriptionComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CardDescriptionComponent, "b-card-description", never, {}, {}, never, ["*"], true, never>;
+}

package/core/components/card/card-footer.component.d.ts

@@ -0,0 +1,5 @@
+import * as i0 from "@angular/core";
+export declare class CardFooterComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<CardFooterComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CardFooterComponent, "b-card-footer", never, {}, {}, never, ["*"], true, never>;
+}

package/core/components/card/card-header.component.d.ts

@@ -0,0 +1,5 @@
+import * as i0 from "@angular/core";
+export declare class CardHeaderComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<CardHeaderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CardHeaderComponent, "b-card-header", never, {}, {}, never, ["*"], true, never>;
+}

package/core/components/card/card-title.component.d.ts

@@ -0,0 +1,5 @@
+import * as i0 from "@angular/core";
+export declare class CardTitleComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<CardTitleComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CardTitleComponent, "b-card-title", never, {}, {}, never, ["*"], true, never>;
+}

package/core/components/card/card.component.d.ts

@@ -0,0 +1,10 @@
+import * as i0 from "@angular/core";
+export declare class CardComponent {
+    /**
+     * The width of the card.
+     * @default '80vw'
+     */
+    readonly maxWidth: import("@angular/core").InputSignal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CardComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CardComponent, "b-card", never, { "maxWidth": { "alias": "maxWidth"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}

package/core/components/color-picker/color-picker.component.d.ts

@@ -1,6 +1,6 @@
 import { AfterViewInit, ElementRef } from '@angular/core';
 import * as i0 from "@angular/core";
-export declare class ColorPicker implements AfterViewInit {
+export declare class ColorPickerComponent implements AfterViewInit {
     /**
      * Specifies the maximum width of the input.
      */
@@ -56,6 +56,6 @@ export declare class ColorPicker implements AfterViewInit {
      * @returns The resulting mixed color in hexadecimal format.
      */
     calculateColorMix(color1: string, color2: string, percentage: number): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ColorPicker, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ColorPicker, "input[b-color-picker]", never, { "maxWidth": { "alias": "maxWidth"; "required": false; "isSignal": true; }; "showColor": { "alias": "showColor"; "required": false; "isSignal": true; }; }, {}, ["ngModel"], never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ColorPickerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ColorPickerComponent, "input[b-color-picker]", never, { "maxWidth": { "alias": "maxWidth"; "required": false; "isSignal": true; }; "showColor": { "alias": "showColor"; "required": false; "isSignal": true; }; }, {}, ["ngModel"], never, true, never>;
 }

package/core/components/combobox/combobox.component.d.ts

@@ -0,0 +1,114 @@
+import { OnInit } from '@angular/core';
+import { ButtonComponent } from '../button/button.component';
+import { ControlValueAccessor } from '@angular/forms';
+import { CommandComponent } from '../command/command.component';
+import * as i0 from "@angular/core";
+/**
+ * Component representing a combobox dropdown.
+ * This component provides a button to toggle the dropdown and displays the selected option(s) with an input field.
+ */
+export declare class ComboboxComponent implements OnInit, ControlValueAccessor {
+    /**
+     * Placeholder text displayed when no option is selected.
+     * Defaults to 'Select an option'.
+     */
+    readonly placeholder: import("@angular/core").InputSignal<string>;
+    /**
+     * Signal indicating whether the dropdown is currently open.
+     */
+    readonly isOpen: import("@angular/core").WritableSignal<boolean>;
+    /**
+     * Reference to the button element used to toggle the dropdown.
+     * This is used for managing focus and interactions.
+     */
+    readonly button: import("@angular/core").Signal<ButtonComponent | undefined>;
+    /**
+     * Reference to the content component of the dropdown.
+     * This contains the list of selectable options.
+     */
+    readonly command: import("@angular/core").Signal<CommandComponent | undefined>;
+    /**
+     * Computed signal representing the selected values from the dropdown.
+     * This is linked to the value of the `CommandComponent`.
+     */
+    readonly value: import("@angular/core").WritableSignal<string[] | undefined>;
+    /**
+     * Linked signal for the width of the button element.
+     * This is used to set the width of the dropdown overlay.
+     */
+    readonly buttonWidth: import("@angular/core").WritableSignal<any>;
+    /**
+     * Model indicating whether the combobox component is disabled.
+     * When disabled, the dropdown cannot be opened or interacted with.
+     */
+    readonly disabled: import("@angular/core").ModelSignal<boolean>;
+    /**
+     * Computed signal representing the options available in the dropdown.
+     * This retrieves the options from the `CommandComponent`.
+     */
+    readonly options: import("@angular/core").Signal<readonly import("@angular/cdk/listbox").CdkOption<any>[] | undefined>;
+    /**
+     * Computed signal representing the content of the selected option(s).
+     * If no option is selected, it returns the placeholder text.
+     */
+    readonly content: import("@angular/core").Signal<string | undefined>;
+    /**
+     * Signal representing the delay before closing the dropdown.
+     * This is used to provide a smooth transition when closing the dropdown.
+     */
+    readonly closeDelay: import("@angular/core").WritableSignal<number>;
+    /**
+     * Lifecycle hook that is called after the component is initialized.
+     * It sets up the necessary subscriptions for handling value changes.
+     */
+    ngOnInit(): void;
+    /**
+     * Subscribes to the `closeEmitter` of the `CommandComponent` to handle
+     * changes to the selected value. This ensures the dropdown closes and the
+     * value is propagated to Angular Forms.
+     */
+    handleSelectedValueChange(): void;
+    /**
+     * Focuses the input element within the command component when the overlay is attached.
+     */
+    onOverlayAttached(): void;
+    /**
+     * Sets the width of the button element when the window is resized.
+     * This ensures that the dropdown overlay matches the width of the button.
+     */
+    setButtonWidth(): void;
+    /**
+     * Callback function to propagate changes to the model.
+     * This is called whenever the value changes.
+     */
+    private onChange;
+    /**
+     * Callback function to mark the component as touched.
+     * This is called when the component loses focus.
+     */
+    private onTouched;
+    /**
+     * Writes a new value to the component.
+     * This method is called by Angular Forms to update the value of the combobox component.
+     * @param value - The new value to set.
+     */
+    writeValue(value: string[]): void;
+    /**
+     * Registers a callback function to be called when the value changes.
+     * @param fn - The callback function.
+     */
+    registerOnChange(fn: (value: string[]) => void): void;
+    /**
+     * Registers a callback function to be called when the component is touched.
+     * @param fn - The callback function.
+     */
+    registerOnTouched(fn: () => void): void;
+    /**
+     * Sets the disabled state of the component.
+     * This method is called by Angular Forms to enable or disable the component.
+     * @param isDisabled - A boolean indicating whether the component should be disabled.
+     */
+    setDisabledState(isDisabled: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ComboboxComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ComboboxComponent, "b-combobox", never, { "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "disabled": "disabledChange"; }, ["command"], ["*"], true, never>;
+}

package/core/components/command/command-options.component.d.ts

@@ -0,0 +1,58 @@
+import { ActiveDescendantKeyManager } from '@angular/cdk/a11y';
+import { CdkListbox, CdkOption } from '@angular/cdk/listbox';
+import { OnInit } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/cdk/listbox";
+/**
+ * Component representing a list of command options.
+ * It uses Angular CDK's listbox and option utilities for accessibility and keyboard navigation.
+ */
+export declare class CommandOptionsComponent implements OnInit {
+    /**
+     * Collection of child options within the listbox.
+     */
+    readonly options: import("@angular/core").Signal<readonly CdkOption<any>[]>;
+    /**
+     * Key manager for handling keyboard navigation and active descendant management.
+     */
+    readonly listKeyManager: import("@angular/core").Signal<ActiveDescendantKeyManager<CdkOption<any>>>;
+    /**
+     * Signal representing the currently selected values.
+     */
+    readonly value: import("@angular/core").WritableSignal<string[]>;
+    /**
+     * Signal representing the currently highlighted option.
+     */
+    readonly highlightedOption: import("@angular/core").WritableSignal<string>;
+    /**
+     * Reference to the injected CDK Listbox instance.
+     */
+    cdkListbox: CdkListbox<any>;
+    /**
+     * Emitter for closing the command options.
+     */
+    closeEmitter: import("@angular/core").OutputEmitterRef<void>;
+    /**
+     * Lifecycle hook that initializes the component.
+     * Enables the use of active descendant for the listbox.
+     */
+    ngOnInit(): void;
+    /**
+     * Selects the currently active option and updates the listbox value.
+     */
+    selectOption(value?: string[] | string): void;
+    /**
+     * Moves the active item to the next option and updates the highlighted option.
+     */
+    nextOption(): void;
+    /**
+     * Moves the active item to the previous option and updates the highlighted option.
+     */
+    previousOption(): void;
+    /**
+     * Updates the CSS class of options to reflect the currently highlighted option.
+     */
+    updateHighlightedOption(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CommandOptionsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CommandOptionsComponent, "ul[b-command-options]", never, {}, { "closeEmitter": "closeEmitter"; }, ["options"], ["*"], true, [{ directive: typeof i1.CdkListbox; inputs: {}; outputs: { "cdkListboxValueChange": "cdkListboxValueChange"; }; }]>;
+}

package/core/components/command/command.component.d.ts

@@ -0,0 +1,67 @@
+import { ElementRef, OnDestroy } from '@angular/core';
+import { CommandOptionsComponent } from './command-options.component';
+import { BreakpointObserver } from '@angular/cdk/layout';
+import * as i0 from "@angular/core";
+/**
+ * Component representing a command input with associated options.
+ * It provides keyboard navigation and focus trapping for accessibility.
+ */
+export declare class CommandComponent implements OnDestroy {
+    /**
+     * Reference to the child `CommandOptionsComponent` if present.
+     * Used to interact with the options for navigation and selection.
+     */
+    readonly commandOptions: import("@angular/core").Signal<CommandOptionsComponent | undefined>;
+    /**
+     * Input representing the maximum height of the component.
+     * This can be used to control the visual appearance of the command component.
+     */
+    readonly maxHeight: import("@angular/core").InputSignal<string>;
+    /**
+     * Computed signal representing the selected value from the command options.
+     * This is linked to the value of the `CommandOptionsComponent`.
+     */
+    readonly value: import("@angular/core").Signal<string[] | undefined>;
+    /**
+     * Computed signal representing the options available in the command options.
+     * This is linked to the options of the `CommandOptionsComponent`.
+     */
+    readonly options: import("@angular/core").Signal<readonly import("@angular/cdk/listbox").CdkOption<any>[] | undefined>;
+    /**
+     * Reference to the BreakpointObserver service for responsive design.
+     */
+    breakpointObserver: BreakpointObserver;
+    /**
+     * Signal representing whether the current viewport is desktop or not.
+     * This is determined by checking if the Handset breakpoint is matched.
+     */
+    readonly isDesktop: import("@angular/core").WritableSignal<boolean>;
+    /**
+     * Reference to the host element of the component.
+     * This provides access to the DOM element of the command component.
+     */
+    el: ElementRef<any>;
+    /**
+     * Output that emits the current input value.
+     */
+    readonly inputValueChange: import("@angular/core").OutputEmitterRef<string>;
+    /**
+     * Input to control debounce time (ms) for valueChange emission.
+     */
+    readonly debounce: import("@angular/core").InputSignal<number>;
+    /**
+     * Reference to the UtilsService for debounce logic.
+     */
+    private utils;
+    /**
+     * Unique key for debounce timer.
+     */
+    private readonly debounceKey;
+    /**
+     * Handler for input event, emits value with debounce if set.
+     */
+    onInput(event: Event): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CommandComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CommandComponent, "b-command", never, { "maxHeight": { "alias": "maxHeight"; "required": false; "isSignal": true; }; "debounce": { "alias": "debounce"; "required": false; "isSignal": true; }; }, { "inputValueChange": "inputValueChange"; }, ["commandOptions"], ["*"], true, never>;
+}

package/core/components/dialog/dialog.component.d.ts

@@ -0,0 +1,42 @@
+import { ClosingType, DialogService } from '../../services/dialog.service';
+import { CdkDialogContainer, DialogRef } from '@angular/cdk/dialog';
+import * as i0 from "@angular/core";
+/**
+ * DialogComponent acts as a custom container for dialogs opened via the Angular CDK Dialog module.
+ * It provides custom close behavior (ESC key and outside click) and hosts the dialog content.
+ *
+ * @example
+ * Used internally by DialogService. Not intended for direct use.
+ */
+export declare class DialogComponent extends CdkDialogContainer {
+    /**
+     * Injected instance of the DialogService.
+     * @internal
+     */
+    dialogService: DialogService;
+    /**
+     * Injected reference to the current DialogRef.
+     * @internal
+     */
+    dialogRef: DialogRef<any, any>;
+    /**
+     * Injected reference to the host element.
+     * @internal
+     */
+    private el;
+    /**
+     * Signal indicating if the dialog is in the process of leaving (closing).
+     */
+    readonly leaving: import("@angular/core").WritableSignal<boolean>;
+    /**
+     * Closes the dialog by calling the DialogService.
+     */
+    close(type: ClosingType): void;
+    /**
+     * Listens for document click events and closes the dialog if the click occurs outside the dialog element.
+     * @param event MouseEvent
+     */
+    onDocumentClick(event: MouseEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DialogComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DialogComponent, "b-dialog", never, {}, {}, never, never, true, never>;
+}

package/core/components/{bottom-sheet/bottom-sheet.component.d.ts → drawer/drawer.component.d.ts}

@@ -1,15 +1,15 @@
 import * as i0 from "@angular/core";
-export declare class BottomSheet {
+export declare class DrawerComponent {
     /**
-     * Indicates whether the bottom sheet is open.
+     * Indicates whether the drawer is open.
      */
     readonly isOpen: import("@angular/core").ModelSignal<boolean>;
     /**
-     * The height of the bottom sheet.
+     * The height of the drawer.
      */
     readonly height: import("@angular/core").InputSignal<string>;
     /**
-     * Event emitted when the bottom sheet is closed.
+     * Event emitted when the drawer is closed.
      */
     closeSheet: import("@angular/core").OutputEmitterRef<void>;
     /**
@@ -21,40 +21,40 @@ export declare class BottomSheet {
      */
     readonly startY: import("@angular/core").WritableSignal<number>;
     /**
-     * The current Y translation of the bottom sheet in percentage.
+     * The current Y translation of the drawer in percentage.
      */
     private readonly translateY;
     /**
-     * The threshold for closing the bottom sheet, in percentage.
+     * The threshold for closing the drawer, in percentage.
      */
     readonly closeThreshold: import("@angular/core").InputSignal<number>;
     /**
-     * The computed transform property for the bottom sheet.
+     * The computed transform property for the drawer.
      */
     readonly transform: import("@angular/core").Signal<string>;
     /**
-     * The reference to the Bottom Sheet DOM element.
+     * The reference to the drawer DOM element.
      */
     private readonly el;
     /**
-     * Closes the bottom sheet when clicking outside of it.
+     * Closes the drawer when clicking outside of it.
      * @param event The click event.
      */
     closeOnOutsideClick(event: Event): void;
     /**
-     * Starts the drag event for the bottom sheet.
+     * Starts the drag event for the drawer.
      * @param event The pointer event that starts the drag.
      */
     startDrag(event: PointerEvent): void;
     /**
-     * Updates the drag position of the bottom sheet.
+     * Updates the drag position of the drawer.
      * @param clientY The current Y position of the pointer.
      */
     updateDrag(clientY: number): void;
     /**
-     * Snaps the bottom sheet to either open or closed state based on the drag position.
+     * Snaps the drawer to either open or closed state based on the drag position.
      */
     snapToOpenOrClose(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<BottomSheet, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BottomSheet, "b-bottom-sheet", never, { "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "closeThreshold": { "alias": "closeThreshold"; "required": false; "isSignal": true; }; }, { "isOpen": "isOpenChange"; "closeSheet": "closeSheet"; }, never, ["*"], true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DrawerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DrawerComponent, "b-drawer", never, { "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "closeThreshold": { "alias": "closeThreshold"; "required": false; "isSignal": true; }; }, { "isOpen": "isOpenChange"; "closeSheet": "closeSheet"; }, never, ["*"], true, never>;
 }

package/core/components/icon/icon.component.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from "@angular/core";
-export declare class Icon {
+export declare class IconComponent {
     /**
      * The sanitizer service.
      */
@@ -24,6 +24,6 @@ export declare class Icon {
      * The svg of the icon.
      */
     readonly iconSvg: import("@angular/core").Signal<import("@angular/platform-browser").SafeHtml>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<Icon, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<Icon, "i[b-icon]", never, { "icon": { "alias": "icon"; "required": true; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "strokeWidth": { "alias": "strokeWidth"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IconComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IconComponent, "i[b-icon]", never, { "icon": { "alias": "icon"; "required": true; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "strokeWidth": { "alias": "strokeWidth"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/core/components/input/input.component.d.ts

@@ -1,26 +1,10 @@
 import { AfterViewInit, ElementRef } from '@angular/core';
 import * as i0 from "@angular/core";
-export declare class Input implements AfterViewInit {
+export declare class InputComponent implements AfterViewInit {
     /**
      * The type of the input.
      */
     readonly type: import("@angular/core").InputSignal<"number" | "text" | "password" | "email">;
-    /**
-     * The placeholder text for the input.
-     */
-    readonly placeholder: import("@angular/core").InputSignal<string>;
-    /**
-     * The value of the input.
-     */
-    readonly value: import("@angular/core").WritableSignal<string | number | null>;
-    /**
-     * Whether the input is invalid.
-     */
-    readonly invalid: import("@angular/core").ModelSignal<boolean>;
-    /**
-     * Whether the input is disabled.
-     */
-    readonly disabled: import("@angular/core").ModelSignal<boolean>;
     /**
      * The maximum width of the input.
      */
@@ -37,14 +21,6 @@ export declare class Input implements AfterViewInit {
      * Whether the input type is number.
      */
     readonly isNumberType: import("@angular/core").Signal<boolean>;
-    /**
-     * Whether the input is focused.
-     */
-    readonly focused: import("@angular/core").WritableSignal<boolean>;
-    /**
-     * Event emitted when the value changes.
-     */
-    valueChange: import("@angular/core").OutputEmitterRef<string | number | null>;
     /**
      * Reference to the input element.
      */
@@ -53,10 +29,19 @@ export declare class Input implements AfterViewInit {
      * Reference to the ngModel directive.
      */
     private ngModel;
+    /**
+     * The size of the input.
+     */
+    readonly size: import("@angular/core").InputSignal<"1" | "2" | "3">;
     /**
      * After the view has been initialized, set the value of the select.
      */
     ngAfterViewInit(): void;
+    /**
+     * Sets the value of the input element.
+     * @param value The value to set.
+     */
+    setValue(value: string): void;
     /**
      * Handles the input event.
      * @param event The input event.
@@ -73,6 +58,6 @@ export declare class Input implements AfterViewInit {
      * @returns The formatted value.
      */
     formatNumber(value: string | null): string | null;
-    static ɵfac: i0.ɵɵFactoryDeclaration<Input, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<Input, "input[b-input]", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "maxWidth": { "alias": "maxWidth"; "required": false; "isSignal": true; }; "decimals": { "alias": "decimals"; "required": false; "isSignal": true; }; "numberType": { "alias": "numberType"; "required": false; "isSignal": true; }; }, { "invalid": "invalidChange"; "disabled": "disabledChange"; "valueChange": "valueChange"; }, never, never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<InputComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InputComponent, "input[b-input]", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "maxWidth": { "alias": "maxWidth"; "required": false; "isSignal": true; }; "decimals": { "alias": "decimals"; "required": false; "isSignal": true; }; "numberType": { "alias": "numberType"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/core/components/input-group/input-group.component.d.ts

@@ -1,13 +1,9 @@
 import * as i0 from "@angular/core";
-export declare class InputGroup {
+export declare class InputGroupComponent {
     /**
-     * Whether the input group elements are separated by a border.
-     */
-    readonly bordered: import("@angular/core").InputSignal<boolean>;
-    /**
-     * The maximum width of the input.
+     * Sets the maximum width of the input group (e.g. 300px, 100%).
      */
     readonly maxWidth: import("@angular/core").InputSignal<string>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<InputGroup, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<InputGroup, "b-input-group", never, { "bordered": { "alias": "bordered"; "required": false; "isSignal": true; }; "maxWidth": { "alias": "maxWidth"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<InputGroupComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InputGroupComponent, "b-input-group", never, { "maxWidth": { "alias": "maxWidth"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }