@cute-widgets/base 20.0.4 → 21.0.0

package/{autocomplete/index.d.ts → types/cute-widgets-base-autocomplete.d.ts}

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { AfterContentInit, OnDestroy, TemplateRef, ElementRef, QueryList, EventEmitter, InjectionToken, AfterViewInit, OnChanges, SimpleChanges } from '@angular/core';
+import { InjectionToken, AfterContentInit, OnDestroy, TemplateRef, ElementRef, QueryList, EventEmitter, AfterViewInit, OnChanges, SimpleChanges } from '@angular/core';
 import * as i2 from '@cute-widgets/base/core/option';
 import { CuteOption, CuteOptgroup, CuteOptionSelectionChange } from '@cute-widgets/base/core/option';
 import { RichThemeColor } from '@cute-widgets/base/core';
@@ -333,7 +333,7 @@ declare class CuteAutocompleteTrigger implements ControlValueAccessor, AfterView
     registerOnTouched(fn: () => {}): void;
     setDisabledState(isDisabled: boolean): void;
     protected _handleKeydown(e: Event): void;
-    protected _handleInput(event: KeyboardEvent): void;
+    protected _handleInput(event: Event): void;
     protected _handleFocus(): void;
     protected _handleClick(): void;
     /** Whether the input currently has focus. */

package/{badge/index.d.ts → types/cute-widgets-base-badge.d.ts}

@@ -1,19 +1,20 @@
 import { CuteBaseControl } from '@cute-widgets/base/abstract';
