@atelier-ui/angular 0.0.11 → 0.0.12

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atelier-ui/angular",
-  "version": "0.0.11",
+  "version": "0.0.12",
   "description": "Atelier UI component library for Angular — LLM-optimised, accessible, design-token-driven",
   "keywords": [
     "angular",
@@ -23,7 +23,7 @@
     "@angular/forms": "^21.0.0"
   },
   "dependencies": {
-    "@atelier-ui/spec": "latest",
+    "@atelier-ui/spec": "0.0.12",
     "tslib": "^2.3.0"
   },
   "module": "fesm2022/atelier-ui-angular.mjs",
@@ -38,4 +38,4 @@
     }
   },
   "sideEffects": false
-}
+}

package/types/atelier-ui-angular.d.ts

@@ -1,7 +1,8 @@
 import * as _angular_core from '@angular/core';
 import { InjectionToken, WritableSignal, Signal, OnInit, OnDestroy, ElementRef } from '@angular/core';
-import { LlmButtonVariant, LlmButtonSize } from '@atelier-ui/spec';
+import { LlmButtonVariant, LlmButtonSize, LlmComboboxOption } from '@atelier-ui/spec';
 import { FormValueControl, WithOptionalFieldTree, ValidationError, FormCheckboxControl } from '@angular/forms/signals';
+import { FocusableOption } from '@angular/cdk/a11y';
 import * as _atelier_ui_angular from '@atelier-ui/angular';
 import * as i1 from '@angular/cdk/accordion';
 import * as i1$1 from '@angular/cdk/menu';
@@ -244,9 +245,9 @@ declare class LlmCheckbox implements FormCheckboxControl {
 }
 
 /** @internal — shape required by LlmRadioGroup's FocusKeyManager */
