@eagami/ui 1.4.0 → 1.5.0

package/package.json

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

package/src/styles/tokens/_colors.scss

@@ -132,6 +132,19 @@
   --color-info-default: var(--color-info-600);
   --color-info-subtle: var(--color-info-50);
   --color-info-muted: var(--color-info-100);
+
+  // Color-picker mechanics — pure RGB primaries that build the hue wheel and
+  // the saturation/value gradient. These are intrinsic to the picker UI, not
+  // themeable, but live here so component SCSS stays literal-free.
+  --color-picker-hue-red: #ff0000;
+  --color-picker-hue-yellow: #ffff00;
+  --color-picker-hue-green: #00ff00;
+  --color-picker-hue-cyan: #00ffff;
+  --color-picker-hue-blue: #0000ff;
+  --color-picker-hue-magenta: #ff00ff;
+  --color-picker-sv-white: #ffffff;
+  --color-picker-sv-black: #000000;
+  --color-picker-thumb-halo: rgba(0, 0, 0, 0.25);
 }
 
 // ---------------------------------------------------------------------------

package/src/styles/tokens/_typography.scss

@@ -107,8 +107,29 @@
   --text-label-sm-weight: var(--font-weight-medium);
   --text-label-sm-lh: var(--line-height-tight);
 
-  // Helper / caption
-  --text-helper-size: var(--font-size-xs);
+  // Helper / caption — used for field-level hint and error messages. Sits
+  // between `--font-size-xs` (12px) and `--font-size-sm` (14px) at 13px so
+  // it stays visually subordinate to the field's label without dropping into
+  // the "barely readable" zone that 12px hits on dense forms.
+  //
+  // STANDARD — every form-like component (anything exposing `errorMsg` and/or
+  // `hint`) must render its messages identically. Mirror `<ea-input>` exactly:
+  //   1. `<p class="ea-{name}-field__message ea-{name}-field__message--error">`
+  //      (or `--hint`) with `role="alert"` on the error variant and an `id`
+  //      matching the field's `aria-describedby`.
+  //   2. The first child of the error `<p>` is always
+  //      `<ea-icon-alert-circle class="ea-{name}-field__message-icon" />`.
+  //      Hints render text-only (no icon).
+  //   3. `__message` uses `display: flex; align-items: center; gap: var(--space-1)`
+  //      plus the three `--text-helper-*` tokens above. Never hard-code a
+  //      font-size on `__message`.
+  //   4. `__message-icon` uses `flex-shrink: 0; width: 0.875em; height: 0.875em`
+  //      so the icon scales with the text.
+  //   5. Error color is `var(--color-error-default)`. Hint color is component-
+  //      specific (`--color-text-secondary` or `inherit`) but stays consistent
+  //      within a component.
+  //   6. `AlertCircleIconComponent` must be in the component's `imports: [...]`.
+  --text-helper-size: 0.8125rem; //  13px
   --text-helper-weight: var(--font-weight-regular);
   --text-helper-lh: var(--line-height-normal);
 

package/types/eagami-ui.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, EnvironmentProviders, Signal, OnDestroy, ElementRef, TemplateRef, Type, AfterViewInit, OnInit } from '@angular/core';
+import { InjectionToken, EnvironmentProviders, Signal, OnDestroy, ElementRef, TemplateRef, Type, OnInit } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import * as _eagami_ui from '@eagami/ui';
 
@@ -40,6 +40,16 @@ interface EagamiMessages {
         groupLabel: (length: number) => string;
         digitLabel: (index: number, length: number) => string;
     };
+    colorPicker: {
+        placeholder: string;
+        clear: string;
+        hue: string;
+        saturationAndValue: string;
+        alpha: string;
+        eyedropper: string;
+        presets: string;
+        toggleFormat: string;
+    };
     dataTable: {
         noData: string;
     };
