@lumaui/angular 0.4.3 → 0.4.4

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@lumaui/angular",
-  "version": "0.4.3",
+  "version": "0.4.4",
   "description": "Angular components for Luma UI - Neo-Minimal design system",
   "dependencies": {
-    "@lumaui/core": "^0.4.2",
-    "@lumaui/tokens": "^0.4.2",
+    "@lumaui/core": "^0.4.4",
+    "@lumaui/tokens": "^0.4.4",
     "tslib": "^2.3.0"
   },
   "peerDependencies": {

package/types/lumaui-angular.d.ts

@@ -1,7 +1,8 @@
 import * as _angular_core from '@angular/core';
-import { InjectionToken, Signal, OnDestroy, WritableSignal, AfterViewInit, ElementRef, OnInit } from '@angular/core';
-import { ButtonVariant, ButtonSize, ButtonRadius, BadgeVariant, BadgeRadius, CardVariant, CardTitleSize, CardDescriptionSize, AccordionItemVariant, AccordionTitleSize, TooltipPosition, TabsVariant, ToastPosition as ToastPosition$1, ToastVariant as ToastVariant$1 } from '@lumaui/core';
+import { OnInit, InjectionToken, Signal, OnDestroy, WritableSignal, AfterViewInit, ElementRef } from '@angular/core';
+import { ButtonVariant, ButtonSize, ButtonRadius, BadgeVariant, BadgeRadius, InputSize, LabelSize, HelperTextSize, ErrorTextSize, TextareaSize, CardVariant, CardTitleSize, CardDescriptionSize, AccordionItemVariant, AccordionTitleSize, TooltipPosition, TabsVariant, ToastPosition as ToastPosition$1, ToastVariant as ToastVariant$1, SelectSize } from '@lumaui/core';
 export { ToastCloseVariants, ToastContainerVariants, ToastIconVariants, ToastItemVariants, ToastState } from '@lumaui/core';
+import { ControlValueAccessor } from '@angular/forms';
 import * as _lumaui_angular from '@lumaui/angular';
 import { Observable } from 'rxjs';
 
@@ -26,6 +27,219 @@ declare class LmBadgeDirective {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<LmBadgeDirective, "[lumaBadge]", never, { "lmVariant": { "alias": "lmVariant"; "required": false; "isSignal": true; }; "lmRadius": { "alias": "lmRadius"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
+/**
+ * Input directive with CVA variants and Angular Forms integration
+ *
+ * @example
+ * <input lumaInput lmSize="md" />
+ */
+declare class LmInputDirective implements ControlValueAccessor, OnInit {
+    private injector;
+    private elementRef;
+    private ngControl;
+    private destroyRef;
+    lmSize: _angular_core.InputSignal<InputSize>;
+    lmError: _angular_core.InputSignal<boolean>;
+    lmDisabled: _angular_core.InputSignal<boolean>;
+    lmRequired: _angular_core.InputSignal<boolean>;
+    private _formDisabled;
+    private _formInvalid;
+    private _formTouched;
+    isDisabled: _angular_core.Signal<boolean>;
+    elementId: _angular_core.WritableSignal<string>;
+    describedBy: _angular_core.WritableSignal<string | null>;
+    hasError: _angular_core.Signal<boolean>;
+    classes: _angular_core.Signal<string>;
+    private onChange;
+    private onTouched;
+    ngOnInit(): void;
+    writeValue(value: string): void;
+    registerOnChange(fn: (value: string) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    onInput(event: Event): void;
+    onBlur(): void;
+    /**
+     * Set the aria-describedby attribute value
+     * This is typically called by parent components or directives
+     */
+    setDescribedBy(value: string | null): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LmInputDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<LmInputDirective, "input[lumaInput]", never, { "lmSize": { "alias": "lmSize"; "required": false; "isSignal": true; }; "lmError": { "alias": "lmError"; "required": false; "isSignal": true; }; "lmDisabled": { "alias": "lmDisabled"; "required": false; "isSignal": true; }; "lmRequired": { "alias": "lmRequired"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * Label directive with required indicator support
+ *
+ * @example
+ * <label lumaLabel for="email" lmRequired>Email</label>
+ */
+declare class LmLabelDirective {
+    for: _angular_core.InputSignal<string>;
+    lmRequired: _angular_core.InputSignal<boolean>;
+    lmSize: _angular_core.InputSignal<LabelSize>;
+    lmInline: _angular_core.InputSignal<boolean>;
+    classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LmLabelDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<LmLabelDirective, "label[lumaLabel]", never, { "for": { "alias": "for"; "required": false; "isSignal": true; }; "lmRequired": { "alias": "lmRequired"; "required": false; "isSignal": true; }; "lmSize": { "alias": "lmSize"; "required": false; "isSignal": true; }; "lmInline": { "alias": "lmInline"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * Helper text directive for displaying hint/description text
+ *
+ * @example
+ * <span lumaHelperText>We'll never share your email.</span>
+ */
+declare class LmHelperTextDirective {
+    elementId: _angular_core.WritableSignal<string>;
+    lmSize: _angular_core.InputSignal<HelperTextSize>;
+    classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LmHelperTextDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<LmHelperTextDirective, "[lumaHelperText]", never, { "lmSize": { "alias": "lmSize"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * Error text directive for displaying validation error messages
+ *
+ * @example
+ * <span lumaErrorText *ngIf="hasError">Password must be at least 8 characters.</span>
+ */
+declare class LmErrorTextDirective {
+    elementId: _angular_core.WritableSignal<string>;
+    lmSize: _angular_core.InputSignal<ErrorTextSize>;
+    classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LmErrorTextDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<LmErrorTextDirective, "[lumaErrorText]", never, { "lmSize": { "alias": "lmSize"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * Textarea directive with CVA variants and Angular Forms integration
+ *
+ * @example
+ * <textarea lumaTextarea lmSize="md"></textarea>
+ */
+declare class LmTextareaDirective implements ControlValueAccessor, OnInit {
+    private injector;
+    private elementRef;
+    private ngControl;
+    private destroyRef;
+    lmSize: _angular_core.InputSignal<TextareaSize>;
+    lmError: _angular_core.InputSignal<boolean>;
+    lmDisabled: _angular_core.InputSignal<boolean>;
+    lmRequired: _angular_core.InputSignal<boolean>;
+    private _formDisabled;
+    private _formInvalid;
+    private _formTouched;
+    isDisabled: _angular_core.Signal<boolean>;
+    elementId: _angular_core.WritableSignal<string>;
+    describedBy: _angular_core.WritableSignal<string | null>;
+    hasError: _angular_core.Signal<boolean>;
+    classes: _angular_core.Signal<string>;
+    private onChange;
+    private onTouched;
+    ngOnInit(): void;
+    writeValue(value: string): void;
+    registerOnChange(fn: (value: string) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    onInput(event: Event): void;
+    onBlur(): void;
+    /**
+     * Set the aria-describedby attribute value
+     * This is typically called by parent components or directives
+     */
+    setDescribedBy(value: string | null): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LmTextareaDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<LmTextareaDirective, "textarea[lumaTextarea]", never, { "lmSize": { "alias": "lmSize"; "required": false; "isSignal": true; }; "lmError": { "alias": "lmError"; "required": false; "isSignal": true; }; "lmDisabled": { "alias": "lmDisabled"; "required": false; "isSignal": true; }; "lmRequired": { "alias": "lmRequired"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * Checkbox directive with CVA variants and Angular Forms integration.
+ * Supports boolean ControlValueAccessor (checked/unchecked).
+ *
+ * @example
+ * <input type="checkbox" lumaCheckbox [formControl]="agreedControl" />
+ */
+declare class LmCheckboxDirective implements ControlValueAccessor, OnInit {
+    private injector;
+    private elementRef;
+    private ngControl;
+    private destroyRef;
+    lmError: _angular_core.InputSignal<boolean>;
+    lmDisabled: _angular_core.InputSignal<boolean>;
+    lmRequired: _angular_core.InputSignal<boolean>;
+    private _formDisabled;
+    private _formInvalid;
+    private _formTouched;
+    isChecked: _angular_core.WritableSignal<boolean>;
+    readonly checkmarkSvg = "url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8l3 3 5-5' stroke='white' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C%2Fsvg%3E\")";
+    isDisabled: _angular_core.Signal<boolean>;
+    elementId: _angular_core.WritableSignal<string>;
+    describedBy: _angular_core.WritableSignal<string | null>;
+    hasError: _angular_core.Signal<boolean>;
+    classes: _angular_core.Signal<string>;
+    private onChange;
+    private onTouched;
+    ngOnInit(): void;
+    writeValue(value: boolean): void;
+    registerOnChange(fn: (value: boolean) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    onChangeEvent(event: Event): void;
+    onBlur(): void;
+    /**
+     * Set the aria-describedby attribute value.
+     * Typically called by helper/error text directives.
+     */
+    setDescribedBy(value: string | null): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LmCheckboxDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<LmCheckboxDirective, "input[type=\"checkbox\"][lumaCheckbox]", never, { "lmError": { "alias": "lmError"; "required": false; "isSignal": true; }; "lmDisabled": { "alias": "lmDisabled"; "required": false; "isSignal": true; }; "lmRequired": { "alias": "lmRequired"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * Radio button directive with CVA variants and Angular Forms integration.
+ * Emits `lmValue` to the FormControl when checked.
+ * The inner dot indicator is rendered via a signal-bound `box-shadow` style.
+ *
+ * @example
+ * <input type="radio" lumaRadio lmValue="option-a" [formControl]="optionControl" />
+ */
+declare class LmRadioDirective implements ControlValueAccessor, OnInit {
+    private injector;
+    private elementRef;
+    private ngControl;
+    private destroyRef;
+    lmValue: _angular_core.InputSignal<unknown>;
+    lmError: _angular_core.InputSignal<boolean>;
+    lmDisabled: _angular_core.InputSignal<boolean>;
+    lmRequired: _angular_core.InputSignal<boolean>;
+    private _formDisabled;
+    private _formInvalid;
+    private _formTouched;
+    isChecked: _angular_core.WritableSignal<boolean>;
+    isDisabled: _angular_core.Signal<boolean>;
+    elementId: _angular_core.WritableSignal<string>;
+    describedBy: _angular_core.WritableSignal<string | null>;
+    hasError: _angular_core.Signal<boolean>;
+    classes: _angular_core.Signal<string>;
+    private onChange;
+    private onTouched;
+    ngOnInit(): void;
+    writeValue(value: unknown): void;
+    registerOnChange(fn: (value: unknown) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    onChangeEvent(event: Event): void;
+    onBlur(): void;
+    /**
+     * Set the aria-describedby attribute value.
+     * Typically called by helper/error text directives.
+     */
+    setDescribedBy(value: string | null): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LmRadioDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<LmRadioDirective, "input[type=\"radio\"][lumaRadio]", never, { "lmValue": { "alias": "lmValue"; "required": false; "isSignal": true; }; "lmError": { "alias": "lmError"; "required": false; "isSignal": true; }; "lmDisabled": { "alias": "lmDisabled"; "required": false; "isSignal": true; }; "lmRequired": { "alias": "lmRequired"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
 declare class LmCardComponent {
     /**
      * Card visual style variant
@@ -347,7 +561,7 @@ declare class LmTooltipDirective implements OnDestroy {
     lumaTooltip: _angular_core.InputSignal<string>;
     lmPosition: _angular_core.InputSignal<TooltipPosition>;
     lmHtml: _angular_core.InputSignal<boolean>;
-    lmTrigger: _angular_core.InputSignal<"click" | "hover" | "focus">;
+    lmTrigger: _angular_core.InputSignal<"click" | "focus" | "hover">;
     lmDelay: _angular_core.InputSignal<number>;
     isVisible: _angular_core.WritableSignal<boolean>;
     actualPosition: _angular_core.WritableSignal<TooltipPosition>;
@@ -1299,5 +1513,146 @@ declare class LmToastCloseComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<LmToastCloseComponent, "luma-toast-close", never, { "lmVariant": { "alias": "lmVariant"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-export { ACCORDION_ITEM, DEFAULT_TOAST_CONFIG, LmAccordionContentDirective, LmAccordionGroupComponent, LmAccordionIconDirective, LmAccordionItemComponent, LmAccordionTitleDirective, LmAccordionTriggerDirective, LmBadgeDirective, LmButtonDirective, LmCardComponent, LmCardContentDirective, LmCardDescriptionDirective, LmCardHeaderDirective, LmCardTitleDirective, LmModalCloseComponent, LmModalComponent, LmModalContainerComponent, LmModalContentDirective, LmModalFooterDirective, LmModalHeaderDirective, LmModalOverlayComponent, LmModalTitleDirective, LmTabsComponent, LmTabsIndicatorComponent, LmTabsListDirective, LmTabsPanelDirective, LmTabsTriggerDirective, LmToastCloseComponent, LmToastContainerComponent, LmToastItemComponent, LmToastService, LmTooltipDirective, MODAL_CONTEXT, TABS_GROUP, TABS_LIST, TOAST_CONFIG, provideToastConfig };
-export type { AccordionItemBase, ModalContext, ModalSize, TabsGroupBase, TabsListBase, Toast, ToastConfig, ToastOptions, ToastPosition, ToastRef, ToastVariant };
+/**
+ * Data registered by each LmSelectOptionComponent into the parent LmSelectComponent.
+ * label is a plain getter that reads textContent lazily — no timing race with ngAfterViewInit.
+ */
+interface OptionEntry {
+    value: unknown;
+    /** Plain getter — reads textContent on every call, always up-to-date when filter runs */
+    label: () => string;
+    /** Direct reference to the option's lmDisabled InputSignal */
+    disabled: Signal<boolean>;
+}
+/**
+ * Interface that LmSelectComponent implements and exposes via SELECT_CONTEXT.
+ * Options use this to register/unregister themselves without circular imports.
+ */
+interface SelectContext {
+    isMultiple: Signal<boolean>;
+    registerOption(entry: OptionEntry): void;
+    unregisterOption(value: unknown): void;
+}
+declare const SELECT_CONTEXT: InjectionToken<SelectContext>;
+
+declare class LmSelectComponent implements SelectContext, ControlValueAccessor, OnInit, OnDestroy {
+    private readonly injector;
+    private readonly destroyRef;
+    private readonly elementRef;
+    private readonly document;
+    private readonly platformId;
+    private ngControl;
+    lmSize: _angular_core.InputSignal<SelectSize>;
+    lmMultiple: _angular_core.InputSignal<boolean>;
+    lmPlaceholder: _angular_core.InputSignal<string>;
+    lmSearchPlaceholder: _angular_core.InputSignal<string>;
+    lmDisabled: _angular_core.InputSignal<boolean>;
+    lmRequired: _angular_core.InputSignal<boolean>;
+    lmError: _angular_core.InputSignal<boolean>;
+    lmEmptyMessage: _angular_core.InputSignal<string>;
+    lmClearable: _angular_core.InputSignal<boolean>;
+    lmCompareWith: _angular_core.InputSignal<((a: unknown, b: unknown) => boolean) | null>;
+    lmValueChange: _angular_core.OutputEmitterRef<unknown>;
+    selectId: _angular_core.WritableSignal<string>;
+    readonly listboxId: _angular_core.Signal<string>;
+    readonly searchInputId: _angular_core.Signal<string>;
+    /** ID of the currently focused option for aria-activedescendant */
+    readonly activeDescendantId: _angular_core.Signal<string | null>;
+    /** Whether the select has a value (for clear button visibility) */
+    readonly hasValue: _angular_core.Signal<boolean>;
+    private readonly _singleValue;
+    private readonly _multiValue;
+    private readonly _internalOpen;
+    readonly isOpen: _angular_core.Signal<boolean>;
+    readonly searchQuery: _angular_core.WritableSignal<string>;
+    private readonly _options;
+    private readonly _formDisabled;
+    private readonly _formInvalid;
+    private readonly _formTouched;
+    readonly isDisabled: _angular_core.Signal<boolean>;
+    readonly hasError: _angular_core.Signal<boolean>;
+    /** SelectContext interface */
+    readonly isMultiple: _angular_core.Signal<boolean>;
+    /** Compare two values using the custom compareWith function or strict equality */
+    private compareValues;
+    /**
+     * Combines filtering with selected-state baking in a single computed.
+     * Avoids creating per-row signal instances; the whole array recomputes
+     * when search query, options, or selection state changes.
+     */
+    readonly filteredOptionsWithState: _angular_core.Signal<{
+        entry: OptionEntry;
+        isSelected: boolean;
+    }[]>;
+    /** Label shown in the trigger when the dropdown is closed (single-select only) */
+    readonly triggerLabel: _angular_core.Signal<string | null>;
+    /** Chip data for multi-select: maps selected values to { value, label } */
+    readonly selectedChips: _angular_core.Signal<{
+        value: unknown;
+        label: string;
+    }[]>;
+    private readonly _flipAbove;
+    readonly focusedOptionIndex: _angular_core.WritableSignal<number>;
+    readonly searchInputRef: _angular_core.Signal<ElementRef<HTMLInputElement> | undefined>;
+    readonly triggerRef: _angular_core.Signal<ElementRef<HTMLElement> | undefined>;
+    readonly listboxRef: _angular_core.Signal<ElementRef<HTMLElement> | undefined>;
+    readonly triggerClasses: _angular_core.Signal<string>;
+    readonly listboxClasses: _angular_core.Signal<string>;
+    readonly searchInputClasses: string;
+    /** Chip classes — reactive to size */
+    readonly chipClasses: _angular_core.Signal<string>;
+    /** Chip dismiss button classes — reactive to size */
+    readonly chipDismissClasses: _angular_core.Signal<string>;
+    optionClasses(isSelected: boolean, disabled: boolean, isFocused: boolean): string;
+    private onChange;
+    private onTouched;
+    private clickOutsideHandler;
+    constructor();
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    registerOption(entry: OptionEntry): void;
+    unregisterOption(value: unknown): void;
+    open(): void;
+    close(): void;
+    toggle(): void;
+    selectValue(value: unknown): void;
+    /** Remove a chip by its value (without opening/closing the dropdown) */
+    removeChip(event: Event, value: unknown): void;
+    /** Clear the current selection */
+    clear(event?: Event): void;
+    onTriggerKeydown(event: KeyboardEvent): void;
+    onSearchInput(event: Event): void;
+    onSearchKeydown(event: KeyboardEvent): void;
+    private checkFlipPosition;
+    private registerClickOutside;
+    private unregisterClickOutside;
+    writeValue(value: unknown): void;
+    registerOnChange(fn: (v: unknown) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LmSelectComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LmSelectComponent, "luma-select", never, { "lmSize": { "alias": "lmSize"; "required": false; "isSignal": true; }; "lmMultiple": { "alias": "lmMultiple"; "required": false; "isSignal": true; }; "lmPlaceholder": { "alias": "lmPlaceholder"; "required": false; "isSignal": true; }; "lmSearchPlaceholder": { "alias": "lmSearchPlaceholder"; "required": false; "isSignal": true; }; "lmDisabled": { "alias": "lmDisabled"; "required": false; "isSignal": true; }; "lmRequired": { "alias": "lmRequired"; "required": false; "isSignal": true; }; "lmError": { "alias": "lmError"; "required": false; "isSignal": true; }; "lmEmptyMessage": { "alias": "lmEmptyMessage"; "required": false; "isSignal": true; }; "lmClearable": { "alias": "lmClearable"; "required": false; "isSignal": true; }; "lmCompareWith": { "alias": "lmCompareWith"; "required": false; "isSignal": true; }; }, { "lmValueChange": "lmValueChange"; }, never, ["*"], true, never>;
+}
+
+/**
+ * Option component for luma-select.
+ * Projects content into a hidden slot (the parent hides it via aria-hidden);
+ * registers its value/label/disabled as signals into the parent's registry.
+ *
+ * @example
+ * <luma-select-option [lmValue]="'apple'">Apple</luma-select-option>
+ */
+declare class LmSelectOptionComponent implements OnInit, OnDestroy {
+    private readonly context;
+    private readonly elementRef;
+    lmValue: _angular_core.InputSignal<unknown>;
+    lmDisabled: _angular_core.InputSignal<boolean>;
+    private entry;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LmSelectOptionComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LmSelectOptionComponent, "luma-select-option", never, { "lmValue": { "alias": "lmValue"; "required": true; "isSignal": true; }; "lmDisabled": { "alias": "lmDisabled"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+export { ACCORDION_ITEM, DEFAULT_TOAST_CONFIG, LmAccordionContentDirective, LmAccordionGroupComponent, LmAccordionIconDirective, LmAccordionItemComponent, LmAccordionTitleDirective, LmAccordionTriggerDirective, LmBadgeDirective, LmButtonDirective, LmCardComponent, LmCardContentDirective, LmCardDescriptionDirective, LmCardHeaderDirective, LmCardTitleDirective, LmCheckboxDirective, LmErrorTextDirective, LmHelperTextDirective, LmInputDirective, LmLabelDirective, LmModalCloseComponent, LmModalComponent, LmModalContainerComponent, LmModalContentDirective, LmModalFooterDirective, LmModalHeaderDirective, LmModalOverlayComponent, LmModalTitleDirective, LmRadioDirective, LmSelectComponent, LmSelectOptionComponent, LmTabsComponent, LmTabsIndicatorComponent, LmTabsListDirective, LmTabsPanelDirective, LmTabsTriggerDirective, LmTextareaDirective, LmToastCloseComponent, LmToastContainerComponent, LmToastItemComponent, LmToastService, LmTooltipDirective, MODAL_CONTEXT, SELECT_CONTEXT, TABS_GROUP, TABS_LIST, TOAST_CONFIG, provideToastConfig };
+export type { AccordionItemBase, ModalContext, ModalSize, OptionEntry, SelectContext, TabsGroupBase, TabsListBase, Toast, ToastConfig, ToastOptions, ToastPosition, ToastRef, ToastVariant };