@eagami/ui 5.23.0 → 5.25.0

package/package.json

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

package/src/styles/_tooltip.scss

@@ -9,9 +9,20 @@
   // returns. Also keeps the box unambiguous once the bubble is promoted into
   // the top layer, where the containing block is the viewport either way.
   position: fixed;
-  // Template content can contain unbreakable element rows (avatars, icon rows)
-  // that a max-width cannot wrap; let the bubble grow instead of clipping them
-  min-width: min-content;
+  // A bubble clamped to the viewport has nowhere left to overflow to, so what
+  // the cap cuts off scrolls inside it. Both axes: template content can hold
+  // rows (avatars, icon rows) too unbreakable to wrap
+  overflow: auto;
+  // The consumer's `maxWidth` arrives as `--ea-tooltip-max-width` so the viewport
+  // cap can win here instead of losing a specificity fight with an inline style.
+  // The directive reads the margin token too, so keep it a px length
+  max-width: min(
+    var(--ea-tooltip-max-width, 100vw),
+    calc(100vw - 2 * var(--ea-tooltip-viewport-margin, 8px))
+  );
+  // dvh, so retracting mobile browser chrome cannot leave the bubble taller than
+  // what the user can actually see
+  max-height: calc(100dvh - 2 * var(--ea-tooltip-viewport-margin, 8px));
   padding: var(--space-1-5) var(--space-2-5);
   font-family: var(--font-family-sans);
   font-size: var(--font-size-xs);
@@ -29,6 +40,17 @@
   animation: ea-tooltip-fade-in var(--duration-fast) var(--ease-out);
   @include ea.elevated-surface-border;
 
+  // An explicit `maxWidth` is a width to wrap at, not only a width to stop at
+  &--wrapping {
+    white-space: normal;
+  }
+
+  // A bubble the cap cut content off from is the one kind worth reaching with a
+  // pointer, since it has a scrollbar; the rest stay click-through
+  &--scrollable {
+    pointer-events: auto;
+  }
+
   @media (hover: none) {
     display: none;
   }
@@ -37,6 +59,8 @@
   // so only the UA's popover geometry needs undoing once it is promoted.
   &[popover] {
     @include ea.top-layer-reset;
+    // the reset clears the UA popover's overflow, which the clamp still needs
+    overflow: auto;
   }
 }
 

package/types/eagami-ui.d.ts

@@ -3571,6 +3571,13 @@ type TooltipPosition = 'top' | 'bottom' | 'left' | 'right';
  * descendant of the host as well as the host itself. A host listener paired
  * with `eaTooltip` has to use `focusin` for the same reason: `focus` does not
  * bubble, so it never fires when the focus lands on a child.
