@eagami/ui 2.8.0 → 2.10.0

package/package.json

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

package/types/eagami-ui.d.ts

@@ -526,7 +526,6 @@ type AutocompleteSize = EaSize;
  */
 declare class AutocompleteComponent implements ControlValueAccessor {
     private readonly inputEl;
-    private readonly hostEl;
     private readonly i18n;
     readonly label: _angular_core.InputSignal<string | undefined>;
     readonly placeholder: _angular_core.InputSignal<string>;
@@ -590,7 +589,6 @@ declare class AutocompleteComponent implements ControlValueAccessor {
     /** Moves keyboard focus to the underlying text input. */
     focus(): void;
     private moveFocus;
-    onDocumentClick(event: Event): void;
     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; }; "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>;
 }
@@ -1043,10 +1041,10 @@ declare class CommandPaletteComponent {
 
 /** Visual size of the color picker trigger. */
 type ColorPickerSize = EaSize;
-/** Format used to emit the selected value via `value` / `changed`. */
-type ColorPickerFormat = 'hex' | 'rgb' | 'hsl';
-/** Which group of inputs the popover currently shows (hex string or RGB channels). */
-type ColorPickerInputMode = 'hex' | 'rgb';
+/** Output format. `all` (default) lets the user cycle hex/rgb/hsl from the popover; a specific value locks the picker to it. */
+type ColorPickerFormat = 'hex' | 'rgb' | 'hsl' | 'all';
+/** A concrete format the popover can show inputs for and emit. */
+type ColorPickerInputMode = 'hex' | 'rgb' | 'hsl';
 /** Value accepted via `writeValue`: any CSS color string or `null`. */
 type ColorPickerValue = string | null;
 interface Rgb {
@@ -1077,7 +1075,7 @@ declare class ColorPickerComponent implements ControlValueAccessor {
     readonly errorMsg: _angular_core.InputSignal<string | undefined>;
     /** Whether to show the alpha slider. When `false` the emitted value always has alpha = 1. */
     readonly showAlpha: _angular_core.InputSignal<boolean>;
-    /** Output format for emitted values. */
+    /** Output format. `all` lets the user cycle hex/rgb/hsl in the popover; a specific value locks it. */
     readonly format: _angular_core.InputSignal<ColorPickerFormat>;
     /** Preset swatches shown at the bottom of the popover. Pass an empty array to hide. */
     readonly presets: _angular_core.InputSignal<readonly string[]>;
@@ -1092,10 +1090,12 @@ declare class ColorPickerComponent implements ControlValueAccessor {
     private readonly alpha;
     /** Tracks the active drag target so pointermove can route correctly. */
     private readonly dragging;
-    /** Which input row is visible (hex string or RGB channels). Toggles via the
-     * format button. Independent of the `format` input, which only controls the
-     * emitted value. */
+    /** The user's chosen format when `format` is `all`; the popover toggle cycles it. */
     readonly inputMode: _angular_core.WritableSignal<ColorPickerInputMode>;
+    /** Resolved format driving both the visible inputs and the emitted value. */
+    readonly activeFormat: _angular_core.Signal<ColorPickerInputMode>;
+    /** Whether the in-popover format toggle is shown (only when `format` is `all`). */
+    readonly canToggleFormat: _angular_core.Signal<boolean>;
     /** What the hex input shows. Kept separate from the canonical hex so the user
      * can type a partial value (`#1`, `#12`, `#123`...) without each keystroke being
      * expanded back into a 6-digit canonical form. */
@@ -1113,6 +1113,14 @@ declare class ColorPickerComponent implements ControlValueAccessor {
     readonly opaqueColor: _angular_core.Signal<string>;
     readonly hueColor: _angular_core.Signal<string>;
     readonly hexDisplay: _angular_core.Signal<string>;
+    /** Rounded HSL channels (h in degrees, s/l as percentages) for the HSL inputs. */
+    readonly hslDisplay: _angular_core.Signal<{
+        h: number;
+        s: number;
+        l: number;
+    }>;
+    /** Uppercase label for the format toggle, e.g. `HEX`. */
+    readonly formatLabel: _angular_core.Signal<string>;
     readonly displayValue: _angular_core.Signal<string>;
     readonly resolvedPlaceholder: _angular_core.Signal<string>;
     readonly triggerClasses: _angular_core.Signal<{
@@ -1172,7 +1180,8 @@ declare class ColorPickerComponent implements ControlValueAccessor {
     onHexInput(event: Event): void;
     onHexBlur(): void;
     onRgbInput(channel: 'r' | 'g' | 'b', event: Event): void;
-    /** Cycles the input row between hex string and RGB channels. */
+    onHslInput(channel: 'h' | 's' | 'l', event: Event): void;
+    /** Cycles the format through hex, rgb, and hsl (only used when `format` is `all`). */
     cycleInputMode(): void;
     onAlphaInput(event: Event): void;
     pickFromScreen(): Promise<void>;
@@ -1582,8 +1591,10 @@ declare class DropdownComponent implements ControlValueAccessor {
     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; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "changed": "changed"; }, never, never, true, never>;
 }
 
-/** Variant of the wordmark: 1 is "eagami", 2 is "handcrafted by eagami", 3 is "eagami" with tagline. */
-type EagamiWordmarkVariant = 1 | 2 | 3;
+/** Content variant: `default` is the bare wordmark, `byline` adds the handcrafted-by line, `tagline` adds the tagline. */
+type EagamiWordmarkVariant = 'default' | 'byline' | 'tagline';
+/** @deprecated Numeric variants (1, 2, 3) alias `default`/`byline`/`tagline`. Removed in v3.0.0. */
+type EagamiWordmarkVariantLegacy = 1 | 2 | 3;
 /** Layout of the wordmark: `stacked` for multi-line, `inline` for a single line with em-dash separators. */
 type EagamiWordmarkLayout = 'stacked' | 'inline';
 /**
@@ -1593,10 +1604,17 @@ type EagamiWordmarkLayout = 'stacked' | 'inline';
  */
 declare class EagamiWordmarkComponent {
     protected readonly i18n: EagamiI18nService;
-    /** The wordmark variant to render. */
-    readonly variant: _angular_core.InputSignal<EagamiWordmarkVariant>;
+    /**
+     * Content variant. The numeric values `1`/`2`/`3` are accepted as deprecated
+     * aliases for `default`/`byline`/`tagline` and are removed in v3.0.0.
+     */
+    readonly variant: _angular_core.InputSignal<EagamiWordmarkVariant | EagamiWordmarkVariantLegacy>;
     readonly layout: _angular_core.InputSignal<EagamiWordmarkLayout>;
     readonly size: _angular_core.InputSignal<number>;
+    /** Collapses the deprecated numeric variants to the string form. */
+    private readonly resolvedVariant;
+    /** Clamps size to a 10px floor and falls back to the default when cleared. */
+    protected readonly resolvedSize: _angular_core.Signal<number>;
     protected readonly showOverline: _angular_core.Signal<boolean>;
     protected readonly showTagline: _angular_core.Signal<boolean>;
     protected readonly brandText: _angular_core.Signal<string>;
@@ -1790,6 +1808,16 @@ declare class InputComponent implements ControlValueAccessor {
     readonly autocomplete: _angular_core.InputSignal<string | undefined>;
     /** `id` of a `<datalist>` to associate for native suggestions. */
     readonly list: _angular_core.InputSignal<string | undefined>;
+    /** Minimum value for `type="number"`; the value is clamped to it on blur. */
+    readonly min: _angular_core.InputSignal<number | undefined>;
+    /** Maximum value for `type="number"`; the value is clamped to it on blur. */
+    readonly max: _angular_core.InputSignal<number | undefined>;
+    /** Step increment for `type="number"`. */
+    readonly step: _angular_core.InputSignal<number | undefined>;
+    /** Maximum number of characters; enforced for `type="number"`, where native `maxlength` is ignored. */
+    readonly maxLength: _angular_core.InputSignal<number | undefined>;
+    /** Minimum number of characters (native `minlength`). */
+    readonly minLength: _angular_core.InputSignal<number | undefined>;
     /** Focuses the field once, after it first renders. */
     readonly autofocus: _angular_core.InputSignal<boolean>;
     /** Shows the reveal toggle for `password` inputs. */
@@ -1822,14 +1850,22 @@ declare class InputComponent implements ControlValueAccessor {
         'ea-input-wrapper--disabled': boolean;
         'ea-input-wrapper--readonly': boolean;
     }>;
+    /** Characters a bounded number field can hold, from `maxLength` or its bounds' digits. */
+    private readonly numberCharCapacity;
+    /** Caps a bounded number field to the widest value it can hold. */
+    readonly numberWidth: _angular_core.Signal<string | null>;
     constructor();
     writeValue(val: string): void;
     registerOnChange(fn: (value: string) => void): void;
     registerOnTouched(fn: () => void): void;
     setDisabledState(isDisabled: boolean): void;
     handleInput(event: Event): void;
+    handleKeydown(event: KeyboardEvent): void;
+    handleWheel(event: WheelEvent): void;
     handleFocus(event: FocusEvent): void;
     handleBlur(event: FocusEvent): void;
+    /** Clamps a number value into `[min, max]` once editing finishes. */
+    private clampToBounds;
     /** Toggles the password reveal state for `type="password"` inputs. */
     togglePasswordVisibility(): void;
     /** Clear the current value and restore focus to the input. */
@@ -1837,7 +1873,7 @@ declare class InputComponent implements ControlValueAccessor {
     /** Moves keyboard focus to the underlying native input element. */
     focus(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<InputComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<InputComponent, "ea-input", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "errorMsg": { "alias": "errorMsg"; "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; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "list": { "alias": "list"; "required": false; "isSignal": true; }; "autofocus": { "alias": "autofocus"; "required": false; "isSignal": true; }; "showPasswordToggle": { "alias": "showPasswordToggle"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "focused": "focused"; "blurred": "blurred"; }, never, ["[slot=prefix]", "[slot=suffix]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<InputComponent, "ea-input", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "errorMsg": { "alias": "errorMsg"; "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; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "list": { "alias": "list"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "maxLength": { "alias": "maxLength"; "required": false; "isSignal": true; }; "minLength": { "alias": "minLength"; "required": false; "isSignal": true; }; "autofocus": { "alias": "autofocus"; "required": false; "isSignal": true; }; "showPasswordToggle": { "alias": "showPasswordToggle"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "focused": "focused"; "blurred": "blurred"; }, never, ["[slot=prefix]", "[slot=suffix]"], true, never>;
 }
 
 /** Placement of the menu list relative to its trigger. */
@@ -2365,6 +2401,8 @@ declare class RangeSliderComponent implements ControlValueAccessor {
     readonly showValue: _angular_core.InputSignal<boolean>;
     readonly showMinMaxLabels: _angular_core.InputSignal<boolean>;
     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. */
     readonly ariaLabelLow: _angular_core.InputSignal<string | undefined>;
     /** Accessible label for the high (end) thumb. Falls back to the field label when omitted. */
@@ -2382,6 +2420,8 @@ declare class RangeSliderComponent implements ControlValueAccessor {
     readonly clampedValue: _angular_core.Signal<RangeSliderValue>;
     readonly lowPercent: _angular_core.Signal<number>;
     readonly highPercent: _angular_core.Signal<number>;
+    /** Formats a value for display, grouping thousands with commas unless a custom `formatValue` is set. */
+    protected formatDisplay(value: number): string;
     readonly hasError: _angular_core.Signal<boolean>;
     readonly showError: _angular_core.Signal<boolean>;
     readonly showHint: _angular_core.Signal<boolean>;
@@ -2405,7 +2445,7 @@ declare class RangeSliderComponent implements ControlValueAccessor {
     /** Snap to step, clamp to `[min, max]`, then constrain by the opposite thumb. */
     private commitThumb;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RangeSliderComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<RangeSliderComponent, "ea-range-slider", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "errorMsg": { "alias": "errorMsg"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "showValue": { "alias": "showValue"; "required": false; "isSignal": true; }; "showMinMaxLabels": { "alias": "showMinMaxLabels"; "required": false; "isSignal": true; }; "formatValue": { "alias": "formatValue"; "required": false; "isSignal": true; }; "ariaLabelLow": { "alias": "aria-label-low"; "required": false; "isSignal": true; }; "ariaLabelHigh": { "alias": "aria-label-high"; "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<RangeSliderComponent, "ea-range-slider", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "errorMsg": { "alias": "errorMsg"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "showValue": { "alias": "showValue"; "required": false; "isSignal": true; }; "showMinMaxLabels": { "alias": "showMinMaxLabels"; "required": false; "isSignal": true; }; "formatValue": { "alias": "formatValue"; "required": false; "isSignal": true; }; "groupThousands": { "alias": "groupThousands"; "required": false; "isSignal": true; }; "ariaLabelLow": { "alias": "aria-label-low"; "required": false; "isSignal": true; }; "ariaLabelHigh": { "alias": "aria-label-high"; "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>;
 }
 
 /** Per-position render state, computed from the current display value. */
@@ -2597,6 +2637,8 @@ declare class SliderComponent implements ControlValueAccessor {
     readonly showValue: _angular_core.InputSignal<boolean>;
     readonly showMinMaxLabels: _angular_core.InputSignal<boolean>;
     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>;
     readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
     readonly id: _angular_core.InputSignal<string>;
     readonly value: _angular_core.ModelSignal<number>;
@@ -2609,6 +2651,8 @@ declare class SliderComponent implements ControlValueAccessor {
     readonly isDisabled: _angular_core.Signal<boolean>;
     readonly clampedValue: _angular_core.Signal<number>;
     readonly percent: _angular_core.Signal<number>;
+    /** Formats a value for display, grouping thousands with commas unless a custom `formatValue` is set. */
+    protected formatDisplay(value: number): string;
     readonly errored: _angular_core.Signal<boolean>;
     readonly showError: _angular_core.Signal<boolean>;
     readonly showHint: _angular_core.Signal<boolean>;
@@ -2630,7 +2674,7 @@ declare class SliderComponent implements ControlValueAccessor {
     private updateFromPointer;
     private commitValue;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SliderComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SliderComponent, "ea-slider", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "errorMsg": { "alias": "errorMsg"; "required": false; "isSignal": true; }; "hasError": { "alias": "hasError"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "showValue": { "alias": "showValue"; "required": false; "isSignal": true; }; "showMinMaxLabels": { "alias": "showMinMaxLabels"; "required": false; "isSignal": true; }; "formatValue": { "alias": "formatValue"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "aria-label"; "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<SliderComponent, "ea-slider", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "errorMsg": { "alias": "errorMsg"; "required": false; "isSignal": true; }; "hasError": { "alias": "hasError"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "showValue": { "alias": "showValue"; "required": false; "isSignal": true; }; "showMinMaxLabels": { "alias": "showMinMaxLabels"; "required": false; "isSignal": true; }; "formatValue": { "alias": "formatValue"; "required": false; "isSignal": true; }; "groupThousands": { "alias": "groupThousands"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "aria-label"; "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>;
 }
 
 /** Visual size of the spinner. */
@@ -6227,4 +6271,4 @@ declare class ZoomOutIconComponent extends IconComponentBase {
 }
 
 export { AccordionComponent, AccordionItemComponent, ActivityIconComponent, AirplayIconComponent, AlertCircleIconComponent, AlertComponent, AlertOctagonIconComponent, AlertTriangleIconComponent, AlignCenterIconComponent, AlignJustifyIconComponent, AlignLeftIconComponent, AlignRightIconComponent, AnchorIconComponent, ApertureIconComponent, ArchiveIconComponent, ArrowDownCircleIconComponent, ArrowDownIconComponent, ArrowDownLeftIconComponent, ArrowDownRightIconComponent, ArrowLeftCircleIconComponent, ArrowLeftIconComponent, ArrowRightCircleIconComponent, ArrowRightIconComponent, ArrowUpCircleIconComponent, ArrowUpIconComponent, ArrowUpLeftIconComponent, ArrowUpRightIconComponent, AtSignIconComponent, AutocompleteComponent, AvatarComponent, AvatarEditorComponent, AwardIconComponent, BadgeComponent, BarChart2IconComponent, BarChartIconComponent, BatteryChargingIconComponent, BatteryIconComponent, BellIconComponent, BellOffIconComponent, BluetoothIconComponent, BoldIconComponent, BookIconComponent, BookOpenIconComponent, BookmarkIconComponent, BottleIconComponent, BoxIconComponent, BreadcrumbsComponent, BriefcaseIconComponent, ButtonComponent, CalendarIconComponent, CameraIconComponent, CameraOffIconComponent, CandleIconComponent, CardComponent, CastIconComponent, CheckCircleIconComponent, CheckIconComponent, CheckSquareIconComponent, CheckboxComponent, ChevronDownIconComponent, ChevronLeftIconComponent, ChevronRightIconComponent, ChevronUpIconComponent, ChevronsDownIconComponent, ChevronsLeftIconComponent, ChevronsRightIconComponent, ChevronsUpDownIconComponent, ChevronsUpIconComponent, ChromeIconComponent, CircleIconComponent, ClipboardIconComponent, ClockIconComponent, CloudDrizzleIconComponent, CloudIconComponent, CloudLightningIconComponent, CloudOffIconComponent, CloudRainIconComponent, CloudSnowIconComponent, CloudflareIconComponent, CodeIconComponent, CodeInputComponent, CodepenIconComponent, CodesandboxIconComponent, CoffeeIconComponent, 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_I18N_CONFIG, EAGAMI_LOCALES, EAGAMI_MESSAGES, 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, FlagIconComponent, FolderIconComponent, FolderMinusIconComponent, FolderPlusIconComponent, FramerIconComponent, FrownIconComponent, GiftIconComponent, GitBranchIconComponent, GitCommitIconComponent, GitMergeIconComponent, GitPullRequestIconComponent, Github2IconComponent, GithubIconComponent, GitlabIconComponent, GlobeIconComponent, GoogleIconComponent, GridIconComponent, HardDriveIconComponent, HashIconComponent, HeadphonesIconComponent, HeartIconComponent, HelpCircleIconComponent, HeptagonIconComponent, HexagonIconComponent, HomeIconComponent, ICONS, IconComponentBase, ImageIconComponent, InboxIconComponent, InfoIconComponent, InputComponent, InstagramIconComponent, ItalicIconComponent, KeyIconComponent, KubernetesIconComponent, LampIconComponent, LayersIconComponent, LayoutIconComponent, LeftHalfStarIconComponent, LifeBuoyIconComponent, Link2IconComponent, LinkIconComponent, Linkedin2IconComponent, LinkedinIconComponent, 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, RadioComponent, RadioGroupComponent, RadioIconComponent, RangeSliderComponent, RatingComponent, RectangleHorizontalIconComponent, RectangleVerticalIconComponent, RedditIconComponent, RefreshCcwIconComponent, RefreshCwIconComponent, RepeatIconComponent, RewindIconComponent, RightHalfStarIconComponent, RotateCcwIconComponent, RotateCwIconComponent, RssIconComponent, SaveIconComponent, ScissorsIconComponent, SearchIconComponent, SegmentedComponent, SendIconComponent, ServerIconComponent, SettingsIconComponent, Share2IconComponent, ShareIconComponent, ShieldIconComponent, ShieldOffIconComponent, ShoppingBagIconComponent, ShoppingCartIconComponent, ShuffleIconComponent, SidebarIconComponent, SkeletonComponent, SkipBackIconComponent, SkipForwardIconComponent, Slack2IconComponent, SlackIconComponent, SlashIconComponent, SliderComponent, SlidersIconComponent, SmartphoneIconComponent, SmileIconComponent, SoccerBallIconComponent, SpeakerIconComponent, SpinnerComponent, SpotifyIconComponent, SquareIconComponent, StarIconComponent, StepComponent, StepperComponent, StopCircleIconComponent, StripeIconComponent, SunIconComponent, SunriseIconComponent, SunsetIconComponent, SwitchComponent, TabComponent, TableIconComponent, TabletIconComponent, TabsComponent, TagComponent, TagIconComponent, TargetIconComponent, TerminalIconComponent, TextareaComponent, ThermometerIconComponent, ThumbsDownIconComponent, ThumbsUpIconComponent, TimePickerComponent, ToastComponent, ToastService, ToggleLeftIconComponent, ToggleRightIconComponent, ToolIconComponent, TooltipDirective, TransferListComponent, Trash2IconComponent, TrashIconComponent, TreeComponent, TrelloIconComponent, TrendingDownIconComponent, TrendingUpIconComponent, TriangleIconComponent, TrophyIconComponent, TruckIconComponent, TvIconComponent, Twitch2IconComponent, TwitchIconComponent, TwitterIconComponent, TypeIconComponent, UmbrellaIconComponent, UnderlineIconComponent, UnlockIconComponent, UploadCloudIconComponent, UploadIconComponent, UserCheckIconComponent, UserIconComponent, UserMinusIconComponent, UserPlusIconComponent, UserXIconComponent, UsersIconComponent, VercelIconComponent, VideoIconComponent, VideoOffIconComponent, VirtualListComponent, VoicemailIconComponent, Volume1IconComponent, Volume2IconComponent, VolumeIconComponent, VolumeXIconComponent, WCAG_AA, WatchIconComponent, WifiIconComponent, WifiOffIconComponent, WindIconComponent, XCircleIconComponent, XIconComponent, XOctagonIconComponent, XSquareIconComponent, XTwitterIconComponent, Youtube2IconComponent, YoutubeIconComponent, ZapIconComponent, ZapOffIconComponent, ZoomInIconComponent, ZoomOutIconComponent, applyPalette, computePopoverPosition, contrastRatio, derivePalette, el, en, esES, formatViolations, frFR, frenchSpacing, hexToOklch, iconDisplayName, oklchToHex, pl, provideEagamiUi, relativeLuminance, validatePalette, visibleNodeIds, walkTree };
-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, DialogSize, DialogWidth, DividerOrientation, DrawerPosition, DrawerSize, DrawerWidth, DropdownSize, EaSize, EaWidth, EagamiI18nConfig, EagamiLocale, EagamiMessages, EagamiMessagesOverride, EagamiPaletteConfig, EagamiWordmarkLayout, EagamiWordmarkVariant, EmptyStateHeadingLevel, EmptyStateSize, FileUploaderRejection, FileUploaderRejectionReason, FileUploaderSize, IconCategory, IconComponentType, IconMeta, InputSize, InputType, MenuItemVariant, MenuPlacement, ModePalette, ModeSurfaces, MultiSelectSize, PaginatorAlign, 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, ToastVariant, TooltipPosition, TransferListItem, TransferListSize, TreeNode, TreeSize, VirtualListItemContext };
+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, DialogSize, DialogWidth, DividerOrientation, DrawerPosition, DrawerSize, DrawerWidth, DropdownSize, EaSize, EaWidth, EagamiI18nConfig, EagamiLocale, EagamiMessages, EagamiMessagesOverride, EagamiPaletteConfig, EagamiWordmarkLayout, EagamiWordmarkVariant, EagamiWordmarkVariantLegacy, EmptyStateHeadingLevel, EmptyStateSize, FileUploaderRejection, FileUploaderRejectionReason, FileUploaderSize, IconCategory, IconComponentType, IconMeta, InputSize, InputType, MenuItemVariant, MenuPlacement, ModePalette, ModeSurfaces, MultiSelectSize, PaginatorAlign, 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, ToastVariant, TooltipPosition, TransferListItem, TransferListSize, TreeNode, TreeSize, VirtualListItemContext };