@eagami/ui 2.5.3 → 2.7.0

package/package.json

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

package/src/styles/_mixins.scss

@@ -0,0 +1,45 @@
+// Shared SCSS mixins for the library. Consume from a component stylesheet with:
+//   @use '../../styles/mixins' as ea;
+//   .ea-foo__close { @include ea.icon-button; }
+
+// 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
+// it reads clearly inside the box regardless of how much padding the icon's own
+// viewBox carries (the feather `x`, for instance, only fills its middle half).
+@mixin icon-button {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  width: var(--ea-icon-button-size, 1.75em);
+  height: var(--ea-icon-button-size, 1.75em);
+  padding: 0;
+  border: none;
+  border-radius: var(--radius-sm);
+  background: none;
+  color: var(--color-text-secondary);
+  cursor: pointer;
+  transition: var(--transition-colors);
+
+  // Glyph sized via font-size (not width) so it overrides the icon's inline 1em
+  // host size and still scales with the box.
+  > * {
+    font-size: 1.25em;
+  }
+
+  &:hover {
+    background-color: var(--color-state-hover);
+    color: var(--color-text-primary);
+  }
+
+  &:focus-visible {
+    outline: none;
+    box-shadow: var(--shadow-focus-ring);
+  }
+
+  &:disabled {
+    cursor: not-allowed;
+    opacity: 0.5;
+  }
+}

package/src/styles/tokens/_colors.scss

@@ -78,12 +78,24 @@
   --color-bg-subtle: var(--color-neutral-50);
   --color-bg-stripe: var(--color-neutral-50);
   --color-bg-muted: var(--color-neutral-100);
+  // Stronger neutral fill for placeholder surfaces (e.g. avatar) that must read
+  // clearly against the page; muted is too faint on a white base
+  --color-bg-emphasis: var(--color-neutral-300);
   --color-bg-elevated: var(--color-neutral-0);
   --color-bg-overlay: rgba(0, 0, 0, 0.5);
 
+  // Interactive lift layers for hover and active/selected fills. Light surfaces
+  // are all near-white and never collapse onto these shades, so solid muted
+  // tones read cleanly. Dark mode swaps them for translucent washes (see the
+  // dark overrides) because its surfaces all collapse onto the same neutrals,
+  // where a solid fill would vanish into whatever it sits on.
+  --color-state-hover: var(--color-neutral-100);
+  --color-state-active: var(--color-neutral-200);
+
   --color-border-subtle: var(--color-neutral-200);
   --color-border-default: var(--color-neutral-200);
   --color-border-strong: var(--color-neutral-400);
+  --color-divider: var(--color-border-subtle);
   --color-border-focus: var(--color-primary-500);
 
   // brand-default/-hover/-active are the brand colour as a surface (solid bg
@@ -158,9 +170,17 @@
   --color-bg-subtle: var(--color-neutral-700);
   --color-bg-stripe: var(--color-neutral-900);
   --color-bg-elevated: var(--color-neutral-700);
-  // One step above bg-base so hover fills (ghost/secondary button, table row)
-  // and muted surfaces lift subtly; neutral-600 read too strong on dark.
+  // Opaque muted surface for static fills (disabled fields, slider/progress
+  // tracks, skeletons). Hover/active fills route through the translucent
+  // --color-state-* tokens instead, so they never collide with this shade.
   --color-bg-muted: var(--color-neutral-700);
+  --color-bg-emphasis: var(--color-neutral-600);
+
+  // White wash so an interactive lift reads on any dark surface, including the
+  // neutral-700 tier where bg-muted/-subtle/-elevated all coincide. This is the
+  // fix that lets dropdown/menu/dialog hovers lift off their elevated surfaces.
+  --color-state-hover: rgba(255, 255, 255, 0.08);
+  --color-state-active: rgba(255, 255, 255, 0.14);
 
   // Borders stay clear of every bg-* shade so they stay visible. subtle mixes
   // neutral-700/-800 to sit between card and cell backgrounds; default can't go