@@ -644,6 +654,161 @@ declare class CheckboxComponent implements ControlValueAccessor {
     static ɵcmp: i0.ɵɵComponentDeclaration<CheckboxComponent, "ea-checkbox", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "count": { "alias": "count"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "errorMsg": { "alias": "errorMsg"; "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; }; "indeterminate": { "alias": "indeterminate"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; "changed": "changed"; }, never, never, true, never>;
 }
 
+/** Visual size of the color picker trigger. */
+type ColorPickerSize = 'sm' | 'md' | 'lg';
+/** 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';
+/** Value accepted via `writeValue` — any CSS color string or `null`. */
+type ColorPickerValue = string | null;
+interface Rgb {
+    r: number;
+    g: number;
+    b: number;
+}
+/**
+ * Popover color picker with a saturation/value gradient area, hue slider,
+ * optional alpha slider, hex + RGB inputs, a configurable preset palette,
+ * and an eyedropper (Chromium browsers). Integrates with Angular forms via
+ * `ControlValueAccessor`. Accepts any CSS color string in `writeValue`.
+ */
+declare class ColorPickerComponent implements ControlValueAccessor {
+    private readonly hostEl;
+    private readonly triggerEl;
+    private readonly popoverEl;
+    private readonly svAreaEl;
+    private readonly hueTrackEl;
+    private readonly alphaTrackEl;
+    private readonly injector;
+    private readonly destroyRef;
+    protected readonly i18n: EagamiI18nService;
+    readonly label: i0.InputSignal<string | undefined>;
+    readonly placeholder: i0.InputSignal<string | undefined>;
+    readonly size: i0.InputSignal<ColorPickerSize>;
+    readonly disabled: i0.InputSignal<boolean>;
+    readonly readonly: i0.InputSignal<boolean>;
+    readonly required: i0.InputSignal<boolean>;
+    readonly hint: i0.InputSignal<string | undefined>;
+    readonly errorMsg: i0.InputSignal<string | undefined>;
+    /** Whether to show the alpha slider. When `false` the emitted value always has alpha = 1. */
+    readonly showAlpha: i0.InputSignal<boolean>;
+    /** Output format for emitted values. */
+    readonly format: i0.InputSignal<ColorPickerFormat>;
+    /** Preset swatches shown at the bottom of the popover. Pass an empty array to hide. */
+    readonly presets: i0.InputSignal<readonly string[]>;
+    readonly id: i0.InputSignal<string>;
+    readonly value: i0.ModelSignal<string | null>;
+    /** Fires with the new color string whenever the selection changes. */
+    readonly changed: i0.OutputEmitterRef<string | null>;
+    readonly isOpen: i0.WritableSignal<boolean>;
+    private readonly hue;
+    private readonly sat;
+    private readonly val;
+    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. */
+    readonly inputMode: i0.WritableSignal<ColorPickerInputMode>;
+    /** 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. */
+    readonly hexInputValue: i0.WritableSignal<string>;
+    /** Pixel position of the popover when open. Calculated from the trigger's
+     * bounding rect so the popover can use `position: fixed` and escape any
+     * ancestor with `overflow: hidden`. */
+    readonly popoverPosition: i0.WritableSignal<{
+        top: number;
+        left: number;
+    } | null>;
+    private readonly _formDisabled;
+    private onChange;
+    private onTouched;
+    readonly isDisabled: i0.Signal<boolean>;
+    readonly hasError: i0.Signal<boolean>;
+    readonly showError: i0.Signal<boolean>;
+    readonly showHint: i0.Signal<boolean>;
+    readonly rgb: i0.Signal<Rgb>;
+    readonly displayColor: i0.Signal<string>;
+    /** Opaque version of the current color — used as the hue/SV reference. */
+    readonly opaqueColor: i0.Signal<string>;
+    readonly hueColor: i0.Signal<string>;
+    readonly hexDisplay: i0.Signal<string>;
+    readonly displayValue: i0.Signal<string>;
+    readonly resolvedPlaceholder: i0.Signal<string>;
+    readonly triggerClasses: i0.Signal<{
+        [x: string]: boolean;
+        'ea-color-picker__trigger--error': boolean;
+        'ea-color-picker__trigger--open': boolean;
+        'ea-color-picker__trigger--disabled': boolean;
+    }>;
+    /** True when the browser supports the EyeDropper API. */
+    readonly hasEyeDropper: i0.Signal<boolean>;
+    constructor();
+    writeValue(val: ColorPickerValue): void;
+    registerOnChange(fn: (value: string | null) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    toggle(): void;
+    open(): void;
+    close(): void;
+    focus(): void;
+    clear(event: Event): void;
+    readonly svPointerLeft: i0.Signal<string>;
+    readonly svPointerTop: i0.Signal<string>;
+    readonly huePointerLeft: i0.Signal<string>;
+    readonly alphaPointerLeft: i0.Signal<string>;
+    readonly hueRounded: i0.Signal<number>;
+    readonly alphaPercentRounded: i0.Signal<number>;
+    onSvPointerDown(event: PointerEvent): void;
+    onSvPointerMove(event: PointerEvent): void;
+    onSvPointerUp(event: PointerEvent): void;
+    onSvKeydown(event: KeyboardEvent): void;
+    private updateSvFromPointer;
+    onHuePointerDown(event: PointerEvent): void;
+    onHuePointerMove(event: PointerEvent): void;
+    onHuePointerUp(event: PointerEvent): void;
+    onHueKeydown(event: KeyboardEvent): void;
+    private updateHueFromPointer;
+    onAlphaPointerDown(event: PointerEvent): void;
+    onAlphaPointerMove(event: PointerEvent): void;
+    onAlphaPointerUp(event: PointerEvent): void;
+    onAlphaKeydown(event: KeyboardEvent): void;
+    private updateAlphaFromPointer;
+    /**
+     * Mirrors the user's literal text into `hexInputValue` and (if the text
+     * parses) applies the new color silently — without rewriting the input.
+     * Without `refreshHex: false`, typing `#123` would parse, commit, and then
+     * snap the input back to `#112233` mid-keystroke, fighting the user's caret.
+     * Canonicalization happens only on blur via {@link onHexBlur}.
+     */
+    onHexInput(event: Event): void;
+    onHexBlur(): void;
+    onRgbInput(channel: 'r' | 'g' | 'b', event: Event): void;
+    /** Cycles the input row between hex string and RGB channels. */
+    cycleInputMode(): void;
+    onAlphaInput(event: Event): void;
+    pickFromScreen(): Promise<void>;
+    selectPreset(hex: string): void;
+    onTriggerKeydown(event: KeyboardEvent): void;
+    onPopoverKeydown(event: KeyboardEvent): void;
+    onDocumentClick(event: Event): void;
+    /**
+     * Repositions the popover when it would extend past the viewport edges.
+     * Prefers flipping above the trigger when there's more room there, then
+     * clamps so the popover always has a small margin from the viewport edges.
+     */
+    private clampPopoverToViewport;
+    private applyHsv;
+    private applyRgba;
+    private commit;
+    private refreshHexInput;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ColorPickerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ColorPickerComponent, "ea-color-picker", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "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; }; "showAlpha": { "alias": "showAlpha"; "required": false; "isSignal": true; }; "format": { "alias": "format"; "required": false; "isSignal": true; }; "presets": { "alias": "presets"; "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>;
+}
+
 /** Vertical density preset for table rows and header cells. */
 type DataTableDensity = 'compact' | 'comfortable' | 'spacious';
 /** Sort direction; `null` means no sort is applied. */
@@ -3936,8 +4101,9 @@ type InputType = 'text' | 'email' | 'password' | 'number' | 'search' | 'tel' | '
  * with Angular forms via `ControlValueAccessor`. Prefix and suffix content
  * can be projected via the `prefix` and `suffix` slots.
  */
-declare class InputComponent implements ControlValueAccessor, AfterViewInit {
+declare class InputComponent implements ControlValueAccessor {
     readonly inputEl: i0.Signal<ElementRef<HTMLInputElement> | undefined>;
+    private readonly injector;
     protected readonly i18n: EagamiI18nService;
     readonly label: i0.InputSignal<string | undefined>;
     readonly type: i0.InputSignal<InputType>;
@@ -3974,7 +4140,7 @@ declare class InputComponent implements ControlValueAccessor, AfterViewInit {
         'ea-input-wrapper--disabled': boolean;
         'ea-input-wrapper--readonly': boolean;
     }>;
-    ngAfterViewInit(): void;
+    constructor();
     writeValue(val: string): void;
     registerOnChange(fn: (value: string) => void): void;
     registerOnTouched(fn: () => void): void;
@@ -4030,6 +4196,16 @@ declare class MenuComponent {
      */
     close(restoreFocus?: boolean): void;
     private getEnabledItems;
+    /**
+     * `preventScroll: true` is critical here. The menu list is `position: fixed`
+     * but its DOM ancestor is whatever element hosts the menu (often a sticky
+     * header). When `.focus()` is called without `preventScroll`, Chromium uses
+     * the focused element's DOM-tree position (inside the sticky ancestor) rather
+     * than its rendered fixed position to decide whether to scroll — which on a
+     * scrolled page nudges the document up by a few pixels per open, until the
+     * trigger reaches the top edge. The same guard applies to keyboard navigation
+     * and restoring focus on close.
+     */
     private focusFirstItem;
     onKeydown(event: KeyboardEvent): void;
     onDocumentClick(event: Event): void;
@@ -4621,5 +4797,5 @@ declare class TooltipDirective implements OnDestroy {
     static ɵdir: i0.ɵɵDirectiveDeclaration<TooltipDirective, "[eaTooltip]", never, { "eaTooltip": { "alias": "eaTooltip"; "required": true; "isSignal": true; }; "tooltipPosition": { "alias": "tooltipPosition"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-export { AccordionComponent, AccordionItemComponent, ActivityIconComponent, AirplayIconComponent, AlertCircleIconComponent, AlertComponent, AlertOctagonIconComponent, AlertTriangleIconComponent, AlignCenterIconComponent, AlignJustifyIconComponent, AlignLeftIconComponent, AlignRightIconComponent, AnchorIconComponent, ApertureIconComponent, AppleIconComponent, 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, ColumnsIconComponent, CommandIconComponent, CompassIconComponent, CopyIconComponent, CornerDownLeftIconComponent, CornerDownRightIconComponent, CornerLeftDownIconComponent, CornerLeftUpIconComponent, CornerRightDownIconComponent, CornerRightUpIconComponent, CornerUpLeftIconComponent, CornerUpRightIconComponent, CpuIconComponent, CreditCardIconComponent, CropIconComponent, CrosshairIconComponent, 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, Figma2IconComponent, FigmaIconComponent, FileIconComponent, FileMinusIconComponent, FilePlusIconComponent, FileTextIconComponent, 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, 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, MusicIconComponent, Navigation2IconComponent, NavigationIconComponent, NetlifyIconComponent, NotionIconComponent, NpmIconComponent, OctagonIconComponent, PackageIconComponent, PaginatorComponent, PaperclipIconComponent, PauseCircleIconComponent, PauseIconComponent, PaypalIconComponent, PenToolIconComponent, PencilIconComponent, PentagonIconComponent, PercentIconComponent, PhoneCallIconComponent, PhoneForwardedIconComponent, PhoneIconComponent, PhoneIncomingIconComponent, PhoneMissedIconComponent, PhoneOffIconComponent, PhoneOutgoingIconComponent, PieChartIconComponent, PlayCircleIconComponent, PlayIconComponent, PlusCircleIconComponent, PlusIconComponent, PlusSquareIconComponent, PocketIconComponent, PowerIconComponent, PrinterIconComponent, ProgressBarComponent, RadioComponent, RadioGroupComponent, RadioIconComponent, RectangleHorizontalIconComponent, RectangleVerticalIconComponent, RedditIconComponent, RefreshCcwIconComponent, RefreshCwIconComponent, RepeatIconComponent, RewindIconComponent, 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, StopCircleIconComponent, StripeIconComponent, SunIconComponent, SunriseIconComponent, SunsetIconComponent, SwitchComponent, TabComponent, TableIconComponent, TabletIconComponent, TabsComponent, TagComponent, TagIconComponent, TargetIconComponent, TerminalIconComponent, TextareaComponent, ThermometerIconComponent, ThumbsDownIconComponent, ThumbsUpIconComponent, ToastComponent, ToastService, ToggleLeftIconComponent, ToggleRightIconComponent, ToolIconComponent, TooltipDirective, Trash2IconComponent, TrashIconComponent, 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, VoicemailIconComponent, Volume1IconComponent, Volume2IconComponent, VolumeIconComponent, VolumeXIconComponent, WatchIconComponent, WifiIconComponent, WifiOffIconComponent, WindIconComponent, XCircleIconComponent, XIconComponent, XOctagonIconComponent, XSquareIconComponent, XTwitterIconComponent, Youtube2IconComponent, YoutubeIconComponent, ZapIconComponent, ZapOffIconComponent, ZoomInIconComponent, ZoomOutIconComponent, el, en, esES, frFR, frenchSpacing, iconDisplayName, pl, provideEagamiUi };
-export type { AlertVariant, AutocompleteSize, AvatarEditorCropEvent, AvatarEditorCropState, AvatarEditorShape, AvatarShape, AvatarSize, BadgeSize, BadgeVariant, BreadcrumbClickEvent, BreadcrumbItem, BreadcrumbsSeparator, ButtonSize, ButtonType, ButtonVariant, CardHeaderAlign, CardPadding, CardVariant, CheckboxSize, CodeInputSize, DataTableColumn, DataTableDensity, DataTableSortDirection, DataTableSortState, DatePickerFormat, DatePickerSize, DatePickerValue, DatePickerWeekStart, DialogSize, DividerOrientation, DrawerPosition, DrawerSize, DropdownSize, EagamiI18nConfig, EagamiLocale, EagamiMessages, EagamiMessagesOverride, EagamiWordmarkLayout, EagamiWordmarkVariant, EmptyStateHeadingLevel, EmptyStateSize, IconCategory, IconComponentType, IconMeta, InputSize, InputType, MenuItemVariant, MenuPlacement, PaginatorAlign, PaginatorState, ProgressBarSize, ProgressBarVariant, RadioOrientation, RadioSize, SegmentedSize, SelectOption, SkeletonVariant, SliderSize, SpinnerSize, SwitchSize, TabsSize, TabsVariant, TagSize, TagVariant, TextareaResize, TextareaSize, Toast, ToastOptions, ToastVariant, TooltipPosition };
+export { AccordionComponent, AccordionItemComponent, ActivityIconComponent, AirplayIconComponent, AlertCircleIconComponent, AlertComponent, AlertOctagonIconComponent, AlertTriangleIconComponent, AlignCenterIconComponent, AlignJustifyIconComponent, AlignLeftIconComponent, AlignRightIconComponent, AnchorIconComponent, ApertureIconComponent, AppleIconComponent, 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, CompassIconComponent, CopyIconComponent, CornerDownLeftIconComponent, CornerDownRightIconComponent, CornerLeftDownIconComponent, CornerLeftUpIconComponent, CornerRightDownIconComponent, CornerRightUpIconComponent, CornerUpLeftIconComponent, CornerUpRightIconComponent, CpuIconComponent, CreditCardIconComponent, CropIconComponent, CrosshairIconComponent, 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, Figma2IconComponent, FigmaIconComponent, FileIconComponent, FileMinusIconComponent, FilePlusIconComponent, FileTextIconComponent, 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, 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, MusicIconComponent, Navigation2IconComponent, NavigationIconComponent, NetlifyIconComponent, NotionIconComponent, NpmIconComponent, OctagonIconComponent, PackageIconComponent, PaginatorComponent, PaperclipIconComponent, PauseCircleIconComponent, PauseIconComponent, PaypalIconComponent, PenToolIconComponent, PencilIconComponent, PentagonIconComponent, PercentIconComponent, PhoneCallIconComponent, PhoneForwardedIconComponent, PhoneIconComponent, PhoneIncomingIconComponent, PhoneMissedIconComponent, PhoneOffIconComponent, PhoneOutgoingIconComponent, PieChartIconComponent, PlayCircleIconComponent, PlayIconComponent, PlusCircleIconComponent, PlusIconComponent, PlusSquareIconComponent, PocketIconComponent, PowerIconComponent, PrinterIconComponent, ProgressBarComponent, RadioComponent, RadioGroupComponent, RadioIconComponent, RectangleHorizontalIconComponent, RectangleVerticalIconComponent, RedditIconComponent, RefreshCcwIconComponent, RefreshCwIconComponent, RepeatIconComponent, RewindIconComponent, 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, StopCircleIconComponent, StripeIconComponent, SunIconComponent, SunriseIconComponent, SunsetIconComponent, SwitchComponent, TabComponent, TableIconComponent, TabletIconComponent, TabsComponent, TagComponent, TagIconComponent, TargetIconComponent, TerminalIconComponent, TextareaComponent, ThermometerIconComponent, ThumbsDownIconComponent, ThumbsUpIconComponent, ToastComponent, ToastService, ToggleLeftIconComponent, ToggleRightIconComponent, ToolIconComponent, TooltipDirective, Trash2IconComponent, TrashIconComponent, 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, VoicemailIconComponent, Volume1IconComponent, Volume2IconComponent, VolumeIconComponent, VolumeXIconComponent, WatchIconComponent, WifiIconComponent, WifiOffIconComponent, WindIconComponent, XCircleIconComponent, XIconComponent, XOctagonIconComponent, XSquareIconComponent, XTwitterIconComponent, Youtube2IconComponent, YoutubeIconComponent, ZapIconComponent, ZapOffIconComponent, ZoomInIconComponent, ZoomOutIconComponent, el, en, esES, frFR, frenchSpacing, iconDisplayName, pl, provideEagamiUi };
+export type { AlertVariant, AutocompleteSize, AvatarEditorCropEvent, AvatarEditorCropState, AvatarEditorShape, AvatarShape, AvatarSize, BadgeSize, BadgeVariant, BreadcrumbClickEvent, BreadcrumbItem, BreadcrumbsSeparator, ButtonSize, ButtonType, ButtonVariant, CardHeaderAlign, CardPadding, CardVariant, CheckboxSize, CodeInputSize, ColorPickerFormat, ColorPickerInputMode, ColorPickerSize, ColorPickerValue, DataTableColumn, DataTableDensity, DataTableSortDirection, DataTableSortState, DatePickerFormat, DatePickerSize, DatePickerValue, DatePickerWeekStart, DialogSize, DividerOrientation, DrawerPosition, DrawerSize, DropdownSize, EagamiI18nConfig, EagamiLocale, EagamiMessages, EagamiMessagesOverride, EagamiWordmarkLayout, EagamiWordmarkVariant, EmptyStateHeadingLevel, EmptyStateSize, IconCategory, IconComponentType, IconMeta, InputSize, InputType, MenuItemVariant, MenuPlacement, PaginatorAlign, PaginatorState, ProgressBarSize, ProgressBarVariant, RadioOrientation, RadioSize, SegmentedSize, SelectOption, SkeletonVariant, SliderSize, SpinnerSize, SwitchSize, TabsSize, TabsVariant, TagSize, TagVariant, TextareaResize, TextareaSize, Toast, ToastOptions, ToastVariant, TooltipPosition };