@eagami/ui 5.0.0 → 5.1.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eagami/ui",
-  "version": "5.0.0",
+  "version": "5.1.0",
   "description": "Lightweight, accessible, themeable Angular UI component library and icon set built on CSS custom properties",
   "author": "Michal Wiraszka <michal@eagami.com>",
   "license": "MIT",

package/src/styles/_mixins.scss

@@ -25,6 +25,22 @@
   }
 }
 
+// Hides an element visually while keeping it in the accessibility tree, so
+// screen readers still announce it. The clip pattern is used instead of
+// `display: none` or `visibility: hidden`, which would remove it entirely.
+@mixin visually-hidden {
+  position: absolute;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  clip-path: inset(50%);
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  white-space: nowrap;
+  border: 0;
+}
+
 // Standard icon button: clear, close/dismiss, password-toggle, nav, etc. The box
 // is `--ea-icon-button-size` (em) so it scales with the host component's size and
 // is consistent across components at a given size tier. The glyph is enlarged so

package/types/eagami-ui.d.ts

@@ -1,7 +1,7 @@
 import * as _angular_core from '@angular/core';
 import { InjectionToken, EnvironmentProviders, Signal, Type, OnDestroy, ElementRef, TemplateRef, OnInit } from '@angular/core';
-import { ControlValueAccessor } from '@angular/forms';
 import * as _eagami_ui from '@eagami/ui';
+import { ControlValueAccessor } from '@angular/forms';
 
 /**
  * BCP 47 locale tags supported out of the box. Consumers select one of these
@@ -46,6 +46,7 @@ interface EagamiMessages {
         upload: string;
         dropzone: string;
         canvas: string;
+        canvasInstructions: string;
         change: string;
         revert: string;
         zoomOut: string;
@@ -73,6 +74,7 @@ interface EagamiMessages {
         clear: string;
         hue: string;
         saturationAndValue: string;
+        saturationAndValueStatus: (saturation: number, value: number) => string;
         alpha: string;
         eyedropper: string;
         presets: string;
@@ -95,6 +97,7 @@ interface EagamiMessages {
     };
     datePicker: {
         placeholder: string;
+        dialogLabel: string;
         clear: string;
         previousYear: string;
         previousMonth: string;
@@ -165,6 +168,10 @@ interface EagamiMessages {
     progressBar: {
         label: string;
     };
+    rangeSlider: {
+        lowThumbLabel: string;
+        highThumbLabel: string;
+    };
     rating: {
         label: string;
         valueLabel: (value: number, max: number) => string;
@@ -174,13 +181,16 @@ interface EagamiMessages {
         label: string;
     };
     stepper: {
+        stepsLabel: string;
         optional: string;
+        stepCompleted: string;
     };
     tag: {
         remove: string;
     };
     timePicker: {
         placeholder: string;
+        dialogLabel: string;
         clear: string;
         hoursLabel: string;
         minutesLabel: string;
@@ -527,6 +537,8 @@ type EaSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
  */
 type EaWidth = EaSize | 'full';
 