-interface RadioItem {
-    focusInput(): void;
-    isDisabled(): boolean;
+interface RadioItem extends FocusableOption {
+    focus(): void;
+    disabled?: boolean;
     readonly radioValue: Signal<string>;
 }
 interface LlmRadioGroupContext {
@@ -275,7 +276,7 @@ declare class LlmRadio implements RadioItem, OnInit, OnDestroy {
     /** The value this radio option represents within the group. */
     readonly radioValue: _angular_core.InputSignal<string>;
     /** Whether this specific radio is individually disabled (stacked with group disabled). */
-    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly disabledInput: _angular_core.InputSignal<boolean>;
     /** @internal */
     private readonly group;
     /** @internal */
@@ -291,7 +292,9 @@ declare class LlmRadio implements RadioItem, OnInit, OnDestroy {
     /** @internal */
     protected readonly hostClasses: _angular_core.Signal<string>;
     /** @internal — for FocusKeyManager */
-    focusInput(): void;
+    get disabled(): boolean;
+    /** @internal — for FocusKeyManager */
+    focus(): void;
     ngOnInit(): void;
     ngOnDestroy(): void;
     /** @internal */
@@ -299,7 +302,7 @@ declare class LlmRadio implements RadioItem, OnInit, OnDestroy {
     /** @internal */
     protected onBlur(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<LlmRadio, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LlmRadio, "llm-radio", never, { "radioValue": { "alias": "radioValue"; "required": true; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LlmRadio, "llm-radio", never, { "radioValue": { "alias": "radioValue"; "required": true; "isSignal": true; }; "disabledInput": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
 /**
@@ -340,6 +343,8 @@ declare class LlmRadioGroup implements FormValueControl<string>, LlmRadioGroupCo
     /** @internal */
     private readonly items;
     /** @internal */
+    private keyManager;
+    /** @internal */
     protected readonly showErrors: _angular_core.Signal<boolean>;
     /** @internal */
     protected readonly hostClasses: _angular_core.Signal<string>;
@@ -440,7 +445,7 @@ declare const LLM_SELECT: InjectionToken<LlmSelectContext>;
 
 /**
  * Accessible dropdown select component for use with Angular Signal Forms.
- * Uses the native Popover API for the panel overlay.
+ * Uses the CDK Overlay for viewport-aware panel positioning.
  *
  * Usage:
  * ```html
@@ -455,7 +460,7 @@ declare const LLM_SELECT: InjectionToken<LlmSelectContext>;
  * </llm-select>
  * ```
  */
-declare class LlmSelect implements FormValueControl<string>, LlmSelectContext {
+declare class LlmSelect implements FormValueControl<string>, LlmSelectContext, OnDestroy {
     /** The selected value. Bound by [formField] directive. Supports [(value)] two-way binding. */
     readonly value: _angular_core.ModelSignal<string>;
     /** Whether the user has interacted. Bound by [formField] directive. */
@@ -499,8 +504,10 @@ declare class LlmSelect implements FormValueControl<string>, LlmSelectContext {
     protected readonly hostClasses: _angular_core.Signal<string>;
     /** @internal */
     private keyManager;
+    private overlayRef;
     private outsideClickHandler;
     private readonly elementRef;
+    private readonly injector;
     /** @internal — called by LlmOption on init */
     registerOption(id: string, value: string, labelText: string, disabled: boolean): void;
     /** @internal — called by LlmOption on destroy */
@@ -514,11 +521,11 @@ declare class LlmSelect implements FormValueControl<string>, LlmSelectContext {
     /** @internal */
     protected onTriggerBlur(): void;
     /** @internal */
-    protected onPanelToggle(event: Event): void;
-    /** @internal */
     protected onKeydown(event: KeyboardEvent): void;
+    ngOnDestroy(): void;
     private open;
     private close;
+    private createOverlay;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<LlmSelect, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<LlmSelect, "llm-select", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "errors": { "alias": "errors"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "touched": "touchedChange"; }, never, ["*"], true, never>;
 }
@@ -556,6 +563,86 @@ declare class LlmOption implements OnInit, OnDestroy {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<LlmOption, "llm-option", never, { "optionValue": { "alias": "optionValue"; "required": true; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
+/**
+ * Filterable autocomplete combobox. Accepts an `options` array and emits the
+ * selected option's `value`. The user types to narrow the list; selecting an
+ * option commits the value and displays its label.
+ *
+ * Usage:
+ * ```html
+ * <llm-combobox
+ *   [(value)]="country"
+ *   [options]="countryOptions"
+ *   placeholder="Search country…"
+ * />
+ *
+ * <!-- With Signal Forms -->
+ * <llm-combobox [formField]="form.country" [options]="countryOptions" />
+ * ```
+ */
+declare class LlmCombobox implements FormValueControl<string> {
+    /** The selected value. Supports [(value)] two-way binding and [formField] directive. */
+    readonly value: _angular_core.ModelSignal<string>;
+    /** Whether the user has interacted. Bound by [formField] directive. */
+    readonly touched: _angular_core.ModelSignal<boolean>;
+    /** Options to display and filter. */
+    readonly options: _angular_core.InputSignal<LlmComboboxOption[]>;
+    /** Placeholder text for the input. */
+    readonly placeholder: _angular_core.InputSignal<string>;
+    /** Whether the combobox is disabled. */
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    /** Whether the combobox has validation errors. */
+    readonly invalid: _angular_core.InputSignal<boolean>;
+    /** Whether the combobox is required. */
+    readonly required: _angular_core.InputSignal<boolean>;
+    /** The input's name attribute. */
+    readonly name: _angular_core.InputSignal<string>;
+    /** Validation errors from the form system. */
+    readonly errors: _angular_core.InputSignal<readonly WithOptionalFieldTree<ValidationError>[]>;
+    /** @internal */
+    protected readonly query: _angular_core.WritableSignal<string>;
+    /** @internal */
+    protected readonly isOpen: _angular_core.WritableSignal<boolean>;
+    /** @internal */
+    protected readonly activeIndex: _angular_core.WritableSignal<number>;
+    /** @internal */
+    protected readonly panelRef: _angular_core.Signal<ElementRef<HTMLElement> | undefined>;
+    /** @internal */
+    protected readonly inputEl: _angular_core.Signal<ElementRef<HTMLInputElement> | undefined>;
+    /** @internal */
+    protected readonly inputId: string;
+    /** @internal */
+    protected readonly panelId: string;
+    /** @internal */
+    protected readonly errorId: string;
+    /** @internal */
+    protected readonly filteredOptions: _angular_core.Signal<LlmComboboxOption[]>;
+    /** @internal */
+    protected readonly activeOptionId: _angular_core.Signal<string | null>;
+    /** @internal */
+    protected readonly showErrors: _angular_core.Signal<boolean>;
+    /** @internal */
+    protected readonly hostClasses: _angular_core.Signal<string>;
+    private outsideClickHandler;
+    private readonly elementRef;
+    /** @internal */
+    protected optionId(index: number): string;
+    /** @internal */
+    protected onInput(event: Event): void;
+    /** @internal */
+    protected onFocus(): void;
+    /** @internal */
+    protected onBlur(): void;
+    /** @internal */
+    protected onOptionSelect(option: LlmComboboxOption): void;
+    /** @internal */
+    protected onKeydown(event: KeyboardEvent): void;
+    private open;
+    private close;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LlmCombobox, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LlmCombobox, "llm-combobox", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "errors": { "alias": "errors"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "touched": "touchedChange"; }, never, never, true, never>;
+}
+
 /**
  * Accessible modal dialog using the native `<dialog>` element.
  * Includes focus trap, Escape to close, backdrop click to close, and animation.
@@ -662,7 +749,7 @@ declare class LlmTabGroup implements LlmTabGroupContext {
     /** @internal */
     readonly tabs: _angular_core.WritableSignal<TabInfo[]>;
     /** @internal */
-    private readonly elementRef;
+    protected readonly tabBtns: _angular_core.Signal<readonly ElementRef<HTMLButtonElement>[]>;
     /** @internal */
     protected readonly hostClasses: _angular_core.Signal<string>;
     /** @internal — called by LlmTab on init */
@@ -706,10 +793,10 @@ declare class LlmTab implements OnInit, OnDestroy {
 }
 
 /** @internal — shape required by LlmAccordionGroup's FocusKeyManager */
-interface AccordionItem {
+interface AccordionItem extends FocusableOption {
     readonly id: string;
-    focusTrigger(): void;
-    isItemDisabled(): boolean;
+    focus(): void;
+    disabled?: boolean;
 }
 interface LlmAccordionGroupContext {
     register(item: AccordionItem): void;
@@ -771,7 +858,9 @@ declare class LlmAccordionItem implements AccordionItem, OnInit, OnDestroy {
     /** Whether this item is expanded. Supports two-way binding. */
     readonly expanded: _angular_core.ModelSignal<boolean>;
     /** Whether this item is disabled. */
-    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly disabledInput: _angular_core.InputSignal<boolean>;
+    /** @internal — satisfies AccordionItem / FocusableOption interface */
+    get disabled(): boolean;
     /** @internal */
     readonly id: string;
     /** @internal */
@@ -796,15 +885,13 @@ declare class LlmAccordionItem implements AccordionItem, OnInit, OnDestroy {
     ngOnInit(): void;
     ngOnDestroy(): void;
     /** @internal — for FocusKeyManager */
-    focusTrigger(): void;
-    /** @internal — for FocusKeyManager */
-    isItemDisabled(): boolean;
+    focus(): void;
     /** @internal */
     protected onToggle(): void;
     /** @internal */
     protected onKeydown(event: KeyboardEvent): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<LlmAccordionItem, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LlmAccordionItem, "llm-accordion-item", never, { "expanded": { "alias": "expanded"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "expanded": "expandedChange"; }, never, ["[llmAccordionHeader]", "*"], true, [{ directive: typeof i1.CdkAccordionItem; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LlmAccordionItem, "llm-accordion-item", never, { "expanded": { "alias": "expanded"; "required": false; "isSignal": true; }; "disabledInput": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "expanded": "expandedChange"; }, never, ["[llmAccordionHeader]", "*"], true, [{ directive: typeof i1.CdkAccordionItem; inputs: {}; outputs: {}; }]>;
 }
 
 /**
@@ -1229,7 +1316,7 @@ declare class LlmDrawer {
     /** Whether the drawer is open. Supports two-way binding: [(open)]="isOpen". */
     readonly open: _angular_core.ModelSignal<boolean>;
     /** Which edge the drawer slides in from. */
-    readonly position: _angular_core.InputSignal<"top" | "bottom" | "left" | "right">;
+    readonly position: _angular_core.InputSignal<"bottom" | "top" | "left" | "right">;
     /** Width (for left/right) or height (for top/bottom) of the panel. */
     readonly size: _angular_core.InputSignal<"sm" | "md" | "lg" | "full">;
     /** Whether clicking the backdrop closes the drawer. */
@@ -1431,5 +1518,133 @@ declare class LlmTd {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<LlmTd, "llm-td", never, { "align": { "alias": "align"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
-export { LLM_ACCORDION_GROUP, LLM_BREADCRUMBS, LLM_DIALOG, LLM_DRAWER, LLM_RADIO_GROUP, LLM_SELECT, LLM_TABLE, LLM_TAB_GROUP, LlmAccordionGroup, LlmAccordionHeader, LlmAccordionItem, LlmAlert, LlmAvatar, LlmAvatarGroup, LlmBadge, LlmBreadcrumbItem, LlmBreadcrumbs, LlmButton, LlmCard, LlmCardContent, LlmCardFooter, LlmCardHeader, LlmCheckbox, LlmDialog, LlmDialogContent, LlmDialogFooter, LlmDialogHeader, LlmDrawer, LlmDrawerContent, LlmDrawerFooter, LlmDrawerHeader, LlmInput, LlmMenu, LlmMenuItem, LlmMenuSeparator, LlmMenuTrigger, LlmOption, LlmPagination, LlmProgress, LlmRadio, LlmRadioGroup, LlmSelect, LlmSkeleton, LlmTab, LlmTabGroup, LlmTable, LlmTbody, LlmTd, LlmTextarea, LlmTh, LlmThead, LlmToast, LlmToastContainer, LlmToastService, LlmToggle, LlmTooltip, LlmTr };
-export type { LlmAccordionGroupContext, LlmBreadcrumbsContext, LlmDialogContext, LlmDrawerContext, LlmRadioGroupContext, LlmSelectContext, LlmSortDirection, LlmTabGroupContext, LlmTableContext, PageItem, TabInfo, ToastData, ToastOptions };
+interface StepInfo {
+    id: string;
+    label: string;
+    description?: string;
+    completed: boolean;
+    error: boolean;
+    optional: boolean;
+    disabled: boolean;
+}
+interface LlmStepperContext {
+    readonly activeStep: WritableSignal<number>;
+    readonly steps: Signal<StepInfo[]>;
+    readonly linear: Signal<boolean>;
+    registerStep(info: StepInfo): void;
+    unregisterStep(id: string): void;
+    updateStep(id: string, info: Partial<StepInfo>): void;
+    goTo(index: number): void;
+    next(): void;
+    prev(): void;
+}
+declare const LLM_STEPPER: InjectionToken<LlmStepperContext>;
+
+/**
+ * Multi-step wizard container.
+ *
+ * Usage:
+ * ```html
+ * <llm-stepper [(activeStep)]="step">
+ *   <llm-step label="Account">Account form here.</llm-step>
+ *   <llm-step label="Profile">Profile form here.</llm-step>
+ *   <llm-step label="Review">Review and submit.</llm-step>
+ * </llm-stepper>
+ * ```
+ */
+declare class LlmStepper implements LlmStepperContext {
+    /** Index of the currently active step. Supports two-way binding. */
+    readonly activeStep: _angular_core.ModelSignal<number>;
+    /** Layout orientation. */
+    readonly orientation: _angular_core.InputSignal<"horizontal" | "vertical">;
+    /**
+     * When true, users can only navigate to completed steps or the next pending step.
+     * Use `goTo()` / `next()` in your step content to advance programmatically.
+     */
+    readonly linear: _angular_core.InputSignal<boolean>;
+    /** @internal */
+    readonly steps: _angular_core.WritableSignal<StepInfo[]>;
+    /** @internal */
+    protected readonly hostClasses: _angular_core.Signal<string>;
+    /** @internal — called by LlmStep on init */
+    registerStep(info: StepInfo): void;
+    /** @internal — called by LlmStep on destroy */
+    unregisterStep(id: string): void;
+    /** @internal — called by LlmStep effect when inputs change */
+    updateStep(id: string, info: Partial<StepInfo>): void;
+    /** Navigate to a specific step index. Respects linear mode. */
+    goTo(index: number): void;
+    /** Advance to the next step. */
+    next(): void;
+    /** Go back to the previous step. */
+    prev(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LlmStepper, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LlmStepper, "llm-stepper", never, { "activeStep": { "alias": "activeStep"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "linear": { "alias": "linear"; "required": false; "isSignal": true; }; }, { "activeStep": "activeStepChange"; }, never, ["*"], true, never>;
+}
+/**
+ * Individual step. Place inside `<llm-stepper>`.
+ *
+ * Usage:
+ * ```html
+ * <llm-step label="Account">Account form here.</llm-step>
+ * ```
+ */
+declare class LlmStep implements OnInit, OnDestroy {
+    /** Text displayed on the step indicator. Required. */
+    readonly label: _angular_core.InputSignal<string>;
+    /** Optional subtitle shown below the label. */
+    readonly description: _angular_core.InputSignal<string | undefined>;
+    /** Mark this step as completed (shows a checkmark). */
+    readonly completed: _angular_core.InputSignal<boolean>;
+    /** Mark this step as having an error (shows an X). */
+    readonly error: _angular_core.InputSignal<boolean>;
+    /** Mark this step as optional. */
+    readonly optional: _angular_core.InputSignal<boolean>;
+    /** Whether this step is disabled. */
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    /** @internal */
+    private readonly id;
+    /** @internal */
+    private readonly context;
+    /** @internal */
+    protected readonly myIndex: _angular_core.Signal<number>;
+    /** @internal */
+    protected readonly isActive: _angular_core.Signal<boolean>;
+    constructor();
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LlmStep, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LlmStep, "llm-step", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "completed": { "alias": "completed"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "optional": { "alias": "optional"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+/**
+ * Displays a block of code with an optional header, language label, and copy button.
+ * Designed for rendering LLM-generated code output, inline snippets, and API examples.
+ *
+ * Usage:
+ * ```html
+ * <llm-code-block code="const x = 1;" language="typescript" />
+ * <llm-code-block [code]="generatedCode" filename="app.component.ts" [showLineNumbers]="true" />
+ * ```
+ */
+declare class LlmCodeBlock {
+    /** The code string to display. */
+    readonly code: _angular_core.InputSignal<string>;
+    /** Language label shown in the header. Ignored if filename is set. */
+    readonly language: _angular_core.InputSignal<string>;
+    /** Optional filename shown in the header instead of the language label. */
+    readonly filename: _angular_core.InputSignal<string>;
+    /** Whether to show a copy-to-clipboard button. */
+    readonly copyable: _angular_core.InputSignal<boolean>;
+    /** Whether to display line numbers alongside the code. */
+    readonly showLineNumbers: _angular_core.InputSignal<boolean>;
+    protected readonly copied: _angular_core.WritableSignal<boolean>;
+    protected readonly displayLabel: _angular_core.Signal<string>;
+    protected readonly lines: _angular_core.Signal<string[]>;
+    protected copy(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LlmCodeBlock, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LlmCodeBlock, "llm-code-block", never, { "code": { "alias": "code"; "required": false; "isSignal": true; }; "language": { "alias": "language"; "required": false; "isSignal": true; }; "filename": { "alias": "filename"; "required": false; "isSignal": true; }; "copyable": { "alias": "copyable"; "required": false; "isSignal": true; }; "showLineNumbers": { "alias": "showLineNumbers"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { LLM_ACCORDION_GROUP, LLM_BREADCRUMBS, LLM_DIALOG, LLM_DRAWER, LLM_RADIO_GROUP, LLM_SELECT, LLM_STEPPER, LLM_TABLE, LLM_TAB_GROUP, LlmAccordionGroup, LlmAccordionHeader, LlmAccordionItem, LlmAlert, LlmAvatar, LlmAvatarGroup, LlmBadge, LlmBreadcrumbItem, LlmBreadcrumbs, LlmButton, LlmCard, LlmCardContent, LlmCardFooter, LlmCardHeader, LlmCheckbox, LlmCodeBlock, LlmCombobox, LlmDialog, LlmDialogContent, LlmDialogFooter, LlmDialogHeader, LlmDrawer, LlmDrawerContent, LlmDrawerFooter, LlmDrawerHeader, LlmInput, LlmMenu, LlmMenuItem, LlmMenuSeparator, LlmMenuTrigger, LlmOption, LlmPagination, LlmProgress, LlmRadio, LlmRadioGroup, LlmSelect, LlmSkeleton, LlmStep, LlmStepper, LlmTab, LlmTabGroup, LlmTable, LlmTbody, LlmTd, LlmTextarea, LlmTh, LlmThead, LlmToast, LlmToastContainer, LlmToastService, LlmToggle, LlmTooltip, LlmTr };
+export type { LlmAccordionGroupContext, LlmBreadcrumbsContext, LlmDialogContext, LlmDrawerContext, LlmRadioGroupContext, LlmSelectContext, LlmSortDirection, LlmStepperContext, LlmTabGroupContext, LlmTableContext, PageItem, StepInfo, TabInfo, ToastData, ToastOptions };