@@ -172,6 +192,9 @@
   );
   --color-border-default: var(--color-neutral-400);
   --color-border-strong: var(--color-neutral-300);
+  // Dividers read as barely-there against dark surfaces at border-subtle, so
+  // they step one neutral lighter for a visible-but-quiet rule.
+  --color-divider: var(--color-neutral-600);
 
   // Surface roles step one shade lighter than light mode so the button clears
   // WCAG 1.4.11 (3:1) on the near-black canvas while keeping a white label

package/src/styles/tokens/_shape.scss

@@ -13,4 +13,10 @@
   --border-width-thin: 1px;
   --border-width-medium: 2px;
   --border-width-thick: 4px;
+
+  // Hit-target box for icon buttons (clear / close / dismiss / toggle). em-based
+  // so it scales with the host component's size; since all sized components share
+  // a font-size per tier, this is also consistent across components at a tier
+  // (md = 1.75 * 16px = 28px).
+  --ea-icon-button-size: 1.75em;
 }

package/src/styles/tokens/_typography.scss

@@ -1,6 +1,12 @@
 :root {
-  --font-family-sans: 'DM Sans', 'Segoe UI', system-ui, -apple-system, sans-serif;
-  --font-family-brand: 'Syne', 'DM Sans', system-ui, sans-serif;
+  // The `* Fallback` faces are Arial tuned with metric overrides to match the
+  // web fonts, so they must sit right after each web font in the stack: that way
+  // text laid out before the font loads has the same metrics and `font-display:
+  // swap` causes no layout shift when the real font arrives.
+  --font-family-sans:
+    'DM Sans', 'DM Sans Fallback', 'Segoe UI', system-ui, -apple-system, sans-serif;
+  --font-family-brand:
+    'Syne', 'Syne Fallback', 'DM Sans', 'DM Sans Fallback', system-ui, sans-serif;
   --font-family-serif: 'Georgia', 'Times New Roman', serif;
   --font-family-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
 
@@ -35,6 +41,10 @@
   --letter-spacing-wider: 0.05em;
   --letter-spacing-widest: 0.1em;
 
+  // Leading/status icon sized relative to the text beside it; em keeps it in
+  // proportion as the surrounding font-size changes
+  --icon-inline-size: 1.5em;
+
   --text-display-size: var(--font-size-5xl);
   --text-display-weight: var(--font-weight-bold);
   --text-display-lh: var(--line-height-tight);

package/types/eagami-ui.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, EnvironmentProviders, Signal, OnDestroy, ElementRef, Type, TemplateRef, OnInit } 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';
 