+/** Heading level exposed by each item's header for assistive technology. */
+type AccordionHeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
 /**
  * Container for expandable content sections. By default only one item can be
  * open at a time; set `multi` to allow several to stay expanded together.
@@ -534,11 +546,13 @@ type EaWidth = EaSize | 'full';
  */
 declare class AccordionComponent {
     readonly multi: _angular_core.InputSignal<boolean>;
+    /** Heading level (1-6) applied to every item's header wrapper. */
+    readonly headingLevel: _angular_core.InputSignal<AccordionHeadingLevel>;
     readonly expandedItems: _angular_core.WritableSignal<Set<string>>;
     toggle(value: string): void;
     isExpanded(value: string): boolean;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AccordionComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AccordionComponent, "ea-accordion", never, { "multi": { "alias": "multi"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AccordionComponent, "ea-accordion", never, { "multi": { "alias": "multi"; "required": false; "isSignal": true; }; "headingLevel": { "alias": "headingLevel"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
 /**
@@ -553,6 +567,7 @@ declare class AccordionItemComponent {
     readonly disabled: _angular_core.InputSignal<boolean>;
     readonly id: _angular_core.InputSignal<string>;
     readonly isExpanded: _angular_core.Signal<boolean>;
+    readonly headingLevel: _angular_core.Signal<_eagami_ui.AccordionHeadingLevel>;
     toggle(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AccordionItemComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AccordionItemComponent, "ea-accordion-item", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": true; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
@@ -609,6 +624,8 @@ declare class AutocompleteComponent implements ControlValueAccessor {
     private readonly inputEl;
     private readonly i18n;
     readonly label: _angular_core.InputSignal<string | undefined>;
+    /** Accessible name for the input and suggestion list when no visible label is provided. */
+    readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
     readonly placeholder: _angular_core.InputSignal<string>;
     readonly options: _angular_core.InputSignal<SelectOption[]>;
     readonly size: _angular_core.InputSignal<EaSize>;
@@ -675,7 +692,7 @@ declare class AutocompleteComponent implements ControlValueAccessor {
     focus(): void;
     private moveFocus;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AutocompleteComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AutocompleteComponent, "ea-autocomplete", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "errorMsg": { "alias": "errorMsg"; "required": false; "isSignal": true; }; "errorMessages": { "alias": "errorMessages"; "required": false; "isSignal": true; }; "minLength": { "alias": "minLength"; "required": false; "isSignal": true; }; "maxResults": { "alias": "maxResults"; "required": false; "isSignal": true; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "selected": "selected"; "changed": "changed"; "focused": "focused"; "blurred": "blurred"; }, never, ["[slot=prefix]", "[slot=suffix]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AutocompleteComponent, "ea-autocomplete", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "errorMsg": { "alias": "errorMsg"; "required": false; "isSignal": true; }; "errorMessages": { "alias": "errorMessages"; "required": false; "isSignal": true; }; "minLength": { "alias": "minLength"; "required": false; "isSignal": true; }; "maxResults": { "alias": "maxResults"; "required": false; "isSignal": true; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "selected": "selected"; "changed": "changed"; "focused": "focused"; "blurred": "blurred"; }, never, ["[slot=prefix]", "[slot=suffix]"], true, never>;
 }
 
 /** Crop mask shape applied to the exported image. */
@@ -721,7 +738,9 @@ declare class AvatarEditorComponent implements OnDestroy {
     readonly errored: _angular_core.OutputEmitterRef<string>;
     /** Fires whenever the user pans or zooms the image; useful for persisting in-progress crops. */
     readonly cropStateChanged: _angular_core.OutputEmitterRef<AvatarEditorCropState>;
+    readonly instructionsId: string;
     readonly hasImage: _angular_core.WritableSignal<boolean>;
+    readonly lastError: _angular_core.WritableSignal<string | null>;
     readonly isDragOver: _angular_core.WritableSignal<boolean>;
     readonly isAtOriginal: _angular_core.WritableSignal<boolean>;
     readonly isLoading: _angular_core.Signal<boolean>;
@@ -826,6 +845,7 @@ declare class AvatarComponent {
     readonly hostClasses: _angular_core.Signal<{
         [x: string]: boolean;
     }>;
+    readonly accessibleName: _angular_core.Signal<string | null>;
     readonly showImage: _angular_core.Signal<boolean>;
     readonly showInitials: _angular_core.Signal<boolean>;
     readonly showFallback: _angular_core.Signal<boolean>;
@@ -1073,6 +1093,7 @@ declare class CommandPaletteComponent {
     readonly emptyMessage: _angular_core.InputSignal<string>;
     readonly execute: _angular_core.OutputEmitterRef<CommandPaletteItem<unknown>>;
     protected readonly messages: _angular_core.Signal<_eagami_ui.EagamiMessages>;
+    protected readonly resolvedPlaceholder: _angular_core.Signal<string>;
     private readonly dialogEl;
     private readonly searchEl;
     protected readonly query: _angular_core.WritableSignal<string>;
@@ -1218,8 +1239,12 @@ declare class ColorPickerComponent implements ControlValueAccessor {
     }>;
     /** Uppercase label for the format toggle, e.g. `HEX`. */
     readonly formatLabel: _angular_core.Signal<string>;
+    /** Accessible name for the format toggle; includes the visible format text. */
+    readonly formatToggleLabel: _angular_core.Signal<string>;
     readonly displayValue: _angular_core.Signal<string>;
     readonly resolvedPlaceholder: _angular_core.Signal<string>;
+    readonly popoverId: _angular_core.Signal<string>;
+    readonly triggerLabelledBy: _angular_core.Signal<string | null>;
     readonly triggerClasses: _angular_core.Signal<{
         [x: string]: boolean;
         'ea-color-picker__trigger--error': boolean;
@@ -1252,6 +1277,8 @@ declare class ColorPickerComponent implements ControlValueAccessor {
     readonly alphaPointerLeft: _angular_core.Signal<string>;
     readonly hueRounded: _angular_core.Signal<number>;
     readonly alphaPercentRounded: _angular_core.Signal<number>;
+    readonly satPercent: _angular_core.Signal<number>;
+    readonly valPercent: _angular_core.Signal<number>;
     onSvPointerDown(event: PointerEvent): void;
     onSvPointerMove(event: PointerEvent): void;
     onSvPointerUp(event: PointerEvent): void;
@@ -1366,7 +1393,8 @@ declare class DataTableComponent<T = Record<string, unknown>> {
     getCellValue(row: T, key: string): unknown;
     onHeaderClick(col: DataTableColumn<T>): void;
     trackByFn(_index: number, item: T): unknown;
-    headerTabindex(col: DataTableColumn<T>, colIndex: number): number | null;
+    headerTabindex(colIndex: number): number | null;
+    onHeaderKeydown(event: Event, col: DataTableColumn<T>): void;
     bodyCellTabindex(row: number, colIndex: number): number | null;
     rowTabindex(): number | null;
     onRowActivate(row: T, event?: Event): void;
@@ -1508,6 +1536,8 @@ declare class DatePickerComponent implements ControlValueAccessor {
     private readonly intlLocalizesEffectiveLocale;
     /** Placeholder text: explicit `placeholder` input, else the active locale's default. */
     readonly resolvedPlaceholder: _angular_core.Signal<string>;
+    readonly dialogId: _angular_core.Signal<string>;
+    readonly triggerLabelledBy: _angular_core.Signal<string | null>;
     readonly triggerClasses: _angular_core.Signal<{
         [x: string]: boolean;
         'ea-date-picker__trigger--error': boolean;
@@ -1648,7 +1678,6 @@ declare class DrawerComponent {
     private readonly panelEl;
     private previouslyFocused;
     private pushedTarget;
-    private pushedProperty;
     private pushCleanupTimer;
     private shownAsModal;
     private reopening;
@@ -1743,8 +1772,11 @@ declare class DropdownComponent implements ControlValueAccessor {
     readonly isOpen: _angular_core.WritableSignal<boolean>;
     readonly focusedIndex: _angular_core.WritableSignal<number>;
     private readonly _formDisabled;
+    private typeaheadQuery;
+    private typeaheadTimer;
     private onChange;
     private onTouched;
+    constructor();
     readonly isDisabled: _angular_core.Signal<boolean>;
     private readonly errorState;
     readonly errorText: _angular_core.Signal<string | null>;
@@ -1754,6 +1786,7 @@ declare class DropdownComponent implements ControlValueAccessor {
     readonly selectedLabel: _angular_core.Signal<string>;
     /** Placeholder text, falling back to the active locale's translation. */
     readonly resolvedPlaceholder: _angular_core.Signal<string>;
+    readonly triggerLabelledBy: _angular_core.Signal<string | null>;
     readonly triggerClasses: _angular_core.Signal<{
         [x: string]: boolean;
         'ea-dropdown__trigger--error': boolean;
@@ -1778,6 +1811,9 @@ declare class DropdownComponent implements ControlValueAccessor {
     /** Called by `<ea-popover>` when the user clicks outside the dropdown. */
     onPopoverCloseRequested(): void;
     handleKeydown(event: KeyboardEvent): void;
+    private selectFocusedOrOpen;
+    private focusEdge;
+    private handleTypeahead;
     private moveFocus;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DropdownComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<DropdownComponent, "ea-dropdown", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "errorMsg": { "alias": "errorMsg"; "required": false; "isSignal": true; }; "errorMessages": { "alias": "errorMessages"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "changed": "changed"; }, never, never, true, never>;
@@ -2071,8 +2107,9 @@ declare class InputComponent implements ControlValueAccessor {
     private clampToBounds;
     /** Toggles the password reveal state for `type="password"` inputs. */
     togglePasswordVisibility(): void;
+    protected onClearMousedown(event: MouseEvent): void;
     /** Clear the current value and restore focus to the input. */
-    clear(event: MouseEvent): void;
+    clear(): void;
     /** Moves keyboard focus to the underlying native input element. */
     focus(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<InputComponent, never>;
@@ -2107,6 +2144,8 @@ declare class MenuComponent {
     readonly closed: _angular_core.OutputEmitterRef<void>;
     /** Trigger element currently anchoring the menu. Signal-typed so `<ea-popover>` reacts when it changes. */
     protected readonly triggerEl: _angular_core.WritableSignal<HTMLElement | undefined>;
+    readonly activeItemId: _angular_core.WritableSignal<string | null>;
+    constructor();
     /** Toggles the menu open state, anchoring it to the given trigger element. */
     toggleAt(triggerEl: HTMLElement): void;
     /** Opens the menu anchored to the given trigger element and focuses the first item. */
@@ -2131,6 +2170,7 @@ declare class MenuComponent {
      * and restoring focus on close.
      */
     private focusFirstItem;
+    private focusItem;
     onKeydown(event: KeyboardEvent): void;
     onEscape(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<MenuComponent, never>;
@@ -2146,6 +2186,8 @@ type MenuItemVariant = 'default' | 'danger';
  */
 declare class MenuItemComponent {
     private readonly menu;
+    protected readonly itemId: string;
+    protected readonly tabIndex: _angular_core.Signal<0 | -1>;
     readonly disabled: _angular_core.InputSignal<boolean>;
     readonly variant: _angular_core.InputSignal<MenuItemVariant>;
     /** Fires when the item is activated; the parent menu closes immediately afterwards. */
@@ -2185,6 +2227,8 @@ declare class MultiSelectComponent implements ControlValueAccessor {
     protected readonly i18n: EagamiI18nService;
     private readonly injector;
     readonly label: _angular_core.InputSignal<string | undefined>;
+    /** Accessible name for the combobox when no visible `label` is set. */
+    readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
     readonly placeholder: _angular_core.InputSignal<string | undefined>;
     readonly searchPlaceholder: _angular_core.InputSignal<string | undefined>;
     readonly options: _angular_core.InputSignal<readonly SelectOption[]>;
@@ -2227,6 +2271,9 @@ declare class MultiSelectComponent implements ControlValueAccessor {
     /** Currently selected options, ordered to match the input `options`. */
     readonly selectedOptions: _angular_core.Signal<readonly SelectOption[]>;
     readonly hasValue: _angular_core.Signal<boolean>;
+    readonly listboxId: _angular_core.Signal<string>;
+    /** Id of the keyboard-focused option, for `aria-activedescendant`. */
+    readonly activeOptionId: _angular_core.Signal<string | null>;
     /** Chips visible inside the trigger, capped by `maxVisibleChips`. */
     readonly visibleChips: _angular_core.Signal<readonly SelectOption[]>;
     /** Count behind the "+N more" pill, or `0` when all chips fit. */
@@ -2258,6 +2305,7 @@ declare class MultiSelectComponent implements ControlValueAccessor {
     onPopoverCloseRequested(): void;
     /** Toggle one option's membership in the selection. */
     toggleOption(opt: SelectOption): void;
+    protected onOptionClick(opt: SelectOption, index: number): void;
     /**
      * Remove a single chip from the trigger. `<ea-tag>` already stops the
      * click from bubbling to the trigger's `(click)`, so no event handling
@@ -2286,7 +2334,7 @@ declare class MultiSelectComponent implements ControlValueAccessor {
     private resetEditState;
     private commit;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<MultiSelectComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MultiSelectComponent, "ea-multi-select", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "errorMsg": { "alias": "errorMsg"; "required": false; "isSignal": true; }; "errorMessages": { "alias": "errorMessages"; "required": false; "isSignal": true; }; "searchable": { "alias": "searchable"; "required": false; "isSignal": true; }; "selectAll": { "alias": "selectAll"; "required": false; "isSignal": true; }; "maxVisibleChips": { "alias": "maxVisibleChips"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "changed": "changed"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MultiSelectComponent, "ea-multi-select", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "errorMsg": { "alias": "errorMsg"; "required": false; "isSignal": true; }; "errorMessages": { "alias": "errorMessages"; "required": false; "isSignal": true; }; "searchable": { "alias": "searchable"; "required": false; "isSignal": true; }; "selectAll": { "alias": "selectAll"; "required": false; "isSignal": true; }; "maxVisibleChips": { "alias": "maxVisibleChips"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "changed": "changed"; }, never, never, true, never>;
 }
 
 /** Horizontal alignment of paginator controls within their container. */
@@ -2306,6 +2354,7 @@ interface PaginatorState {
  */
 declare class PaginatorComponent {
     protected readonly i18n: EagamiI18nService;
+    protected readonly sizeSelectId: string;
     readonly totalItems: _angular_core.InputSignal<number>;
     readonly pageSizeOptions: _angular_core.InputSignal<number[]>;
     readonly showPageSizeSelector: _angular_core.InputSignal<boolean>;
@@ -2443,6 +2492,10 @@ declare class PopoverComponent {
     readonly role: _angular_core.InputSignal<PopoverRole>;
     /** Accessible label. Falls back to nothing; consumers should provide one when no visible heading is in the popover. */
     readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
+    /** Id of the element that labels the popover surface, forwarded as `aria-labelledby`. */
+    readonly ariaLabelledby: _angular_core.InputSignal<string | undefined>;
+    /** Keep Tab and Shift+Tab cycling within the surface while open (dialog pattern). */
+    readonly trapFocus: _angular_core.InputSignal<boolean>;
     /** DOM id for the surface so trigger elements can reference it via aria-controls. */
     readonly surfaceId: _angular_core.InputSignal<string>;
     /**
@@ -2482,9 +2535,10 @@ declare class PopoverComponent {
     private resolveAnchor;
     private reposition;
     onDocumentClick(event: MouseEvent): void;
+    onSurfaceKeydown(event: KeyboardEvent): void;
     onEscape(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<PopoverComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PopoverComponent, "ea-popover", never, { "anchor": { "alias": "anchor"; "required": true; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "role": { "alias": "role"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "surfaceId": { "alias": "surfaceId"; "required": false; "isSignal": true; }; "offset": { "alias": "offset"; "required": false; "isSignal": true; }; "flip": { "alias": "flip"; "required": false; "isSignal": true; }; "clamp": { "alias": "clamp"; "required": false; "isSignal": true; }; "matchAnchorWidth": { "alias": "matchAnchorWidth"; "required": false; "isSignal": true; }; "closeOnOutsideClick": { "alias": "closeOnOutsideClick"; "required": false; "isSignal": true; }; "closeOnEscape": { "alias": "closeOnEscape"; "required": false; "isSignal": true; }; "scrollBehavior": { "alias": "scrollBehavior"; "required": false; "isSignal": true; }; }, { "closeRequested": "closeRequested"; }, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PopoverComponent, "ea-popover", never, { "anchor": { "alias": "anchor"; "required": true; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "role": { "alias": "role"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "ariaLabelledby": { "alias": "aria-labelledby"; "required": false; "isSignal": true; }; "trapFocus": { "alias": "trapFocus"; "required": false; "isSignal": true; }; "surfaceId": { "alias": "surfaceId"; "required": false; "isSignal": true; }; "offset": { "alias": "offset"; "required": false; "isSignal": true; }; "flip": { "alias": "flip"; "required": false; "isSignal": true; }; "clamp": { "alias": "clamp"; "required": false; "isSignal": true; }; "matchAnchorWidth": { "alias": "matchAnchorWidth"; "required": false; "isSignal": true; }; "closeOnOutsideClick": { "alias": "closeOnOutsideClick"; "required": false; "isSignal": true; }; "closeOnEscape": { "alias": "closeOnEscape"; "required": false; "isSignal": true; }; "scrollBehavior": { "alias": "scrollBehavior"; "required": false; "isSignal": true; }; }, { "closeRequested": "closeRequested"; }, never, ["*"], true, never>;
 }
 
 /** Semantic colour scheme of the progress bar. */
@@ -2624,9 +2678,9 @@ declare class RangeSliderComponent implements ControlValueAccessor {
     readonly formatValue: _angular_core.InputSignal<(value: number) => string>;
     /** Group thousands with commas in displayed values (ignored when a custom `formatValue` is set). */
     readonly groupThousands: _angular_core.InputSignal<boolean>;
-    /** Accessible label for the low (start) thumb. Falls back to the field label when omitted. */
+    /** Accessible label for the low (start) thumb. Falls back to a localized default when omitted. */
     readonly ariaLabelLow: _angular_core.InputSignal<string | undefined>;
-    /** Accessible label for the high (end) thumb. Falls back to the field label when omitted. */
+    /** Accessible label for the high (end) thumb. Falls back to a localized default when omitted. */
     readonly ariaLabelHigh: _angular_core.InputSignal<string | undefined>;
     readonly id: _angular_core.InputSignal<string>;
     readonly value: _angular_core.ModelSignal<RangeSliderValue>;
@@ -2641,6 +2695,11 @@ declare class RangeSliderComponent implements ControlValueAccessor {
     readonly clampedValue: _angular_core.Signal<RangeSliderValue>;
     readonly lowPercent: _angular_core.Signal<number>;
     readonly highPercent: _angular_core.Signal<number>;
+    readonly lowThumbLabel: _angular_core.Signal<string>;
+    readonly highThumbLabel: _angular_core.Signal<string>;
+    readonly lowThumbLabelledBy: _angular_core.Signal<string>;
+    readonly highThumbLabelledBy: _angular_core.Signal<string>;
+    private thumbLabelledBy;
     /** Formats a value for display, grouping thousands with commas unless a custom `formatValue` is set. */
     protected formatDisplay(value: number): string;
     private readonly errorState;
@@ -2802,6 +2861,8 @@ declare class SegmentedComponent implements ControlValueAccessor {
     readonly showError: _angular_core.Signal<boolean>;
     readonly showHint: _angular_core.Signal<boolean>;
     readonly enabledOptions: _angular_core.Signal<SelectOption[]>;
+    readonly firstEnabledIndex: _angular_core.Signal<number>;
+    readonly tabStopIndex: _angular_core.Signal<number>;
     readonly hostClasses: _angular_core.Signal<{
         [x: string]: boolean;
         'ea-segmented--full-width': boolean;
@@ -3075,6 +3136,8 @@ declare class TabsComponent {
     readonly registeredTabs: _angular_core.WritableSignal<TabComponent[]>;
     readonly variant: _angular_core.InputSignal<TabsVariant>;
     readonly size: _angular_core.InputSignal<EaSize>;
+    /** Accessible name for the tablist, announced by screen readers. */
+    readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
     readonly activeTab: _angular_core.ModelSignal<string>;
     /** Fires with the value of the newly active tab. */
     readonly changed: _angular_core.OutputEmitterRef<string>;
@@ -3086,7 +3149,7 @@ declare class TabsComponent {
     selectTab(value: string): void;
     handleKeydown(event: KeyboardEvent): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TabsComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TabsComponent, "ea-tabs", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "activeTab": { "alias": "activeTab"; "required": false; "isSignal": true; }; }, { "activeTab": "activeTabChange"; "changed": "changed"; }, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TabsComponent, "ea-tabs", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "activeTab": { "alias": "activeTab"; "required": false; "isSignal": true; }; }, { "activeTab": "activeTabChange"; "changed": "changed"; }, never, ["*"], true, never>;
 }
 
 /** Semantic colour scheme of a tag. */
@@ -3234,6 +3297,7 @@ declare class TimePickerComponent implements ControlValueAccessor {
     readonly minuteStep: _angular_core.InputSignal<number>;
     readonly secondStep: _angular_core.InputSignal<number>;
     readonly id: _angular_core.InputSignal<string>;
+    readonly popoverId: _angular_core.Signal<string>;
     /** `"HH:MM"` or `"HH:MM:SS"` in 24-hour notation, or `null` when unset. */
     readonly value: _angular_core.ModelSignal<string | null>;
     /** Fires with the new value whenever the user changes the time. */
@@ -3318,6 +3382,8 @@ declare class TimePickerComponent implements ControlValueAccessor {
     /** Switches the AM/PM period in 12h mode by toggling the 12-hour offset. */
     togglePeriod(): void;
     handlePopoverKeydown(event: KeyboardEvent, unit: Unit): void;
+    /** Escape from anywhere inside the popover closes it and refocuses the trigger. */
+    onPopoverEscape(event: Event): void;
     /** Select-all on focus so the first keystroke replaces the current value. */
     onSpinnerFocus(event: FocusEvent): void;
     /**
@@ -3407,7 +3473,6 @@ declare class ToastComponent {
     /** Show a dismiss button on each toast. */
     readonly clearable: _angular_core.InputSignal<boolean>;
     protected readonly containerClass: _angular_core.Signal<string>;
-    protected getRole(toast: Toast): 'alert' | 'status';
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ToastComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ToastComponent, "ea-toast", never, { "position": { "alias": "position"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
@@ -3503,6 +3568,10 @@ declare class TransferListComponent {
     private readonly rightHighlighted;
     private readonly leftAnchor;
     private readonly rightAnchor;
+    private readonly leftActiveId;
+    private readonly rightActiveId;
+    private readonly leftActiveIndex;
+    private readonly rightActiveIndex;
     protected readonly sourceItems: _angular_core.Signal<TransferListItem[]>;
     protected readonly targetItems: _angular_core.Signal<TransferListItem[]>;
     protected readonly canMoveRight: _angular_core.Signal<boolean>;
@@ -3513,8 +3582,13 @@ declare class TransferListComponent {
     protected readonly resolvedTargetLabel: _angular_core.Signal<string>;
     protected readonly hostClasses: _angular_core.Signal<string[]>;
     protected isHighlighted(pane: 'source' | 'target', id: string): boolean;
+    protected itemTabindex(pane: 'source' | 'target', index: number, item: TransferListItem): number;
     protected onItemClick(pane: 'source' | 'target', item: TransferListItem, event: MouseEvent): void;
     protected onItemKeydown(event: KeyboardEvent, pane: 'source' | 'target', item: TransferListItem): void;
+    private resolveActiveIndex;
+    private nextEnabledIndex;
+    private setActive;
+    private focusOption;
     private toggleHighlight;
     private selectRangeTo;
     protected moveSelectedRight(): void;
@@ -3658,6 +3732,13 @@ declare class VirtualListComponent {
      * trade memory for smoothness.
      */
     readonly overscan: _angular_core.InputSignal<number>;
+    /**
+     * Accessible name for the scrollable viewport. When set, the viewport gets
+     * `role="region"` with this label so keyboard and screen-reader users can
+     * identify it. Leave unset when the consumer supplies its own ARIA
+     * semantics around the list (e.g. an outer `role="listbox"`).
+     */
+    readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
     /** Index of the first row currently visible at the top of the viewport. */
     readonly scrollIndexChange: _angular_core.OutputEmitterRef<number>;
     /** Template applied to each rendered item, projected via `<ng-template #item>`. */
@@ -3687,7 +3768,7 @@ declare class VirtualListComponent {
      */
     scrollToIndex(index: number): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<VirtualListComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<VirtualListComponent, "ea-virtual-list", never, { "items": { "alias": "items"; "required": true; "isSignal": true; }; "itemHeight": { "alias": "itemHeight"; "required": true; "isSignal": true; }; "viewportHeight": { "alias": "viewportHeight"; "required": true; "isSignal": true; }; "overscan": { "alias": "overscan"; "required": false; "isSignal": true; }; }, { "scrollIndexChange": "scrollIndexChange"; }, ["itemTemplate"], never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<VirtualListComponent, "ea-virtual-list", never, { "items": { "alias": "items"; "required": true; "isSignal": true; }; "itemHeight": { "alias": "itemHeight"; "required": true; "isSignal": true; }; "viewportHeight": { "alias": "viewportHeight"; "required": true; "isSignal": true; }; "overscan": { "alias": "overscan"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "scrollIndexChange": "scrollIndexChange"; }, ["itemTemplate"], never, true, never>;
 }
 
 /**
@@ -6813,4 +6894,4 @@ declare class WhatsappIconComponent extends IconComponentBase {
 }
 
 export { AccordionComponent, AccordionItemComponent, ActivityIconComponent, AirplayIconComponent, AlertCircleIconComponent, AlertComponent, AlertOctagonIconComponent, AlertTriangleIconComponent, AlignCenterIconComponent, AlignJustifyIconComponent, AlignLeftIconComponent, AlignRightIconComponent, AnchorIconComponent, AnthropicIconComponent, ApertureIconComponent, ArchiveIconComponent, ArrowDownCircleIconComponent, ArrowDownIconComponent, ArrowDownLeftIconComponent, ArrowDownRightIconComponent, ArrowLeftCircleIconComponent, ArrowLeftIconComponent, ArrowRightCircleIconComponent, ArrowRightIconComponent, ArrowUpCircleIconComponent, ArrowUpIconComponent, ArrowUpLeftIconComponent, ArrowUpRightIconComponent, AtSignIconComponent, AutocompleteComponent, AvatarComponent, AvatarEditorComponent, AwardIconComponent, BadgeCheckIconComponent, BadgeComponent, BarChart2IconComponent, BarChartIconComponent, BatteryChargingIconComponent, BatteryIconComponent, BellIconComponent, BellOffIconComponent, BitcoinIconComponent, BluetoothIconComponent, BoldIconComponent, BookIconComponent, BookOpenIconComponent, BookmarkCheckIconComponent, BookmarkIconComponent, BotIconComponent, BottleIconComponent, BoxIconComponent, BrainIconComponent, BreadcrumbsComponent, BriefcaseIconComponent, ButtonComponent, CalendarCheckIconComponent, CalendarIconComponent, CameraIconComponent, CameraOffIconComponent, CandleIconComponent, CardComponent, CastIconComponent, CheckCircleIconComponent, CheckIconComponent, CheckSquareIconComponent, CheckboxComponent, ChevronDownIconComponent, ChevronLeftIconComponent, ChevronRightIconComponent, ChevronUpIconComponent, ChevronsDownIconComponent, ChevronsLeftIconComponent, ChevronsRightIconComponent, ChevronsUpDownIconComponent, ChevronsUpIconComponent, ChromeIconComponent, CircleIconComponent, ClipboardCheckIconComponent, ClipboardIconComponent, ClockIconComponent, CloudDrizzleIconComponent, CloudIconComponent, CloudLightningIconComponent, CloudOffIconComponent, CloudRainIconComponent, CloudSnowIconComponent, CloudflareIconComponent, CodeIconComponent, CodeInputComponent, CodepenIconComponent, CodesandboxIconComponent, CoffeeIconComponent, CoinsIconComponent, ColorPickerComponent, ColumnsIconComponent, CommandIconComponent, CommandPaletteComponent, CompassIconComponent, CopyIconComponent, CornerDownLeftIconComponent, CornerDownRightIconComponent, CornerLeftDownIconComponent, CornerLeftUpIconComponent, CornerRightDownIconComponent, CornerRightUpIconComponent, CornerUpLeftIconComponent, CornerUpRightIconComponent, CpuIconComponent, CreditCardIconComponent, CropIconComponent, CrosshairIconComponent, DEFAULT_PALETTE_ROLES, DataTableComponent, DatabaseIconComponent, DatePickerComponent, DeleteIconComponent, DialogComponent, DiscIconComponent, DiscordIconComponent, DivideCircleIconComponent, DivideIconComponent, DivideSquareIconComponent, DividerComponent, DockerIconComponent, DollarSignIconComponent, DownloadCloudIconComponent, DownloadIconComponent, DrawerComponent, DribbbleIconComponent, DropboxIconComponent, DropdownComponent, DropletIconComponent, EAGAMI_ALL_LOCALES, EAGAMI_I18N_CONFIG, EAGAMI_LOCALES, EAGAMI_LOCALE_META, EagamiI18nService, EagamiIconComponent, EagamiWordmarkComponent, Edit2IconComponent, Edit3IconComponent, EditIconComponent, EmptyStateComponent, ExternalLinkIconComponent, EyeIconComponent, EyeOffIconComponent, Facebook2IconComponent, FacebookIconComponent, FastForwardIconComponent, FeatherIconComponent, FieldLabelComponent, FieldMessagesComponent, Figma2IconComponent, FigmaIconComponent, FileIconComponent, FileMinusIconComponent, FilePlusIconComponent, FileTextIconComponent, FileUploaderComponent, FilmIconComponent, FilterIconComponent, FilterXIconComponent, FingerprintIconComponent, FlagIconComponent, FlameIconComponent, FolderIconComponent, FolderMinusIconComponent, FolderPlusIconComponent, FramerIconComponent, FrownIconComponent, GaugeIconComponent, GeminiIconComponent, GiftIconComponent, GitBranchIconComponent, GitCommitIconComponent, GitMergeIconComponent, GitPullRequestIconComponent, Github2IconComponent, GithubIconComponent, GitlabIconComponent, GlobeIconComponent, GoogleIconComponent, GridIconComponent, HalfCircleIconComponent, HalfHeartIconComponent, HardDriveIconComponent, HashIconComponent, HeadphonesIconComponent, HeartIconComponent, HelpCircleIconComponent, HeptagonIconComponent, HexagonIconComponent, HomeIconComponent, ICONS, IconComponentBase, ImageIconComponent, InboxIconComponent, InfoIconComponent, InputComponent, InstagramIconComponent, ItalicIconComponent, KeyIconComponent, KubernetesIconComponent, LampIconComponent, LayersIconComponent, LayoutIconComponent, LeafIconComponent, LeftHalfStarIconComponent, LifeBuoyIconComponent, Link2IconComponent, LinkIconComponent, Linkedin2IconComponent, LinkedinIconComponent, ListChecksIconComponent, ListIconComponent, LoaderIconComponent, LockIconComponent, LogInIconComponent, LogOutIconComponent, MailIconComponent, MapIconComponent, MapPinIconComponent, MastercardIconComponent, Maximize2IconComponent, MaximizeIconComponent, MehIconComponent, MenuComponent, MenuIconComponent, MenuItemComponent, MenuTriggerDirective, MessageCircleIconComponent, MessageSquareIconComponent, MicIconComponent, MicOffIconComponent, MicrosoftIconComponent, Minimize2IconComponent, MinimizeIconComponent, MinusCircleIconComponent, MinusIconComponent, MinusSquareIconComponent, MongodbIconComponent, MonitorIconComponent, MoonIconComponent, MoreHorizontalIconComponent, MoreVerticalIconComponent, MousePointerIconComponent, MoveIconComponent, MultiSelectComponent, MusicIconComponent, Navigation2IconComponent, NavigationIconComponent, NetlifyIconComponent, NotionIconComponent, NpmIconComponent, OctagonIconComponent, PackageIconComponent, PaginatorComponent, PaperclipIconComponent, PauseCircleIconComponent, PauseIconComponent, PaypalIconComponent, PenToolIconComponent, PentagonIconComponent, PercentIconComponent, PhoneCallIconComponent, PhoneForwardedIconComponent, PhoneIconComponent, PhoneIncomingIconComponent, PhoneMissedIconComponent, PhoneOffIconComponent, PhoneOutgoingIconComponent, PieChartIconComponent, PlayCircleIconComponent, PlayIconComponent, PlusCircleIconComponent, PlusIconComponent, PlusSquareIconComponent, PocketIconComponent, PopoverComponent, PowerIconComponent, PrinterIconComponent, ProgressBarComponent, QrCodeIconComponent, RadioComponent, RadioGroupComponent, RadioIconComponent, RangeSliderComponent, RatingComponent, ReactIconComponent, ReceiptIconComponent, RectangleHorizontalIconComponent, RectangleVerticalIconComponent, RedditIconComponent, RedoIconComponent, RefreshCcwIconComponent, RefreshCwIconComponent, RepeatIconComponent, RewindIconComponent, RightHalfStarIconComponent, RocketIconComponent, RotateCcwIconComponent, RotateCwIconComponent, RssIconComponent, SaveIconComponent, ScanIconComponent, ScissorsIconComponent, SearchIconComponent, SegmentedComponent, SendIconComponent, ServerIconComponent, SettingsIconComponent, Share2IconComponent, ShareIconComponent, ShieldIconComponent, ShieldOffIconComponent, ShoppingBagIconComponent, ShoppingCartIconComponent, ShuffleIconComponent, SidebarIconComponent, SkeletonComponent, SkipBackIconComponent, SkipForwardIconComponent, Slack2IconComponent, SlackIconComponent, SlashIconComponent, SliderComponent, SlidersIconComponent, SmartphoneIconComponent, SmileIconComponent, SnowflakeIconComponent, SoccerBallIconComponent, SparklesIconComponent, SpeakerIconComponent, SpinnerComponent, SpotifyIconComponent, SquareIconComponent, StarIconComponent, StepComponent, StepperComponent, StopCircleIconComponent, StripeIconComponent, SunIconComponent, SunriseIconComponent, SunsetIconComponent, SwitchComponent, TabComponent, TableIconComponent, TabletIconComponent, TabsComponent, TagComponent, TagIconComponent, TailwindIconComponent, TargetIconComponent, TelegramIconComponent, TerminalIconComponent, TextareaComponent, ThermometerIconComponent, ThreadsIconComponent, ThumbsDownIconComponent, ThumbsUpIconComponent, TiktokIconComponent, TimePickerComponent, ToastComponent, ToastService, ToggleLeftIconComponent, ToggleRightIconComponent, ToolIconComponent, TooltipDirective, TransferListComponent, Trash2IconComponent, TrashIconComponent, TreeComponent, TrelloIconComponent, TrendingDownIconComponent, TrendingUpIconComponent, TriangleIconComponent, TrophyIconComponent, TruckIconComponent, TvIconComponent, Twitch2IconComponent, TwitchIconComponent, TwitterIconComponent, TypeIconComponent, UmbrellaIconComponent, UnderlineIconComponent, UndoIconComponent, UnlockIconComponent, UploadCloudIconComponent, UploadIconComponent, UserCheckIconComponent, UserIconComponent, UserMinusIconComponent, UserPlusIconComponent, UserXIconComponent, UsersIconComponent, VercelIconComponent, VideoIconComponent, VideoOffIconComponent, VirtualListComponent, VoicemailIconComponent, Volume1IconComponent, Volume2IconComponent, VolumeIconComponent, VolumeXIconComponent, WCAG_AA, WalletIconComponent, WandIconComponent, WatchIconComponent, WhatsappIconComponent, WifiIconComponent, WifiOffIconComponent, WindIconComponent, XCircleIconComponent, XIconComponent, XOctagonIconComponent, XSquareIconComponent, XTwitterIconComponent, Youtube2IconComponent, YoutubeIconComponent, ZapIconComponent, ZapOffIconComponent, ZoomInIconComponent, ZoomOutIconComponent, applyPalette, computePopoverPosition, contrastRatio, de, derivePalette, el, en, esES, formatViolations, frFR, frenchSpacing, hexToOklch, iconDisplayName, is, nl, oklchToHex, pl, provideEagamiUi, ptBR, relativeLuminance, validatePalette, visibleNodeIds, walkTree, zhCN };
-export type { AlertSize, AlertVariant, AutocompleteSize, AvatarEditorCropEvent, AvatarEditorCropState, AvatarEditorShape, AvatarShape, AvatarSize, BadgeShape, BadgeSize, BadgeVariant, BreadcrumbClickEvent, BreadcrumbItem, BreadcrumbsSeparator, ButtonSize, ButtonType, ButtonVariant, CardHeaderAlign, CardPadding, CardVariant, CheckboxSize, CodeInputSize, ColorPickerFormat, ColorPickerInputMode, ColorPickerSize, ColorPickerValue, CommandPaletteItem, ContrastSurfaces, ContrastViolation, DataTableColumn, DataTableDensity, DataTableSortDirection, DataTableSortState, DatePickerFormat, DatePickerSize, DatePickerValue, DatePickerWeekStart, DerivedPalette, DialogWidth, DividerOrientation, DrawerAnimation, DrawerMode, DrawerPosition, DrawerSize, DropdownSize, EaErrorMessages, EaSize, EaValidationErrorKey, EaWidth, EagamiI18nConfig, EagamiLocale, EagamiLocaleBundle, EagamiLocaleMeta, EagamiMessages, EagamiMessagesOverride, EagamiPaletteConfig, EagamiWordmarkLayout, EagamiWordmarkVariant, EmptyStateHeadingLevel, EmptyStateSize, FileUploaderRejection, FileUploaderRejectionReason, FileUploaderSize, IconCategory, IconComponentType, IconMeta, InputSize, InputType, MenuItemVariant, MenuPlacement, ModePalette, ModeSurfaces, MultiSelectSize, PaginatorAlign, PaginatorSize, PaginatorState, PaletteConfig, PaletteRoles, PaletteShade, PopoverPlacement, PopoverPositionOptions, PopoverPositionResult, PopoverRole, PopoverScrollBehavior, ProgressBarSize, ProgressBarVariant, RadioOrientation, RadioSize, RangeSliderSize, RangeSliderValue, RatingSize, RatingStarState, SegmentedSize, SelectOption, SkeletonVariant, SliderSize, SpinnerSize, StepperSize, SwitchSize, TabsSize, TabsVariant, TagSize, TagVariant, TextareaResize, TextareaSize, TimePickerFormat, TimePickerSize, Toast, ToastOptions, ToastPosition, ToastVariant, TooltipPosition, TransferListItem, TransferListSize, TreeNode, TreeSize, VirtualListItemContext };
+export type { AccordionHeadingLevel, AlertSize, AlertVariant, AutocompleteSize, AvatarEditorCropEvent, AvatarEditorCropState, AvatarEditorShape, AvatarShape, AvatarSize, BadgeShape, BadgeSize, BadgeVariant, BreadcrumbClickEvent, BreadcrumbItem, BreadcrumbsSeparator, ButtonSize, ButtonType, ButtonVariant, CardHeaderAlign, CardPadding, CardVariant, CheckboxSize, CodeInputSize, ColorPickerFormat, ColorPickerInputMode, ColorPickerSize, ColorPickerValue, CommandPaletteItem, ContrastSurfaces, ContrastViolation, DataTableColumn, DataTableDensity, DataTableSortDirection, DataTableSortState, DatePickerFormat, DatePickerSize, DatePickerValue, DatePickerWeekStart, DerivedPalette, DialogWidth, DividerOrientation, DrawerAnimation, DrawerMode, DrawerPosition, DrawerSize, DropdownSize, EaErrorMessages, EaSize, EaValidationErrorKey, EaWidth, EagamiI18nConfig, EagamiLocale, EagamiLocaleBundle, EagamiLocaleMeta, EagamiMessages, EagamiMessagesOverride, EagamiPaletteConfig, EagamiWordmarkLayout, EagamiWordmarkVariant, EmptyStateHeadingLevel, EmptyStateSize, FileUploaderRejection, FileUploaderRejectionReason, FileUploaderSize, IconCategory, IconComponentType, IconMeta, InputSize, InputType, MenuItemVariant, MenuPlacement, ModePalette, ModeSurfaces, MultiSelectSize, PaginatorAlign, PaginatorSize, PaginatorState, PaletteConfig, PaletteRoles, PaletteShade, PopoverPlacement, PopoverPositionOptions, PopoverPositionResult, PopoverRole, PopoverScrollBehavior, ProgressBarSize, ProgressBarVariant, RadioOrientation, RadioSize, RangeSliderSize, RangeSliderValue, RatingSize, RatingStarState, SegmentedSize, SelectOption, SkeletonVariant, SliderSize, SpinnerSize, StepperSize, SwitchSize, TabsSize, TabsVariant, TagSize, TagVariant, TextareaResize, TextareaSize, TimePickerFormat, TimePickerSize, Toast, ToastOptions, ToastPosition, ToastVariant, TooltipPosition, TransferListItem, TransferListSize, TreeNode, TreeSize, VirtualListItemContext };