-import { toTextBgCssClass } from '@cute-widgets/base/core';
 import * as i0 from '@angular/core';
 import * as i1 from '@angular/common';
 
 /**
- * Small count and labeling component
+ * Small count and labeling component.
  */
 declare class CuteBadge extends CuteBaseControl {
-    /** Makes a badge more rounded with a larger border-radius */
+    /** Makes a badge more rounded with a larger border-radius. */
     roundedPill: boolean;
+    /** Badge's position in the corner of parent link or button. */
+    position: "top-start" | "top-end" | "bottom-start" | "bottom-end" | undefined;
+    protected get classList(): string[];
     constructor();
     protected generateId(): string;
-    protected readonly toTextBgCssClass: typeof toTextBgCssClass;
     static ɵfac: i0.ɵɵFactoryDeclaration<CuteBadge, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CuteBadge, "cute-badge", ["cuteBadge"], { "roundedPill": { "alias": "roundedPill"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CuteBadge, "cute-badge", ["cuteBadge"], { "roundedPill": { "alias": "roundedPill"; "required": false; }; "position": { "alias": "position"; "required": false; }; }, {}, never, ["*"], true, never>;
     static ngAcceptInputType_roundedPill: unknown;
 }
 

package/{bottom-sheet/index.d.ts → types/cute-widgets-base-bottom-sheet.d.ts}

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { OnDestroy, EventEmitter, ViewContainerRef, Injector, InjectionToken, ComponentRef, TemplateRef } from '@angular/core';
+import { OnDestroy, EventEmitter, InjectionToken, ViewContainerRef, Injector, ComponentRef, TemplateRef } from '@angular/core';
 import * as i1 from '@angular/cdk/dialog';
 import { CdkDialogContainer, DialogRef } from '@angular/cdk/dialog';
 import * as i2 from '@angular/cdk/portal';

package/{button-toggle/index.d.ts → types/cute-widgets-base-button-toggle.d.ts}

@@ -1,8 +1,9 @@
 import * as i0 from '@angular/core';
-import { OnInit, AfterContentInit, QueryList, EventEmitter, InjectionToken, OnDestroy } from '@angular/core';
+import { InjectionToken, OnInit, AfterContentInit, QueryList, EventEmitter, OnDestroy } from '@angular/core';
 import { CuteButtonGroup, CuteButtonStyle, CuteButtonBase } from '@cute-widgets/base/button';
 import { ControlValueAccessor } from '@angular/forms';
 import { Direction } from '@angular/cdk/bidi';
+import { BooleanInput } from '@angular/cdk/coercion';
 import { toThemeColor } from '@cute-widgets/base/core';
 import * as i1 from '@angular/common';
 
@@ -89,6 +90,12 @@ declare class CuteButtonToggleGroup extends CuteButtonGroup implements ControlVa
     ngAfterContentInit(): void;
     /** Initializes the tabindex attribute using the radio pattern. */
     private _initializeTabIndex;
+    /**
+     * Implemented as part of ControlValueAccessor.
+     *
+     * @inheritDoc
+     */
+    setDisabledState(newState: BooleanInput, emitEvent?: boolean): boolean;
     /**
      * Sets the model value. Implemented as part of ControlValueAccessor.
      * @param value Value to be set to the model.
@@ -96,7 +103,6 @@ declare class CuteButtonToggleGroup extends CuteButtonGroup implements ControlVa
     writeValue(value: any): void;
     registerOnChange(fn: (value: any) => void): void;
     registerOnTouched(fn: any): void;
-    setDisabledState(isDisabled: boolean): boolean;
     /** Handle keydown event calling to single-select button toggle. */
     protected _keydown(event: KeyboardEvent): void;
     /** Dispatch change event with current selection and group value. */
@@ -123,8 +129,6 @@ declare class CuteButtonToggleGroup extends CuteButtonGroup implements ControlVa
     private _selectValue;
     /** Syncs up the group's value with the model and emits the change event. */
     private _updateModelValue;
-    /** Marks all the child button toggles to be checked. */
-    private _markButtonsForCheck;
     static ɵfac: i0.ɵɵFactoryDeclaration<CuteButtonToggleGroup, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<CuteButtonToggleGroup, "cute-button-toggle-group", ["cuteButtonToggleGroup"], { "name": { "alias": "name"; "required": false; }; "value": { "alias": "value"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "disabledInteractive": { "alias": "disabledInteractive"; "required": false; }; "hideSingleSelectionIndicator": { "alias": "hideSingleSelectionIndicator"; "required": false; }; "hideMultipleSelectionIndicator": { "alias": "hideMultipleSelectionIndicator"; "required": false; }; }, { "valueChange": "valueChange"; "change": "change"; }, ["_buttonToggles"], never, true, never>;
     static ngAcceptInputType_multiple: unknown;
@@ -180,7 +184,7 @@ declare class CuteButtonToggle extends CuteButtonBase implements OnInit, OnDestr
     private _animationDisabled;
     protected _multiple: boolean;
     /** The parent button toggle group (exclusive selection). Optional. */
-    protected readonly buttonToggleGroup: CuteButtonToggleGroup;
+    protected readonly buttonToggleGroup: CuteButtonToggleGroup | null;
     /** Unique ID for the underlying `button` element. */
     get buttonId(): string;
     get inputButtonStyle(): Extract<CuteButtonStyle, "outlined" | "outline-button">;
@@ -201,6 +205,12 @@ declare class CuteButtonToggle extends CuteButtonBase implements OnInit, OnDestr
     readonly change: EventEmitter<CuteButtonToggleChange>;
     /** Whether the button is disabled. */
     constructor(...args: unknown[]);
+    /** Toggles the `checked` state of the toggle button. */
+    toggle(): void;
+    /** Sets the `checked` state of the toggle button. */
+    check(): void;
+    /** Clears the `checked` state of the toggle button. */
+    uncheck(): void;
     ngOnInit(): void;
     ngOnDestroy(): void;
     /** Checks the button toggle due to an interaction with the underlying native button. */

package/{button/index.d.ts → types/cute-widgets-base-button.d.ts}

@@ -1,24 +1,13 @@
+import * as _cute_widgets_base_button from '@cute-widgets/base/button';
 import * as i0 from '@angular/core';
-import { DoCheck, NgZone, InjectionToken, QueryList } from '@angular/core';
+import { InjectionToken, DoCheck, NgZone, QueryList, EventEmitter } from '@angular/core';
 import { CuteFocusableControl } from '@cute-widgets/base/abstract';
 import { RelativeSize7, ThemeColor, toThemeColor } from '@cute-widgets/base/core';
 import { Ripple } from '@cute-widgets/base/core/ripple';
-import { RelativeSize5 } from '@cute-widgets/base/core/types';
 import { BooleanInput } from '@angular/cdk/coercion';
+import { RelativeSize5 } from '@cute-widgets/base/core/types';
 import * as i1 from '@angular/common';
 
-/**
- * @license Apache-2.0
- *
- * Copyright (c) 2025 CuteWidgets Team. All Rights Reserved.
- *
- * You may not use this file except in compliance with the License
- * that can be found at http://www.apache.org/licenses/LICENSE-2.0
- *
- * This code is a modification of the `@angular/material` original
- * code licensed under MIT-style License (https://angular.dev/license).
- */
-
 /** Button's appearance style */
 type CuteButtonStyle = "base-button" | "flat-button" | "outline-button" | "raised-button" | "pill-button" | "circle-button" | "close-button" | "icon-button" | "fab-button"
 /** Appearance styles for Angular Material compatibility */
@@ -29,6 +18,8 @@ interface CuteButtonConfig {
     disabledInteractive?: boolean;
     /** Default palette color to apply to buttons. */
     color?: ThemeColor;
+    /** Whether to enable text wrapping. */
+    wrapText?: boolean;
 }
 /** Injection token that can be used to provide the default options the button component. */
 declare const CUTE_BUTTON_CONFIG: InjectionToken<CuteButtonConfig>;
@@ -43,6 +34,7 @@ declare abstract class CuteButtonBase extends CuteFocusableControl implements Do
     private _destroyed$;
     protected readonly _ripple: Ripple;
     protected readonly _ngZone: NgZone;
+    protected readonly _group: _cute_widgets_base_button.CuteButtonGroup | null;
     protected readonly _isAnchor: boolean;
     private _icons;
     /** Button's appearance style in the following format: `{style}-button`. */
@@ -52,8 +44,8 @@ declare abstract class CuteButtonBase extends CuteFocusableControl implements Do
     private _buttonStyle;
     /** Relative size of the Button. */
     magnitude: RelativeSize7 | undefined;
-    /** Whether to enable label wrapping. */
-    wrapLabel: boolean;
+    /** Whether to enable text wrapping. */
+    wrapText: boolean;
     /** Whether to disable the ripple effect on button clicking. */
     get disableRipple(): boolean;
     set disableRipple(value: boolean);
@@ -95,7 +87,7 @@ declare abstract class CuteButtonBase extends CuteFocusableControl implements Do
     protected generateId(): string;
     protected _getTabIndex(): number | undefined;
     private _setupAsAnchor;
-    protected setDisabledState(newState: boolean): boolean;
+    protected setDisabledState(newState: BooleanInput): boolean;
     private _savedTabIndex;
     protected _getAriaDisabled(): boolean | null;
     protected _getDisabledAttribute(): true | null;
@@ -111,8 +103,8 @@ declare abstract class CuteButtonBase extends CuteFocusableControl implements Do
     private _onMouseEvent;
     private _launchRipple;
     static ɵfac: i0.ɵɵFactoryDeclaration<CuteButtonBase, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<CuteButtonBase, never, never, { "inputButtonStyle": { "alias": "cuteButton"; "required": false; }; "magnitude": { "alias": "magnitude"; "required": false; }; "wrapLabel": { "alias": "wrapLabel"; "required": false; }; "disableRipple": { "alias": "disableRipple"; "required": false; }; "ariaDisabled": { "alias": "aria-disabled"; "required": false; }; "withAriaExpandedIndicator": { "alias": "withAriaExpandedIndicator"; "required": false; }; "disabledInteractive": { "alias": "disabledInteractive"; "required": false; }; "visuallyHiddenLabel": { "alias": "visuallyHiddenLabel"; "required": false; }; }, {}, ["_icons"], never, true, never>;
-    static ngAcceptInputType_wrapLabel: unknown;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CuteButtonBase, never, never, { "inputButtonStyle": { "alias": "cuteButton"; "required": false; }; "magnitude": { "alias": "magnitude"; "required": false; }; "wrapText": { "alias": "wrapText"; "required": false; }; "disableRipple": { "alias": "disableRipple"; "required": false; }; "ariaDisabled": { "alias": "aria-disabled"; "required": false; }; "withAriaExpandedIndicator": { "alias": "withAriaExpandedIndicator"; "required": false; }; "disabledInteractive": { "alias": "disabledInteractive"; "required": false; }; "visuallyHiddenLabel": { "alias": "visuallyHiddenLabel"; "required": false; }; }, {}, ["_icons"], never, true, never>;
+    static ngAcceptInputType_wrapText: unknown;
     static ngAcceptInputType_ariaDisabled: unknown;
     static ngAcceptInputType_withAriaExpandedIndicator: unknown;
     static ngAcceptInputType_disabledInteractive: unknown;
@@ -134,10 +126,17 @@ declare class CuteButton extends CuteButtonBase {
  * that can be found at http://www.apache.org/licenses/LICENSE-2.0
  */
 
+/**
+ * Injection token that can be used to reference instances of `CuteButtonGroup`.
+ * It serves as an alternative token to the actual `CuteButtonGroup` class which
+ * could cause unnecessary retention of the class and its component metadata.
+ */
+declare const CUTE_BUTTON_GROUP: InjectionToken<CuteButtonGroup>;
 /**
  * Group a series of buttons together on a single line or stack them in a vertical column.
  */
 declare class CuteButtonGroup extends CuteFocusableControl {
+    #private;
     /** Whether to place the nested buttons in the vertical direction. */
     vertical: boolean;
     /** The relative size of the buttons group. */
@@ -150,18 +149,41 @@ declare class CuteButtonGroup extends CuteFocusableControl {
     protected get buttonSmallBinding(): boolean;
     /** Child buttons. */
     _buttons: QueryList<CuteButtonBase> | undefined;
+    /** Raised when the disabled state of a component group changes. */
+    disabledChange: EventEmitter<boolean>;
     constructor();
     protected generateId(): string;
     protected setDisabledState(newState: BooleanInput, emitEvent?: boolean): boolean;
     ngAfterContentInit(): void;
+    ngOnDestroy(): void;
+    /** Marks all the child button toggles to be checked. */
+    protected _markButtonsForCheck(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CuteButtonGroup, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<CuteButtonGroup, "cute-button-group", ["cuteButtonGroup"], { "vertical": { "alias": "vertical"; "required": false; }; "magnitude": { "alias": "magnitude"; "required": false; }; "buttonStyle": { "alias": "buttonStyle"; "required": false; }; }, {}, ["_buttons"], never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CuteButtonGroup, "cute-button-group", ["cuteButtonGroup"], { "vertical": { "alias": "vertical"; "required": false; }; "magnitude": { "alias": "magnitude"; "required": false; }; "buttonStyle": { "alias": "buttonStyle"; "required": false; }; }, { "disabledChange": "disabledChange"; }, ["_buttons"], never, true, never>;
     static ngAcceptInputType_vertical: unknown;
 }
 
+/**
+ * @license Apache-2.0
+ *
+ * Copyright (c) 2025 CuteWidgets Team. All Rights Reserved.
+ *
+ * You may not use this file except in compliance with the License
+ * that can be found at http://www.apache.org/licenses/LICENSE-2.0
+ */
+
+/**
+ * Injection token that can be used to reference instances of `CuteButtonToolbar`.
+ * It serves as an alternative token to the actual `CuteButtonToolbar` class which
+ * could cause unnecessary retention of the class and its component metadata.
+ */
+declare const CUTE_BUTTON_TOOLBAR: InjectionToken<CuteButtonToolbar>;
+/**
+ * Combines sets of button groups into button toolbars for more complex components.
+ */
 declare class CuteButtonToolbar extends CuteFocusableControl {
     private _gap;
-    /** The gutter between buttons */
+    /** The gutter between button groups. */
     get gap(): number;
     set gap(value: number);
     magnitude: RelativeSize5 | undefined;
@@ -179,5 +201,5 @@ declare class CuteButtonModule {
     static ɵinj: i0.ɵɵInjectorDeclaration<CuteButtonModule>;
 }
 
-export { CUTE_BUTTON_BASE, CUTE_BUTTON_CONFIG, CuteButton, CuteButtonBase, CuteButtonGroup, CuteButtonModule, CuteButtonToolbar };
+export { CUTE_BUTTON_BASE, CUTE_BUTTON_CONFIG, CUTE_BUTTON_GROUP, CUTE_BUTTON_TOOLBAR, CuteButton, CuteButtonBase, CuteButtonGroup, CuteButtonModule, CuteButtonToolbar };
 export type { CuteButtonConfig, CuteButtonStyle };

package/{checkbox/index.d.ts → types/cute-widgets-base-checkbox.d.ts}

@@ -88,7 +88,7 @@ declare class CuteCheckbox extends CuteInputControl implements Validator {
     private _handleInputClick;
     /** Method being called whenever the label text changes. */
     _onLabelTextChange(): void;
-    protected _onInputChange(event: Event): void;
+    protected _onInteractionEvent(event: Event): void;
     protected _onInputBlur(event: Event): void;
     protected _onInputClick(event: Event): void;
     protected _onTouchTargetClick(event: Event): void;

package/{chips/index.d.ts → types/cute-widgets-base-chips.d.ts}

@@ -339,7 +339,7 @@ declare class CuteChipRow extends CuteChip implements AfterViewInit {
     constructor(...args: unknown[]);
     _hasTrailingIcon(): boolean;
     /** Sends focus to the first gridcell when the user clicks anywhere inside the chip. */
-    _handleFocus(): void;
+    _handleFocus(event: FocusEvent): void;
     _handleKeydown(event: KeyboardEvent): void;
     _handleDoubleclick(event: MouseEvent): void;
     private _startEditing;

package/types/cute-widgets-base-collapse.d.ts

@@ -0,0 +1,98 @@
+import * as i0 from '@angular/core';
+import { AfterContentInit, NgZone, EventEmitter } from '@angular/core';
+import * as i1 from '@angular/cdk/accordion';
+import { CdkAccordionItem } from '@angular/cdk/accordion';
+import { BooleanInput } from '@angular/cdk/coercion';
+import { CuteLayoutControl, Expandable } from '@cute-widgets/base/abstract';
+import * as i1$1 from '@angular/common';
+
+/**
+ * @license Apache-2.0
+ *
+ * Copyright (c) 2025 CuteWidgets Team. All Rights Reserved.
+ *
+ * You may not use this file except in compliance with the License
+ * that can be found at http://www.apache.org/licenses/LICENSE-2.0
+ */
+
+/** Animation states */
+type CuteCollapseState = 'expanded' | 'collapsed';
+declare abstract class CuteCollapseBase extends CuteLayoutControl implements Expandable, AfterContentInit {
+    protected _ngZone: NgZone;
+    protected _accordionItem: CdkAccordionItem;
+    protected _animationsDisabled: boolean;
+    private _cleanupTransitionHandlers;
+    /** Whether the `CuteCollapse` is expanded. */
+    get expanded(): boolean;
+    set expanded(value: boolean);
+    /** Expanding/Collapsing directionality, _horizontal_ or _vertical_. Default is _vertical_. */
+    horizontal: boolean;
+    /** Whether the animation while collapsing/expanding should be disabled */
+    get disableAnimation(): boolean;
+    set disableAnimation(value: boolean);
+    private _disableAnimation;
+    /** Event emitting before expand element */
+    readonly beforeExpand: EventEmitter<void>;
+    /** Event emitting before collapse element */
+    readonly beforeCollapse: EventEmitter<void>;
+    /** Event emitting after expand element */
+    readonly afterExpand: EventEmitter<void>;
+    /** Event emitting after collapse element */
+    readonly afterCollapse: EventEmitter<void>;
+    constructor();
+    protected setDisabledState(newState: BooleanInput, emitEvent?: boolean): boolean;
+    protected generateId(): string;
+    /** Gets the expanded state string. */
+    getState(): CuteCollapseState;
+    /**
+     * @inheritDoc
+     * Part of `Expandable` interface.
+     */
+    toggle(): void;
+    /**
+     * @inheritDoc
+     * Part of `Expandable` interface.
+     */
+    open(): void;
+    /**
+     * @inheritDoc
+     * Part of `Expandable` interface.
+     */
+    close(): void;
+    private _transitionStartListener;
+    private _transitionEndListener;
+    protected _setupAnimationEvents(): void;
+    ngAfterContentInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CuteCollapseBase, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CuteCollapseBase, never, never, { "expanded": { "alias": "expanded"; "required": false; }; "horizontal": { "alias": "horizontal"; "required": false; }; "disableAnimation": { "alias": "disableAnimation"; "required": false; }; }, { "beforeExpand": "beforeExpand"; "beforeCollapse": "beforeCollapse"; "afterExpand": "afterExpand"; "afterCollapse": "afterCollapse"; }, never, never, true, [{ directive: typeof i1.CdkAccordionItem; inputs: {}; outputs: { "expandedChange": "expandedChange"; }; }]>;
+    static ngAcceptInputType_expanded: unknown;
+    static ngAcceptInputType_horizontal: unknown;
+    static ngAcceptInputType_disableAnimation: unknown;
+}
+/**
+ * This collapse component is used to show and hide content.
+ * Buttons or anchors are used as triggers that are mapped to specific elements you toggle.
+ */
+declare class CuteCollapse extends CuteCollapseBase {
+    static ɵfac: i0.ɵɵFactoryDeclaration<CuteCollapse, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CuteCollapse, "cute-collapse", ["cuteCollapse"], {}, {}, never, ["*"], true, never>;
+}
+
+declare class CuteCollapseTrigger {
+    /** Reference to the `cute-collapse` component to toggle its visibility */
+    get collapseControl(): Expandable | null;
+    set collapseControl(collapse: Expandable | null);
+    private _collapseControl;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CuteCollapseTrigger, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CuteCollapseTrigger, "[cuteCollapseTriggerFor]", ["cuteCollapseTrigger"], { "collapseControl": { "alias": "cuteCollapseTriggerFor"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+declare class CuteCollapseModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<CuteCollapseModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<CuteCollapseModule, never, [typeof i1$1.CommonModule, typeof CuteCollapse, typeof CuteCollapseTrigger], [typeof CuteCollapse, typeof CuteCollapseTrigger]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<CuteCollapseModule>;
+}
+
+export { CuteCollapse, CuteCollapseBase, CuteCollapseModule, CuteCollapseTrigger };
+export type { CuteCollapseState };

package/{core/layout/index.d.ts → types/cute-widgets-base-core-layout.d.ts}

@@ -48,7 +48,13 @@ declare const bsBreakpoints: {
      * @param code Bootstrap's breakpoint abbreviation.
      * @returns Media query string or _undefined_ if the code has an unknown value.
      */
-    getQuery(code: string): string | undefined;
+    getMediaQuery(code: string): string | undefined;
+    /**
+     * Returns the media query string array for the specified breakpoint one or more symbols.
+     * @param codes Bootstrap's breakpoint abbreviation list.
+     * @returns Media query string array for each specified code of breakpoint.
+     */
+    getMediaQueries(codes: string | string[]): string[];
     /**
      * Gets the name of the media-query by its value.
      * @param query The media-query text.

package/{core/nav/index.d.ts → types/cute-widgets-base-core-nav.d.ts}

@@ -16,6 +16,7 @@ declare class CuteNavLink extends CuteFocusableControl {
     protected _document: Document;
     protected _ngZone: NgZone;
     protected readonly nav: _cute_widgets_base_core_nav.CuteNav | null;
+    protected _isAnchor: boolean;
     protected toThemeColor: typeof toThemeColor;
     /** Whether the link is active. */
     active: boolean;
@@ -31,7 +32,7 @@ declare class CuteNavLink extends CuteFocusableControl {
      * @protected
      */
     protected onMouseDown(event: MouseEvent): void;
-    protected onClick(event: MouseEvent): void;
+    protected onClick(event: Event): void;
     protected onTouchStart(event: TouchEvent): void;
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CuteNavLink, never>;

package/{core/observers/index.d.ts → types/cute-widgets-base-core-observers.d.ts}

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, OnDestroy, ElementRef, AfterContentInit, EventEmitter } from '@angular/core';
+import { InjectionToken, AfterContentInit, OnDestroy, EventEmitter, ElementRef } from '@angular/core';
 import { Observable } from 'rxjs';
 import * as i1 from '@angular/cdk/observers';
 import * as i1$1 from '@angular/common';

package/{core/option/index.d.ts → types/cute-widgets-base-core-option.d.ts}

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Signal, InjectionToken, AfterViewChecked, EventEmitter, ElementRef, QueryList } from '@angular/core';
+import { InjectionToken, Signal, AfterViewChecked, EventEmitter, ElementRef, QueryList } from '@angular/core';
 import { Subject } from 'rxjs';
 import { CuteFocusableControl } from '@cute-widgets/base/abstract';
 import { Highlightable } from '@angular/cdk/a11y';

package/{core/index.d.ts → types/cute-widgets-base-core.d.ts}

@@ -95,7 +95,13 @@ declare const bsBreakpoints: {
      * @param code Bootstrap's breakpoint abbreviation.
      * @returns Media query string or _undefined_ if the code has an unknown value.
      */
-    getQuery(code: string): string | undefined;
+    getMediaQuery(code: string): string | undefined;
+    /**
+     * Returns the media query string array for the specified breakpoint one or more symbols.
+     * @param codes Bootstrap's breakpoint abbreviation list.
+     * @returns Media query string array for each specified code of breakpoint.
+     */
+    getMediaQueries(codes: string | string[]): string[];
     /**
      * Gets the name of the media-query by its value.
      * @param query The media-query text.

package/{datepicker/index.d.ts → types/cute-widgets-base-datepicker.d.ts}

@@ -987,7 +987,7 @@ declare abstract class CuteDatepickerInputBase<S, D = ExtractDateTypeFromSelecti
     registerOnTouched(fn: () => void): void;
     setDisabledState(isDisabled: boolean): void;
     _onKeydown(event: KeyboardEvent): void;
-    _onInput(value: string): void;
+    _onInput(event: Event): void;
     _onChange(): void;
     /** Handles blur events on the input. */
     _onBlur(): void;
@@ -1502,7 +1502,7 @@ declare abstract class CuteDateRangeInputPartBase<D> extends CuteDatepickerInput
     /** Refreshes the error state of the input. */
     updateErrorState(): void;
     /** Handles `input` events on the input element. */
-    _onInput(value: string): void;
+    _onInput(event: Event): void;
     /** Opens the datepicker associated with the input. */
     protected _openPopup(): void;
     /** Gets the minimum date from the range input. */