@@ -468,6 +468,8 @@ declare class AccordionItemComponent {
 
 /** Semantic colour scheme of an alert. Drives icon and palette. */
 type AlertVariant = 'default' | 'success' | 'warning' | 'error' | 'info';
+/** Scales the alert's text, icon, and gap together. */
+type AlertSize = 'sm' | 'md' | 'lg';
 /**
  * Inline banner for surfacing semantic messages such as success confirmations,
  * warnings, or errors. Optionally dismissible, with a two-way `visible`
@@ -476,8 +478,11 @@ type AlertVariant = 'default' | 'success' | 'warning' | 'error' | 'info';
 declare class AlertComponent {
     protected readonly i18n: EagamiI18nService;
     readonly variant: i0.InputSignal<AlertVariant>;
+    readonly size: i0.InputSignal<AlertSize>;
     readonly dismissible: i0.InputSignal<boolean>;
     readonly visible: i0.ModelSignal<boolean>;
+    /** Overrides the variant's default status icon with any icon component. */
+    readonly icon: i0.InputSignal<Type<unknown> | undefined>;
     /** Fires when the user dismisses the alert via its close button. */
     readonly dismissed: i0.OutputEmitterRef<void>;
     readonly alertClasses: i0.Signal<{
@@ -487,7 +492,7 @@ declare class AlertComponent {
     /** Hides the alert and emits `dismissed`. */
     dismiss(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AlertComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AlertComponent, "ea-alert", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "dismissible": { "alias": "dismissible"; "required": false; "isSignal": true; }; "visible": { "alias": "visible"; "required": false; "isSignal": true; }; }, { "visible": "visibleChange"; "dismissed": "dismissed"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AlertComponent, "ea-alert", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "dismissible": { "alias": "dismissible"; "required": false; "isSignal": true; }; "visible": { "alias": "visible"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; }, { "visible": "visibleChange"; "dismissed": "dismissed"; }, never, ["*"], true, never>;
 }
 
 /**
@@ -1728,21 +1733,39 @@ declare class InputComponent implements ControlValueAccessor {
     readonly inputEl: i0.Signal<ElementRef<HTMLInputElement> | undefined>;
     private readonly injector;
     protected readonly i18n: EagamiI18nService;
+    /** Text label rendered above the field. */
     readonly label: i0.InputSignal<string | undefined>;
+    /** Native input type; `password` adds a built-in show/hide toggle. */
     readonly type: i0.InputSignal<InputType>;
+    /** Placeholder shown while the field is empty. */
     readonly placeholder: i0.InputSignal<string>;
+    /** Leading icon component rendered before the text, e.g. a search or filter glyph. */
+    readonly icon: i0.InputSignal<Type<unknown> | undefined>;
+    /** Visual size of the field. */
     readonly size: i0.InputSignal<InputSize>;
+    /** Helper text shown below the field; hidden while an error is showing. */
     readonly hint: i0.InputSignal<string | undefined>;
+    /** Error message shown below the field; replaces the hint and flags the field invalid. */
     readonly errorMsg: i0.InputSignal<string | undefined>;
+    /** Disables the field. */
     readonly disabled: i0.InputSignal<boolean>;
+    /** Renders the field read-only. */
     readonly readonly: i0.InputSignal<boolean>;
+    /** Marks the field as required. */
     readonly required: i0.InputSignal<boolean>;
+    /** Value for the native `autocomplete` attribute. */
     readonly autocomplete: i0.InputSignal<string | undefined>;
+    /** `id` of a `<datalist>` to associate for native suggestions. */
     readonly list: i0.InputSignal<string | undefined>;
+    /** Focuses the field once, after it first renders. */
     readonly autofocus: i0.InputSignal<boolean>;
+    /** Shows the reveal toggle for `password` inputs. */
     readonly showPasswordToggle: i0.InputSignal<boolean>;
+    /** Shows a clear button while the field has a value. */
     readonly clearable: i0.InputSignal<boolean>;
+    /** `id` applied to the native input and label `for`; auto-generated when omitted. */
     readonly id: i0.InputSignal<string>;
+    /** Current field value; two-way bindable via `[(value)]`. */
     readonly value: i0.ModelSignal<string>;
     readonly isFocused: i0.WritableSignal<boolean>;
     readonly passwordVisible: i0.WritableSignal<boolean>;
@@ -1781,7 +1804,7 @@ declare class InputComponent implements ControlValueAccessor {
     /** Moves keyboard focus to the underlying native input element. */
     focus(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<InputComponent, never>;
-    static ɵcmp: i0.ɵɵ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; }; "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: i0.ɵɵ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>;
 }
 
 /** Placement of the menu list relative to its trigger. */
@@ -2190,8 +2213,15 @@ declare class ProgressBarComponent {
     readonly variant: i0.InputSignal<ProgressBarVariant>;
     readonly size: i0.InputSignal<ProgressBarSize>;
     readonly label: i0.InputSignal<string | undefined>;
+    /** Shows the rounded percentage alongside the label. */
+    readonly showPercentage: i0.InputSignal<boolean>;
+    /**
+     * @deprecated Use `showPercentage` instead. Will be removed in v3.0.0.
+     */
     readonly showValue: i0.InputSignal<boolean>;
     readonly indeterminate: i0.InputSignal<boolean>;
+    /** Whether to render the percentage (honours the deprecated `showValue` alias). */
+    readonly showsPercentage: i0.Signal<boolean>;
     readonly percentage: i0.Signal<number>;
     readonly percentageRounded: i0.Signal<number>;
     readonly hostClasses: i0.Signal<{
@@ -2199,11 +2229,11 @@ declare class ProgressBarComponent {
         'ea-progress-bar--indeterminate': boolean;
     }>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ProgressBarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ProgressBarComponent, "ea-progress-bar", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "showValue": { "alias": "showValue"; "required": false; "isSignal": true; }; "indeterminate": { "alias": "indeterminate"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ProgressBarComponent, "ea-progress-bar", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "showPercentage": { "alias": "showPercentage"; "required": false; "isSignal": true; }; "showValue": { "alias": "showValue"; "required": false; "isSignal": true; }; "indeterminate": { "alias": "indeterminate"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 /** Visual size shared by all radios in the group. */
-type RadioSize = 'sm' | 'md' | 'lg';
+type RadioSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 /** Layout direction for radios within the group. */
 type RadioOrientation = 'vertical' | 'horizontal';
 /**
@@ -2568,7 +2598,7 @@ declare class SliderComponent implements ControlValueAccessor {
 }
 
 /** Visual size of the spinner. */
-type SpinnerSize = 'sm' | 'md' | 'lg';
+type SpinnerSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 /**
  * SVG loading indicator with an accessible `role="status"`. The `label` input
  * overrides the accessible name announced to assistive technology; when unset
@@ -2788,12 +2818,19 @@ declare class TextareaComponent implements ControlValueAccessor {
     readonly disabled: i0.InputSignal<boolean>;
     readonly readonly: i0.InputSignal<boolean>;
     readonly required: i0.InputSignal<boolean>;
+    /**
+     * @deprecated Use `maxHeight` and the `resize` handle to control height; this
+     * sets the initial height only. Will be removed in v3.0.0.
+     */
     readonly rows: i0.InputSignal<number>;
     readonly resize: i0.InputSignal<TextareaResize>;
     readonly maxlength: i0.InputSignal<number | undefined>;
     /** Optional pixel ceiling for the textarea's height. Beyond it, the inner
      * field scrolls vertically instead of growing. */
     readonly maxHeight: i0.InputSignal<number | undefined>;
+    /** Optional pixel floor for the textarea's height. Clamped so it never drops
+     * below the height implied by `rows`. */
+    readonly minHeight: i0.InputSignal<number | undefined>;
     readonly id: i0.InputSignal<string>;
     readonly value: i0.ModelSignal<string>;
     readonly isFocused: i0.WritableSignal<boolean>;
@@ -2815,6 +2852,7 @@ declare class TextareaComponent implements ControlValueAccessor {
         'ea-textarea-wrapper--disabled': boolean;
         'ea-textarea-wrapper--readonly': boolean;
     }>;
+    readonly minHeightStyle: i0.Signal<string>;
     writeValue(val: string): void;
     registerOnChange(fn: (value: string) => void): void;
     registerOnTouched(fn: () => void): void;
@@ -2825,7 +2863,7 @@ declare class TextareaComponent implements ControlValueAccessor {
     /** Moves keyboard focus to the underlying native textarea element. */
     focus(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TextareaComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TextareaComponent, "ea-textarea", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "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; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "resize": { "alias": "resize"; "required": false; "isSignal": true; }; "maxlength": { "alias": "maxlength"; "required": false; "isSignal": true; }; "maxHeight": { "alias": "maxHeight"; "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, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TextareaComponent, "ea-textarea", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "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; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "resize": { "alias": "resize"; "required": false; "isSignal": true; }; "maxlength": { "alias": "maxlength"; "required": false; "isSignal": true; }; "maxHeight": { "alias": "maxHeight"; "required": false; "isSignal": true; }; "minHeight": { "alias": "minHeight"; "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, never, true, never>;
 }
 
 /** Visual size of the time picker trigger. */
@@ -6153,4 +6191,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 { 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, DividerOrientation, DrawerPosition, DrawerSize, DropdownSize, 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, DividerOrientation, DrawerPosition, DrawerSize, DropdownSize, 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 };