+ *
+ * Bubbles never grow past the viewport: they clamp to it, minus
+ * `--ea-tooltip-viewport-margin` on each side, and scroll whatever the clamp
+ * cuts off. A clamped bubble takes pointer events so that scrollbar is
+ * reachable, which also means it waits `dismissDelay` before hiding rather than
+ * going the moment the pointer leaves the trigger. Bubbles that fit stay
+ * display-only.
  */
 declare class TooltipDirective implements OnDestroy {
     private readonly el;
@@ -3578,14 +3585,26 @@ declare class TooltipDirective implements OnDestroy {
     private readonly viewContainer;
     readonly eaTooltip: _angular_core.InputSignal<string | TemplateRef<unknown>>;
     readonly tooltipPosition: _angular_core.InputSignal<TooltipPosition>;
-    /** Max width in px; the text wraps at this width. Clamped to a 50px floor. */
+    /**
+     * Max width in px; the text wraps at this width. Clamped to a 50px floor, and
+     * to the viewport, which no value can push the bubble past.
+     */
     readonly maxWidth: _angular_core.InputSignal<number | undefined>;
+    /**
+     * Grace period in ms before a bubble the viewport clamp made scrollable hides
+     * after the pointer leaves, long enough to cross the gap onto the bubble and
+     * reach its scrollbar. Bubbles that fit hide immediately.
+     */
+    readonly dismissDelay: _angular_core.InputSignal<number>;
     private tooltipEl;
     private templateView;
+    private scrollable;
+    private hideTimer;
     private readonly tooltipId;
     private readonly hoverMql;
     private readonly showHandler;
     private readonly hideHandler;
+    private readonly bubbleEnterHandler;
     private readonly supportsFocusVisible;
     private readonly focusHandler;
     private readonly keydownHandler;
@@ -3599,14 +3618,18 @@ declare class TooltipDirective implements OnDestroy {
     private syncPointerListeners;
     private show;
     private shrinkToContent;
+    private requestHide;
+    private cancelPendingHide;
     private hide;
     private attachRepositionListeners;
     private detachRepositionListeners;
     private appendDescribedBy;
     private removeDescribedBy;
     private positionTooltip;
+    private viewportMargin;
+    private syncScrollable;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TooltipDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TooltipDirective, "[eaTooltip]", never, { "eaTooltip": { "alias": "eaTooltip"; "required": true; "isSignal": true; }; "tooltipPosition": { "alias": "tooltipPosition"; "required": false; "isSignal": true; }; "maxWidth": { "alias": "maxWidth"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TooltipDirective, "[eaTooltip]", never, { "eaTooltip": { "alias": "eaTooltip"; "required": true; "isSignal": true; }; "tooltipPosition": { "alias": "tooltipPosition"; "required": false; "isSignal": true; }; "maxWidth": { "alias": "maxWidth"; "required": false; "isSignal": true; }; "dismissDelay": { "alias": "dismissDelay"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 /** Semantic colour scheme of a tag. */
@@ -3973,12 +3996,24 @@ declare class TimelineComponent {
 
 /** Semantic colour scheme of a toast. */
 type ToastVariant = 'default' | 'success' | 'warning' | 'error' | 'info';
+/** One run of a toast's title or message. */
+interface ToastSegment {
+    text: string;
+    /** Drawn at full strength, for the part the reader is meant to catch. */
+    strong?: boolean;
+}
+/**
+ * A toast's title or message: a plain string, or segments so the parts worth
+ * catching (a name, a count) can be emphasized. Segments are bound as text and
+ * rendered in order with nothing between them, so they read as one sentence.
+ */
+type ToastText = string | readonly ToastSegment[];
 /** A single live toast notification rendered by `ea-toast`. */
 interface Toast {
     id: number;
-    message: string;
+    message: ToastText;
     /** Heading shown above the message; the message steps back when set. */
-    title?: string;
+    title?: ToastText;
     variant: ToastVariant;
     duration: number;
     /** Icon component rendered in place of the variant's own; `null` renders none. */
@@ -3987,7 +4022,7 @@ interface Toast {
 /** Optional configuration for a toast; defaults to `default` variant and 4s duration. */
 interface ToastOptions {
     /** Heading shown above the message; the message steps back when set. */
-    title?: string;
+    title?: ToastText;
     variant?: ToastVariant;
     duration?: number;
     /** Any icon component to render in place of the variant's own; `null` for no icon. */
@@ -4005,7 +4040,7 @@ declare class ToastService {
     private paused;
     readonly toasts: _angular_core.WritableSignal<Toast[]>;
     /** Shows a toast and returns its id; pass `duration: 0` to disable auto-dismiss. */
-    show(message: string, options?: ToastOptions): number;
+    show(message: ToastText, options?: ToastOptions): number;
     /**
      * Suspends every auto-dismiss countdown, keeping the time each toast has
      * left. The `<ea-toast />` outlet calls this while the pointer or keyboard
@@ -4016,13 +4051,13 @@ declare class ToastService {
     /** Resumes auto-dismiss countdowns suspended by {@link pause}. */
     resume(): void;
     /** Shows a `success` toast and returns its id. */
-    success(message: string, duration?: number): number;
+    success(message: ToastText, duration?: number): number;
     /** Shows an `error` toast and returns its id. */
-    error(message: string, duration?: number): number;
+    error(message: ToastText, duration?: number): number;
     /** Shows a `warning` toast and returns its id. */
-    warning(message: string, duration?: number): number;
+    warning(message: ToastText, duration?: number): number;
     /** Shows an `info` toast and returns its id. */
-    info(message: string, duration?: number): number;
+    info(message: ToastText, duration?: number): number;
     /** Removes the toast with the given id, if it is still active. */
     dismiss(id: number): void;
     /** Removes all currently visible toasts. */
@@ -4053,8 +4088,9 @@ declare class ToastComponent {
     /** Show a dismiss button on each toast. */
     readonly clearable: _angular_core.InputSignal<boolean>;
     protected readonly containerClass: _angular_core.Signal<string>;
-    /** Errors and warnings interrupt like `ea-alert`; the rest wait politely. */
     protected toastRole(variant: string): 'alert' | 'status';
+    protected segmentsOf(text: ToastText): readonly ToastSegment[] | null;
+    protected segmentClass(segment: ToastSegment): string;
     protected onMouseEnter(): void;
     protected onMouseLeave(): void;
     protected onFocusIn(): void;
@@ -7836,4 +7872,4 @@ declare class ZoomOutIconComponent extends IconComponentBase {
 }
 
 export { AccordionComponent, AccordionItemComponent, ActivityIconComponent, AirplayIconComponent, AlertCircleIconComponent, AlertComponent, AlertOctagonIconComponent, AlertTriangleIconComponent, AlignCenterIconComponent, AlignJustifyIconComponent, AlignLeftIconComponent, AlignRightIconComponent, AnchorIconComponent, AndroidIconComponent, AngularIconComponent, AnthropicIconComponent, ApertureIconComponent, ArchiveIconComponent, ArrowDownCircleIconComponent, ArrowDownIconComponent, ArrowDownLeftIconComponent, ArrowDownRightIconComponent, ArrowLeftCircleIconComponent, ArrowLeftIconComponent, ArrowRightCircleIconComponent, ArrowRightIconComponent, ArrowUpCircleIconComponent, ArrowUpIconComponent, ArrowUpLeftIconComponent, ArrowUpRightIconComponent, AspectRatioIconComponent, AtSignIconComponent, AutocompleteComponent, AvatarComponent, AvatarEditorComponent, AwardIconComponent, BadgeCheckIconComponent, BadgeComponent, BarChart2IconComponent, BarChartIconComponent, BatteryChargingIconComponent, BatteryIconComponent, BellIconComponent, BellOffIconComponent, BellRingIconComponent, BitcoinIconComponent, BlueskyIconComponent, BluetoothIconComponent, BoldIconComponent, BookIconComponent, BookOpenIconComponent, BookmarkCheckIconComponent, BookmarkIconComponent, BookmarkPlusIconComponent, BotIconComponent, BottleIconComponent, BoxIconComponent, BrainIconComponent, BreadcrumbsComponent, BriefcaseIconComponent, BugIconComponent, BuildingIconComponent, ButtonComponent, CalculatorIconComponent, CalendarCheckIconComponent, CalendarDaysIconComponent, CalendarIconComponent, CameraIconComponent, CameraOffIconComponent, CandleIconComponent, CardComponent, CastIconComponent, CheckCircleIconComponent, CheckIconComponent, CheckSquareIconComponent, CheckboxComponent, ChevronDownIconComponent, ChevronLeftIconComponent, ChevronRightIconComponent, ChevronUpIconComponent, ChevronsDownIconComponent, ChevronsLeftIconComponent, ChevronsRightIconComponent, ChevronsUpDownIconComponent, ChevronsUpIconComponent, ChromeIconComponent, CircleIconComponent, ClapperboardIconComponent, ClipboardCheckIconComponent, ClipboardIconComponent, ClipboardListIconComponent, ClockIconComponent, CloudDrizzleIconComponent, CloudIconComponent, CloudLightningIconComponent, CloudOffIconComponent, CloudRainIconComponent, CloudSnowIconComponent, CloudflareIconComponent, CodeIconComponent, CodeInputComponent, CodepenIconComponent, CodesandboxIconComponent, CoffeeIconComponent, CoinsIconComponent, ColorPickerComponent, ColumnsIconComponent, CommandIconComponent, CommandPaletteComponent, CompassIconComponent, CopyIconComponent, CornerDownLeftIconComponent, CornerDownRightIconComponent, CornerLeftDownIconComponent, CornerLeftUpIconComponent, CornerRightDownIconComponent, CornerRightUpIconComponent, CornerUpLeftIconComponent, CornerUpRightIconComponent, CpuIconComponent, CreditCardIconComponent, CropIconComponent, CrosshairIconComponent, DEFAULT_PALETTE_ROLES, DataTableComponent, DatabaseIconComponent, DatePickerComponent, DeleteIconComponent, DialogComponent, DiscIconComponent, DiscordIconComponent, DivideCircleIconComponent, DivideIconComponent, DivideSquareIconComponent, DividerComponent, DockerIconComponent, DollarSignIconComponent, DownloadCloudIconComponent, DownloadIconComponent, DrawerComponent, DribbbleIconComponent, DropboxIconComponent, DropdownComponent, DropletIconComponent, EAGAMI_ALL_LOCALES, EAGAMI_I18N_CONFIG, EAGAMI_LOCALES, EAGAMI_LOCALE_META, EagamiI18nService, EagamiIconComponent, EagamiWordmarkComponent, Edit2IconComponent, Edit3IconComponent, EditIconComponent, EmptyStateComponent, ExternalLinkIconComponent, EyeIconComponent, EyeOffIconComponent, Facebook2IconComponent, FacebookIconComponent, FastForwardIconComponent, FeatherIconComponent, FieldLabelComponent, FieldMessagesComponent, Figma2IconComponent, FigmaIconComponent, FileAudioIconComponent, FileCheckIconComponent, FileIconComponent, FileImageIconComponent, FileMinusIconComponent, FilePdfIconComponent, FilePlusIconComponent, FileTextIconComponent, FileUploaderComponent, FileVideoIconComponent, FilmIconComponent, FilterIconComponent, FilterXIconComponent, FingerprintIconComponent, FlagIconComponent, FlameIconComponent, FolderIconComponent, FolderMinusIconComponent, FolderOpenIconComponent, FolderPlusIconComponent, FormFieldComponent, FramerIconComponent, FrownIconComponent, GaugeIconComponent, GeminiIconComponent, GiftIconComponent, GitBranchIconComponent, GitCommitIconComponent, GitCompareIconComponent, GitMergeIconComponent, GitPullRequestIconComponent, Github2IconComponent, GithubIconComponent, GitlabIconComponent, GlobeIconComponent, GoogleIconComponent, GridIconComponent, HalfCircleIconComponent, HalfHeartIconComponent, HardDriveIconComponent, HashIconComponent, HeadphonesIconComponent, HeartIconComponent, HelpCircleIconComponent, HeptagonIconComponent, HexagonIconComponent, HistoryIconComponent, HomeIconComponent, ICONS, IconComponentBase, ImageIconComponent, ImagesIconComponent, InboxIconComponent, InfoIconComponent, InputComponent, InstagramIconComponent, ItalicIconComponent, KeyIconComponent, KeyboardIconComponent, KeyframeIconComponent, KubernetesIconComponent, LampIconComponent, LanguagesIconComponent, LayersIconComponent, LayoutIconComponent, LeafIconComponent, LeftHalfStarIconComponent, LifeBuoyIconComponent, LightbulbIconComponent, Link2IconComponent, LinkIconComponent, Linkedin2IconComponent, LinkedinIconComponent, ListChecksIconComponent, ListIconComponent, LoaderIconComponent, LockIconComponent, LogInIconComponent, LogOutIconComponent, MailCheckIconComponent, MailIconComponent, MapIconComponent, MapPinIconComponent, MastercardIconComponent, Maximize2IconComponent, MaximizeIconComponent, MegaphoneIconComponent, 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, NodejsIconComponent, NotionIconComponent, NpmIconComponent, NumberInputComponent, OctagonIconComponent, PackageIconComponent, PaginatorComponent, PaletteIconComponent, PaperclipIconComponent, PauseCircleIconComponent, PauseIconComponent, PaypalIconComponent, PenToolIconComponent, PentagonIconComponent, PercentIconComponent, PhoneCallIconComponent, PhoneForwardedIconComponent, PhoneIconComponent, PhoneIncomingIconComponent, PhoneMissedIconComponent, PhoneOffIconComponent, PhoneOutgoingIconComponent, PictureInPictureIconComponent, PieChartIconComponent, PinIconComponent, PinterestIconComponent, PlayCircleIconComponent, PlayIconComponent, PlaylistIconComponent, PlugIconComponent, PlusCircleIconComponent, PlusIconComponent, PlusSquareIconComponent, PocketIconComponent, PopoverComponent, PowerIconComponent, PrinterIconComponent, ProgressBarComponent, PythonIconComponent, QrCodeIconComponent, RadioComponent, RadioGroupComponent, RadioIconComponent, RangeSliderComponent, RatingComponent, ReactIconComponent, ReceiptIconComponent, RecordIconComponent, RectangleHorizontalIconComponent, RectangleVerticalIconComponent, RedditIconComponent, RedoIconComponent, RefreshCcwIconComponent, RefreshCwIconComponent, RepeatIconComponent, RewindIconComponent, RightHalfStarIconComponent, RocketIconComponent, RotateCcwIconComponent, RotateCwIconComponent, RssIconComponent, SaveIconComponent, ScanIconComponent, ScissorsIconComponent, SearchIconComponent, SegmentedComponent, SendIconComponent, ServerIconComponent, SettingsIconComponent, ShareIconComponent, ShieldCheckIconComponent, ShieldIconComponent, ShieldOffIconComponent, ShopifyIconComponent, ShoppingBagIconComponent, ShoppingCartIconComponent, ShuffleIconComponent, SidebarIconComponent, SkeletonComponent, SkipBackIconComponent, SkipForwardIconComponent, Slack2IconComponent, SlackIconComponent, SlashIconComponent, SliderComponent, SlidersIconComponent, SmartphoneIconComponent, SmileIconComponent, SnowflakeIconComponent, SoccerBallIconComponent, SparklesIconComponent, SpeakerIconComponent, SpinnerComponent, SpotifyIconComponent, SquareIconComponent, StarIconComponent, StepComponent, StepperComponent, StopCircleIconComponent, StripeIconComponent, SubtitlesIconComponent, SunIconComponent, SunriseIconComponent, SunsetIconComponent, SvelteIconComponent, SwitchComponent, TabComponent, TableIconComponent, TabletIconComponent, TabsComponent, TagComponent, TagIconComponent, TailwindIconComponent, TargetIconComponent, TelegramIconComponent, TerminalIconComponent, TextareaComponent, ThermometerIconComponent, ThreadsIconComponent, ThumbsDownIconComponent, ThumbsUpIconComponent, TiktokIconComponent, TimePickerComponent, TimecodeIconComponent, TimelineComponent, TimerIconComponent, ToastComponent, ToastService, ToggleLeftIconComponent, ToggleRightIconComponent, ToolIconComponent, TooltipDirective, TranscodeIconComponent, TransferListComponent, Trash2IconComponent, TrashIconComponent, TreeComponent, TrelloIconComponent, TrendingDownIconComponent, TrendingUpIconComponent, TriangleIconComponent, TrimIconComponent, TrophyIconComponent, TruckIconComponent, TvIconComponent, Twitch2IconComponent, TwitchIconComponent, TwitterIconComponent, TypeIconComponent, UmbrellaIconComponent, UnderlineIconComponent, UndoIconComponent, UnlockIconComponent, UploadCloudIconComponent, UploadIconComponent, UserCheckIconComponent, UserIconComponent, UserMinusIconComponent, UserPlusIconComponent, UserXIconComponent, UsersIconComponent, VercelIconComponent, VideoIconComponent, VideoOffIconComponent, VirtualListComponent, VoicemailIconComponent, Volume1IconComponent, Volume2IconComponent, VolumeIconComponent, VolumeXIconComponent, VueIconComponent, WCAG_AA, WalletIconComponent, WandIconComponent, WatchIconComponent, WaveformIconComponent, WhatsappIconComponent, WifiIconComponent, WifiOffIconComponent, WindIconComponent, WordpressIconComponent, XCircleIconComponent, XIconComponent, XOctagonIconComponent, XSquareIconComponent, XTwitterIconComponent, Youtube2IconComponent, YoutubeIconComponent, ZapIconComponent, ZapOffIconComponent, ZoomInIconComponent, ZoomOutIconComponent, applyPalette, ar, computePopoverPosition, contrastRatio, de, derivePalette, el, en, esES, formatViolations, frFR, frenchSpacing, he, hexToOklch, hi, iconDisplayName, is, isGrouped, nl, oklchToHex, pl, provideEagamiUi, ptBR, relativeLuminance, ru, uk, validatePalette, visibleNodeIds, walkTree, zhCN };
-export type { AccordionHeadingLevel, AccordionSize, AlertSize, AlertVariant, AutocompleteSize, AvatarEditorCropEvent, AvatarEditorCropState, AvatarEditorShape, AvatarShape, AvatarSize, BadgeShape, BadgeSize, BadgeVariant, BreadcrumbClickEvent, BreadcrumbItem, BreadcrumbsSeparator, BreadcrumbsSize, ButtonSize, ButtonType, ButtonVariant, CardHeaderAlign, CardPadding, CardVariant, CheckboxSize, CodeInputSize, ColorPickerFormat, ColorPickerInputMode, ColorPickerSize, ColorPickerValue, CommandPaletteItem, ContrastSurfaces, ContrastViolation, DataTableColumn, DataTableDensity, DataTableSize, DataTableSortDirection, DataTableSortState, DatePickerFormat, DatePickerSize, DatePickerValue, DatePickerWeekStart, DerivedPalette, DialogWidth, DividerOrientation, DrawerAnimation, DrawerMode, DrawerPosition, DrawerSize, DropdownSize, EaErrorMessages, EaSize, EaValidationErrorKey, EaWidth, EagamiI18nConfig, EagamiLocale, EagamiLocaleBundle, EagamiLocaleLoader, EagamiLocaleMeta, EagamiMessages, EagamiMessagesOverride, EagamiPaletteConfig, EagamiUiConfig, EagamiWordmarkLayout, EagamiWordmarkVariant, EmptyStateHeadingLevel, EmptyStateSize, FileUploaderRejection, FileUploaderRejectionReason, FileUploaderSize, FormFieldSize, IconCategory, IconComponentType, IconMeta, InputSize, InputType, MenuItemVariant, MenuPlacement, MenuSize, ModePalette, ModeSurfaces, MultiSelectSize, NumberInputSize, PaginatorAlign, PaginatorSize, PaginatorState, PaletteConfig, PaletteRoles, PaletteShade, PopoverMaxWidth, PopoverPlacement, PopoverPositionOptions, PopoverPositionResult, PopoverRole, PopoverScrollBehavior, ProgressBarSize, ProgressBarVariant, RadioOrientation, RadioSize, RangeSliderSize, RangeSliderValue, RatingSize, RatingStarState, SegmentedSize, SelectOption, SelectOptionGroup, SelectOptions, SkeletonVariant, SliderSize, SpinnerSize, StepperOrientation, StepperSize, SwitchSize, TabsSize, TabsVariant, TagSize, TagTooltip, TagVariant, TextareaResize, TextareaSize, TimePickerFormat, TimePickerSize, TimelineAlign, TimelineItem, TimelineItemColor, TimelineOrientation, TimelineSize, Toast, ToastOptions, ToastPosition, ToastSize, ToastVariant, TooltipPosition, TransferListItem, TransferListSize, TreeNode, TreeSize, VirtualListItemContext };
+export type { AccordionHeadingLevel, AccordionSize, AlertSize, AlertVariant, AutocompleteSize, AvatarEditorCropEvent, AvatarEditorCropState, AvatarEditorShape, AvatarShape, AvatarSize, BadgeShape, BadgeSize, BadgeVariant, BreadcrumbClickEvent, BreadcrumbItem, BreadcrumbsSeparator, BreadcrumbsSize, ButtonSize, ButtonType, ButtonVariant, CardHeaderAlign, CardPadding, CardVariant, CheckboxSize, CodeInputSize, ColorPickerFormat, ColorPickerInputMode, ColorPickerSize, ColorPickerValue, CommandPaletteItem, ContrastSurfaces, ContrastViolation, DataTableColumn, DataTableDensity, DataTableSize, DataTableSortDirection, DataTableSortState, DatePickerFormat, DatePickerSize, DatePickerValue, DatePickerWeekStart, DerivedPalette, DialogWidth, DividerOrientation, DrawerAnimation, DrawerMode, DrawerPosition, DrawerSize, DropdownSize, EaErrorMessages, EaSize, EaValidationErrorKey, EaWidth, EagamiI18nConfig, EagamiLocale, EagamiLocaleBundle, EagamiLocaleLoader, EagamiLocaleMeta, EagamiMessages, EagamiMessagesOverride, EagamiPaletteConfig, EagamiUiConfig, EagamiWordmarkLayout, EagamiWordmarkVariant, EmptyStateHeadingLevel, EmptyStateSize, FileUploaderRejection, FileUploaderRejectionReason, FileUploaderSize, FormFieldSize, IconCategory, IconComponentType, IconMeta, InputSize, InputType, MenuItemVariant, MenuPlacement, MenuSize, ModePalette, ModeSurfaces, MultiSelectSize, NumberInputSize, PaginatorAlign, PaginatorSize, PaginatorState, PaletteConfig, PaletteRoles, PaletteShade, PopoverMaxWidth, PopoverPlacement, PopoverPositionOptions, PopoverPositionResult, PopoverRole, PopoverScrollBehavior, ProgressBarSize, ProgressBarVariant, RadioOrientation, RadioSize, RangeSliderSize, RangeSliderValue, RatingSize, RatingStarState, SegmentedSize, SelectOption, SelectOptionGroup, SelectOptions, SkeletonVariant, SliderSize, SpinnerSize, StepperOrientation, StepperSize, SwitchSize, TabsSize, TabsVariant, TagSize, TagTooltip, TagVariant, TextareaResize, TextareaSize, TimePickerFormat, TimePickerSize, TimelineAlign, TimelineItem, TimelineItemColor, TimelineOrientation, TimelineSize, Toast, ToastOptions, ToastPosition, ToastSegment, ToastSize, ToastText, ToastVariant, TooltipPosition, TransferListItem, TransferListSize, TreeNode, TreeSize, VirtualListItemContext };