ngwr 5.0.3 → 6.1.1

package/alert/index.d.ts

@@ -1,5 +1,32 @@
+import * as i0 from '@angular/core';
+import { SafeAny } from 'ngwr/cdk/types';
+
 /**
- * Generated bundle index. Do not edit.
+ * @license
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
  */
-/// <amd-module name="ngwr/alert" />
-export * from './public-api';
+type WrAlertType = 'info' | 'success' | 'warning' | 'danger';
+
+/**
+ * NGWR alert component.
+ * Closeable component for feedback.
+ *
+ * {@tutorial} [How to use wr-alert]{@link http://ngwr.dev/docs/components/alert}
+ */
+declare class WrAlertComponent {
+    title: string;
+    message?: string;
+    type: WrAlertType;
+    closeable: boolean;
+    protected readonly isClosed: i0.WritableSignal<boolean>;
+    get elClasses(): SafeAny;
+    onClose(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<WrAlertComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WrAlertComponent, "wr-alert", never, { "title": { "alias": "title"; "required": true; }; "message": { "alias": "message"; "required": false; }; "type": { "alias": "type"; "required": false; }; "closeable": { "alias": "closeable"; "required": false; }; }, {}, never, never, true, never>;
+    static ngAcceptInputType_closeable: unknown;
+}
+
+export { WrAlertComponent };
+export type { WrAlertType };

package/avatar/index.d.ts

@@ -1,5 +1,30 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="ngwr/avatar" />
-export * from './public-api';
+import * as i0 from '@angular/core';
+import { ChangeDetectorRef, ElementRef } from '@angular/core';
+import { SafeAny } from 'ngwr/cdk/types';
+
+declare class WrAvatarComponent {
+    readonly cdr: ChangeDetectorRef;
+    readonly elRef: ElementRef<any>;
+    readonly remSize: number;
+    readonly isImgLoaded: i0.WritableSignal<boolean>;
+    private calcRemToPx;
+    constructor();
+    url: string;
+    alt: string;
+    rounded: boolean;
+    /**
+     * Width and height in rem
+     * @example size="6" transforms to 6 * remSize (16 by default)
+     */
+    get size(): number;
+    set size(value: number | string);
+    private _size;
+    get elClasses(): SafeAny;
+    get elStyles(): SafeAny;
+    static ɵfac: i0.ɵɵFactoryDeclaration<WrAvatarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WrAvatarComponent, "wr-avatar", never, { "url": { "alias": "url"; "required": true; }; "alt": { "alias": "alt"; "required": true; }; "rounded": { "alias": "rounded"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ngAcceptInputType_rounded: unknown;
+    static ngAcceptInputType_size: unknown;
+}
+
+export { WrAvatarComponent };

package/button/index.d.ts

@@ -1,5 +1,45 @@
+import { WrThemeColor, SafeAny } from 'ngwr/cdk/types';
+import { wrIconName } from 'ngwr/icon';
+import * as i0 from '@angular/core';
+
 /**
- * Generated bundle index. Do not edit.
+ * NGWR button component.
+ * Trigger an operation or perform an action.
+ *
+ * {@tutorial} [How to use wr-btn]{@link http://ngwr.dev/docs/components/button}
  */
-/// <amd-module name="ngwr/button" />
-export * from './public-api';
+declare class WrButtonComponent {
+    color?: WrThemeColor | null;
+    size: 'default' | 'small';
+    icon: wrIconName | null;
+    iconPosition: 'start' | 'end';
+    disabled: boolean;
+    outlined: boolean;
+    rounded: boolean;
+    block: boolean;
+    loading: boolean;
+    isDisabledWhenLoading: boolean;
+    get nativeDisabled(): '' | null;
+    get elClasses(): SafeAny;
+    static ɵfac: i0.ɵɵFactoryDeclaration<WrButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WrButtonComponent, "wr-btn, button[wr-btn], a[wr-btn]", never, { "color": { "alias": "color"; "required": false; }; "size": { "alias": "size"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconPosition": { "alias": "iconPosition"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "outlined": { "alias": "outlined"; "required": false; }; "rounded": { "alias": "rounded"; "required": false; }; "block": { "alias": "block"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "isDisabledWhenLoading": { "alias": "isDisabledWhenLoading"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ngAcceptInputType_disabled: unknown;
+    static ngAcceptInputType_outlined: unknown;
+    static ngAcceptInputType_rounded: unknown;
+    static ngAcceptInputType_block: unknown;
+    static ngAcceptInputType_loading: unknown;
+    static ngAcceptInputType_isDisabledWhenLoading: unknown;
+}
+
+/**
+ * NGWR button group.
+ *
+ * {@tutorial} [How to use wr-btn-group]{@link http://ngwr.dev/docs/components/button-group}
+ */
+declare class WrButtonGroupComponent {
+    get classes(): SafeAny;
+    static ɵfac: i0.ɵɵFactoryDeclaration<WrButtonGroupComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WrButtonGroupComponent, "wr-btn-group", never, {}, {}, never, ["*"], true, never>;
+}
+
+export { WrButtonComponent, WrButtonGroupComponent };

package/cdk/index.d.ts

@@ -1,5 +1,24 @@
+import * as i0 from '@angular/core';
+import { OnDestroy, DestroyRef } from '@angular/core';
+import { Subject } from 'rxjs';
+
 /**
- * Generated bundle index. Do not edit.
+ * @license
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
  */
-/// <amd-module name="ngwr/cdk" />
-export * from './public-api';
+
+declare abstract class WrAbstractBase implements OnDestroy {
+    /**
+     * @deprecated use destroyRef$ instead
+     * @protected
+     */
+    protected readonly destroyed$: Subject<void>;
+    protected readonly destroyRef$: DestroyRef;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<WrAbstractBase, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<WrAbstractBase, never, never, {}, {}, never, never, true, never>;
+}
+
+export { WrAbstractBase };

package/cdk/rxjs/index.d.ts

@@ -1,5 +1,40 @@
+import { Maybe, SafeAny } from 'ngwr/cdk/types';
+import { Observable } from 'rxjs';
+
 /**
- * Generated bundle index. Do not edit.
+ * @license
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
  */
-/// <amd-module name="ngwr/cdk/rxjs" />
-export * from './public-api';
+
+declare function isArray<T>(val: Maybe<T>): val is T;
+
+/**
+ * @license
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
+ */
+
+declare function isDefined<T>(value: Maybe<T>): value is T;
+
+/**
+ * @license
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
+ */
+
+declare function isNotEmptyArray<T>(val: Maybe<T>): val is T;
+
+/**
+ * @license
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
+ */
+
+declare function isObservable(obj: SafeAny | Observable<SafeAny>): obj is Observable<SafeAny>;
+
+export { isArray, isDefined, isNotEmptyArray, isObservable };

package/cdk/types/index.d.ts

@@ -1,5 +1,27 @@
 /**
- * Generated bundle index. Do not edit.
+ * @license
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
  */
-/// <amd-module name="ngwr/cdk/types" />
-export * from './public-api';
+type Maybe<T> = T | undefined | null;
+
+/**
+ * @license
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
+ */
+type SafeAny = any;
+
+/**
+ * @license
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
+ */
+declare const wrThemeColors: readonly ["primary", "secondary", "success", "warning", "danger", "light", "medium", "dark"];
+type WrThemeColor = (typeof wrThemeColors)[number];
+
+export { wrThemeColors };
+export type { Maybe, SafeAny, WrThemeColor };

package/cdk/utils/index.d.ts

@@ -1,5 +1,14 @@
 /**
- * Generated bundle index. Do not edit.
+ * @license
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
  */
-/// <amd-module name="ngwr/cdk/utils" />
-export * from './public-api';
+/**
+ * Generates random ID
+ *
+ * @return {string}
+ */
+declare function generateRandomId(): string;
+
+export { generateRandomId };

package/checkbox/index.d.ts

@@ -1,5 +1,31 @@
+import * as _angular_core from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import { WrAbstractBase } from 'ngwr/cdk';
+import { SafeAny } from 'ngwr/cdk/types';
+import { wrIconName } from 'ngwr/icon';
+
 /**
- * Generated bundle index. Do not edit.
+ * NGWR checkbox component.
+ *
+ * {@tutorial} [How to use wr-checkbox]{@link http://ngwr.dev/docs/components/checkbox}
  */
-/// <amd-module name="ngwr/checkbox" />
-export * from './public-api';
+declare class WrCheckboxComponent extends WrAbstractBase implements ControlValueAccessor {
+    id: string;
+    icon: wrIconName | null;
+    get elClasses(): SafeAny;
+    get nativeDisabled(): '' | null;
+    protected readonly inputValue: _angular_core.WritableSignal<boolean | null>;
+    protected value?: boolean;
+    private readonly cdr;
+    protected readonly isDisabled: _angular_core.WritableSignal<boolean>;
+    onChange: (value: boolean) => void;
+    onTouched: () => void;
+    registerOnChange(fn: (value: boolean) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    writeValue(value: boolean): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<WrCheckboxComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<WrCheckboxComponent, "wr-checkbox", never, { "id": { "alias": "id"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+
+export { WrCheckboxComponent };

package/dialog/index.d.ts

@@ -1,5 +1,193 @@
+import { AnimationEvent, AnimationTriggerMetadata } from '@angular/animations';
+import { ComponentType, PositionStrategy, ScrollStrategy, OverlayRef } from '@angular/cdk/overlay';
+import { BasePortalOutlet, CdkPortalOutlet, ComponentPortal, TemplatePortal } from '@angular/cdk/portal';
+import * as i0 from '@angular/core';
+import { ViewContainerRef, ChangeDetectorRef, ElementRef, EventEmitter, ComponentRef, EmbeddedViewRef, InjectionToken } from '@angular/core';
+import { SafeAny } from 'ngwr/cdk/types';
+import { Subject } from 'rxjs';
+
 /**
- * Generated bundle index. Do not edit.
+ * @license
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
  */
-/// <amd-module name="ngwr/dialog" />
-export * from './public-api';
+
+declare class WrDialogOptions<C = SafeAny> {
+    id?: string;
+    component?: ComponentType<C>;
+    data?: SafeAny;
+    hasBackdrop?: boolean;
+    backdropClass?: string;
+    positionStrategy?: PositionStrategy;
+    scrollStrategy?: ScrollStrategy;
+    viewContainerRef?: ViewContainerRef;
+}
+
+/**
+ * @license
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
+ */
+
+declare class WrDialogRef<C = SafeAny, R = SafeAny> {
+    private overlayRef;
+    private options;
+    baseInstance: WrDialogBaseDirective;
+    readonly id?: string;
+    componentInstance: C | null;
+    result?: R;
+    readonly afterOpened: Subject<void>;
+    readonly afterClosed: Subject<R | undefined>;
+    private closeTimeout?;
+    private readonly destroyRef$;
+    constructor(overlayRef: OverlayRef, options: WrDialogOptions, baseInstance: WrDialogBaseDirective);
+    close(result?: R): void;
+    private _finishDialogClose;
+}
+
+/**
+ * @license
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
+ */
+
+declare class WrDialogBaseDirective extends BasePortalOutlet {
+    cdr: ChangeDetectorRef;
+    options: WrDialogOptions;
+    protected overlayRef: OverlayRef;
+    portalOutlet: CdkPortalOutlet;
+    dialogElementRef: ElementRef<HTMLDivElement>;
+    dialogRef: WrDialogRef;
+    containerClick: EventEmitter<void>;
+    animationStateChanged: EventEmitter<AnimationEvent>;
+    state: 'void' | 'enter' | 'exit';
+    constructor(cdr: ChangeDetectorRef, options: WrDialogOptions, overlayRef: OverlayRef);
+    onContainerClick(e: MouseEvent): void;
+    attachComponentPortal<C>(portal: ComponentPortal<C>): ComponentRef<C>;
+    attachTemplatePortal<C>(portal: TemplatePortal<C>): EmbeddedViewRef<C>;
+    private setEnterAnimationClass;
+    private setExitAnimationClass;
+    private setMaskExitAnimationClass;
+    private cleanAnimationClass;
+    onAnimationDone(event: AnimationEvent): void;
+    onAnimationStart(event: AnimationEvent): void;
+    startExitAnimation(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<WrDialogBaseDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<WrDialogBaseDirective, never, never, {}, {}, never, never, true, never>;
+}
+
+/**
+ * @license
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
+ */
+
+declare class WrDialogComponent extends WrDialogBaseDirective {
+    options: WrDialogOptions;
+    portalOutlet: CdkPortalOutlet;
+    dialogElementRef: ElementRef<HTMLDivElement>;
+    state: 'void' | 'enter' | 'exit';
+    onAnimationStart(event: AnimationEvent): void;
+    onAnimationDone(event: AnimationEvent): void;
+    onContainerClick(e: MouseEvent): void;
+    /** Set element classes */
+    get elClasses(): SafeAny;
+    constructor(cdr: ChangeDetectorRef, options: WrDialogOptions, overlayRef: OverlayRef);
+    static ɵfac: i0.ɵɵFactoryDeclaration<WrDialogComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WrDialogComponent, "wr-dialog", never, {}, {}, never, never, true, never>;
+}
+
+declare class WrDialogModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<WrDialogModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<WrDialogModule, never, never, never>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<WrDialogModule>;
+}
+
+/**
+ * NGWR dialog service.
+ *
+ * {@tutorial} [How to use wr-dialog]{@link http://ngwr.dev/docs/components/dialog}
+ */
+declare class WrDialogService {
+    private readonly overlay;
+    private readonly injector;
+    private readonly parentModal;
+    private openedDialogsAtThisLevel;
+    private readonly afterAllClosedAtThisLevel;
+    get openedDialogs(): WrDialogRef[];
+    get _afterAllClosed(): Subject<void>;
+    open<C = SafeAny, R = SafeAny>(options: WrDialogOptions<C>): WrDialogRef<C, R>;
+    private _defaultPositionStrategy;
+    private _defaultScrollStrategy;
+    private _createOverlay;
+    private _attachDialogContainer;
+    private _attachDialogContent;
+    private _removeOpenedModal;
+    static ɵfac: i0.ɵɵFactoryDeclaration<WrDialogService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<WrDialogService>;
+}
+
+/**
+ * @license
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
+ */
+
+declare const WR_ANIMATION_ZOOM_CLASS_NAME_MAP: {
+    enter: string;
+    enterActive: string;
+    leave: string;
+    leaveActive: string;
+};
+declare const WR_ANIMATION_FADE_CLASS_NAME_MAP: {
+    enter: string;
+    enterActive: string;
+    leave: string;
+    leaveActive: string;
+};
+declare const wrDialogAnimations: {
+    readonly dialogComponent: AnimationTriggerMetadata;
+};
+
+declare class WrDialogCloseDirective {
+    dialogRef: WrDialogRef;
+    _onButtonClick(event: MouseEvent): void;
+    constructor(dialogRef: WrDialogRef);
+    static ɵfac: i0.ɵɵFactoryDeclaration<WrDialogCloseDirective, [{ optional: true; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<WrDialogCloseDirective, "[wrDialogClose]", never, {}, {}, never, never, true, never>;
+}
+
+declare class WrDialogContentDirective {
+    class: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<WrDialogContentDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<WrDialogContentDirective, "[wrDialogContent]", never, {}, {}, never, never, true, never>;
+}
+
+/**
+ * @license
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
+ */
+
+declare const WR_DIALOG_DATA: InjectionToken<any>;
+
+declare class WrDialogFooterDirective {
+    position: 'start' | 'center' | 'end';
+    get elClasses(): SafeAny;
+    static ɵfac: i0.ɵɵFactoryDeclaration<WrDialogFooterDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<WrDialogFooterDirective, "[wrDialogFooter]", never, { "position": { "alias": "position"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+declare class WrDialogTitleDirective {
+    class: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<WrDialogTitleDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<WrDialogTitleDirective, "[wrDialogTitle]", never, {}, {}, never, never, true, never>;
+}
+
+export { WR_ANIMATION_FADE_CLASS_NAME_MAP, WR_ANIMATION_ZOOM_CLASS_NAME_MAP, WR_DIALOG_DATA, WrDialogBaseDirective, WrDialogCloseDirective, WrDialogComponent, WrDialogContentDirective, WrDialogFooterDirective, WrDialogModule, WrDialogOptions, WrDialogRef, WrDialogService, WrDialogTitleDirective, wrDialogAnimations };

package/divider/index.d.ts

@@ -1,5 +1,16 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="ngwr/divider" />
-export * from './public-api';
+import { WrThemeColor, SafeAny } from 'ngwr/cdk/types';
+import * as i0 from '@angular/core';
+
+declare class WrDividerComponent {
+    color: WrThemeColor | null;
+    type: 'solid' | 'dashed' | 'dotted';
+    width: number;
+    get elClasses(): SafeAny;
+    get elStyles(): SafeAny;
+    role: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<WrDividerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WrDividerComponent, "wr-divider", never, { "color": { "alias": "color"; "required": false; }; "type": { "alias": "type"; "required": false; }; "width": { "alias": "width"; "required": false; }; }, {}, never, never, true, never>;
+    static ngAcceptInputType_width: unknown;
+}
+
+export { WrDividerComponent };

package/dropdown/index.d.ts

@@ -0,0 +1,68 @@
+import { ConnectedPosition } from '@angular/cdk/overlay';
+import * as i0 from '@angular/core';
+import { TemplateRef, OnDestroy } from '@angular/core';
+import { wrIconName } from 'ngwr/icon';
+
+/**
+ * @license
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
+ */
+
+type WrDropdownTrigger = 'click' | 'hover';
+declare const WR_DROPDOWN_POSITIONS: Record<string, ConnectedPosition[]>;
+
+/**
+ * @license
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
+ */
+
+declare class WrDropdownMenuComponent {
+    get hostClasses(): Record<string, string>;
+    contentTpl: TemplateRef<void>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<WrDropdownMenuComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WrDropdownMenuComponent, "wr-dropdown-menu", ["wrDropdownMenu"], {}, {}, never, ["*"], true, never>;
+}
+
+declare class WrDropdownDirective implements OnDestroy {
+    dropdownMenu: i0.InputSignal<WrDropdownMenuComponent | undefined>;
+    trigger: i0.InputSignal<WrDropdownTrigger>;
+    position: i0.InputSignal<string>;
+    private readonly isOpen;
+    private overlayRef?;
+    private clickTimeStamp;
+    private readonly overlay;
+    private readonly elementRef;
+    private readonly viewContainerRef;
+    private readonly scrollStrategyOptions;
+    private readonly destroyRef;
+    get hostClasses(): Record<string, boolean>;
+    constructor();
+    ngOnDestroy(): void;
+    protected onClick(event: MouseEvent): void;
+    protected onMouseEnter(): void;
+    private open;
+    private setupClickEvents;
+    private setupHoverEvents;
+    private close;
+    private destroyOverlay;
+    static ɵfac: i0.ɵɵFactoryDeclaration<WrDropdownDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<WrDropdownDirective, "[wrDropdown]", never, { "dropdownMenu": { "alias": "dropdownMenu"; "required": false; "isSignal": true; }; "trigger": { "alias": "trigger"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class WrDropdownMenuItemComponent {
+    icon: i0.InputSignal<wrIconName | null>;
+    disabled: i0.InputSignalWithTransform<boolean, unknown>;
+    get hostClasses(): Record<string, boolean>;
+    attrRole: string;
+    tabindex: string;
+    protected onClick(event: MouseEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<WrDropdownMenuItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WrDropdownMenuItemComponent, "wr-dropdown-menu-item", never, { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+export { WR_DROPDOWN_POSITIONS, WrDropdownDirective, WrDropdownMenuComponent, WrDropdownMenuItemComponent };
+export type { WrDropdownTrigger };

package/dropdown/styles/_index.scss

@@ -0,0 +1,91 @@
+@forward "./vars";
+
+.wr-dropdown {
+  &-trigger {
+    cursor: pointer;
+  }
+
+  &-menu {
+    display: flex;
+    flex-direction: column;
+    min-width: var(--wr-dropdown-min-width);
+    padding: var(--wr-dropdown-padding);
+    box-shadow: var(--wr-dropdown-shadow);
+    background: var(--wr-dropdown-bg);
+    border: 1px solid var(--wr-dropdown-border-color);
+    border-radius: var(--wr-dropdown-border-radius);
+  }
+
+  &--top, &--topRight, &--topLeft {
+    padding-bottom: 4px;
+  }
+
+  &--bottom, &--bottomLeft, &--bottomRight {
+    padding-top: 4px;
+  }
+
+  &--left {
+    padding-right: 4px;
+  }
+
+  &--right {
+    padding-left: 4px;
+  }
+}
+
+.wr-dropdown-item {
+  position: relative;
+  display: flex;
+  align-items: center;
+  width: 100%;
+  height: var(--wr-dropdown-item-height);
+  padding: var(--wr-dropdown-item-padding);
+  background: none;
+  border: none;
+  cursor: pointer;
+  user-select: none;
+  color: var(--wr-dropdown-item-color);
+  text-align: left;
+  font: inherit;
+  white-space: nowrap;
+  transition: all var(--wr-transition-base);
+
+  &:not(&--disabled) {
+    &:hover {
+      background-color: var(--wr-dropdown-item-hover-bg);
+    }
+
+    &:focus {
+      background-color: var(--wr-dropdown-item-hover-bg);
+      outline: none;
+    }
+
+    &:active {
+      background-color: var(--wr-dropdown-item-active-bg);
+    }
+  }
+
+  &__content {
+    display: flex;
+    align-items: center;
+    width: 100%;
+    font-size: var(--wr-dropdown-item-font-size);
+    gap: var(--wr-dropdown-item-gap);
+  }
+
+  &__icon {
+    --wr-icon-size: var(--wr-dropdown-item-icon-size);
+  }
+
+  &__label {
+    flex: 1;
+    text-overflow: ellipsis;
+    overflow: hidden;
+  }
+
+  &--disabled {
+    cursor: not-allowed;
+    color: var(--wr-dropdown-item-disabled-color);
+    pointer-events: none;
+  }
+}