@masmarino/gabarit 0.4.0 → 0.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@masmarino/gabarit",
3
- "version": "0.4.0",
3
+ "version": "0.5.0",
4
4
  "description": "Angular design system — UI components and dataviz for self-hosted applications.",
5
5
  "license": "MIT",
6
6
  "homepage": "https://github.com/Masmarino/Gabarit",
@@ -36,6 +36,9 @@
36
36
  --color-error-bg: var(--red-100);
37
37
  --color-error-bg-text: var(--red-800);
38
38
 
39
+ --color-info-bg: #dbeafe;
40
+ --color-info-bg-text: #1e40af;
41
+
39
42
  --bg-inverse: var(--grey-900);
40
43
 
41
44
  --color-success-vivid-base: var(--green-500);
@@ -100,6 +103,9 @@
100
103
  --color-error-bg: var(--red-900);
101
104
  --color-error-bg-text: var(--red-100);
102
105
 
106
+ --color-info-bg: #1e3a8a;
107
+ --color-info-bg-text: #dbeafe;
108
+
103
109
  --chart-series-1-base: #e69f00;
104
110
  --chart-series-2-base: #009e73;
105
111
  --chart-series-3-base: #0072b2;
@@ -1,10 +1,10 @@
1
1
  import * as _angular_platform_browser from '@angular/platform-browser';
2
2
  import * as _angular_core from '@angular/core';
3
3
  import { OnDestroy, TemplateRef, ElementRef, InjectionToken, Signal } from '@angular/core';
4
- import { ControlValueAccessor } from '@angular/forms';
4
+ import { ControlValueAccessor, FormControl } from '@angular/forms';
5
5
  import { Observable } from 'rxjs';
6
6
 
7
- declare const GABARIT_VERSION = "0.4.0";
7
+ declare const GABARIT_VERSION = "0.5.0";
8
8
 
9
9
  declare class Icon {
10
10
  private readonly sanitizer;
@@ -66,11 +66,101 @@ declare class Button {
66
66
  static ɵcmp: _angular_core.ɵɵComponentDeclaration<Button, "gbt-button", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "iconName": { "alias": "iconName"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "loadingLabel": { "alias": "loadingLabel"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "clicked": "clicked"; }, never, never, true, never>;
67
67
  }
68
68
 
69
+ type BadgeVariant = 'neutral' | 'success' | 'warning' | 'error' | 'info';
70
+ declare class Badge {
71
+ variant: _angular_core.InputSignal<BadgeVariant>;
72
+ icon: _angular_core.InputSignal<string | undefined>;
73
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<Badge, never>;
74
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<Badge, "gbt-badge", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
75
+ }
76
+
77
+ type EmptyStateIllustration = 'folder' | 'star' | 'checklist' | 'merge' | 'pipeline' | 'tag' | 'book';
78
+ declare class EmptyState {
79
+ illustration: _angular_core.InputSignal<EmptyStateIllustration>;
80
+ heading: _angular_core.InputSignal<string>;
81
+ message: _angular_core.InputSignal<string>;
82
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<EmptyState, never>;
83
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<EmptyState, "gbt-empty-state", never, { "illustration": { "alias": "illustration"; "required": true; "isSignal": true; }; "heading": { "alias": "heading"; "required": true; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
84
+ }
85
+
86
+ interface SelectOption<T = string> {
87
+ value: T;
88
+ label: string;
89
+ icon?: string;
90
+ }
91
+ declare class Select<T = string> implements ControlValueAccessor {
92
+ private readonly elementRef;
93
+ id: _angular_core.InputSignal<string>;
94
+ label: _angular_core.InputSignal<string>;
95
+ size: _angular_core.InputSignal<"md" | "sm">;
96
+ options: _angular_core.InputSignal<SelectOption<T>[]>;
97
+ multiple: _angular_core.InputSignalWithTransform<boolean, unknown>;
98
+ placeholder: _angular_core.InputSignal<string>;
99
+ disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
100
+ required: _angular_core.InputSignalWithTransform<boolean, unknown>;
101
+ errorMessage: _angular_core.InputSignal<string | null>;
102
+ selectedCountLabel: _angular_core.InputSignal<(count: number) => string>;
103
+ protected readonly open: _angular_core.WritableSignal<boolean>;
104
+ protected readonly activeIndex: _angular_core.WritableSignal<number>;
105
+ protected readonly selected: _angular_core.WritableSignal<T[]>;
106
+ protected readonly panelStyle: _angular_core.WritableSignal<{
107
+ top: string;
108
+ left: string;
109
+ width: string;
110
+ } | null>;
111
+ private readonly formDisabled;
112
+ protected readonly labelId: _angular_core.Signal<string>;
113
+ protected readonly isDisabled: _angular_core.Signal<boolean>;
114
+ private onChange;
115
+ private onTouched;
116
+ setDisabledState(isDisabled: boolean): void;
117
+ writeValue(value: T | T[] | null): void;
118
+ registerOnChange(fn: (value: T | T[] | null) => void): void;
119
+ registerOnTouched(fn: () => void): void;
120
+ protected readonly selectedOptions: _angular_core.Signal<SelectOption<T>[]>;
121
+ protected readonly triggerLabel: _angular_core.Signal<string>;
122
+ protected readonly triggerIcon: _angular_core.Signal<string | undefined>;
123
+ protected readonly activeOptionId: _angular_core.Signal<string | null>;
124
+ protected isSelected(value: T): boolean;
125
+ protected toggleOpen(): void;
126
+ protected updatePanelPosition(): void;
127
+ protected selectOption(value: T): void;
128
+ protected handleClickOutside(event: MouseEvent): void;
129
+ protected onKeydown(event: KeyboardEvent): void;
130
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<Select<any>, never>;
131
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<Select<any>, "gbt-select", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": true; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "errorMessage": { "alias": "errorMessage"; "required": false; "isSignal": true; }; "selectedCountLabel": { "alias": "selectedCountLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
132
+ }
133
+
134
+ interface ListToolbarSortOption<T extends string = string> {
135
+ value: T;
136
+ label: string;
137
+ }
138
+ declare class ListToolbar<T extends string = string> {
139
+ searchValue: _angular_core.InputSignal<string>;
140
+ searchLabel: _angular_core.InputSignal<string>;
141
+ searchPlaceholder: _angular_core.InputSignal<string>;
142
+ sortOptions: _angular_core.InputSignal<ListToolbarSortOption<T>[]>;
143
+ sortValue: _angular_core.InputSignal<T>;
144
+ sortDirection: _angular_core.InputSignal<"desc" | "asc">;
145
+ sortLabel: _angular_core.InputSignal<string>;
146
+ directionLabel: _angular_core.InputSignal<string>;
147
+ searchValueChange: _angular_core.OutputEmitterRef<string>;
148
+ sortValueChange: _angular_core.OutputEmitterRef<T>;
149
+ sortDirectionChange: _angular_core.OutputEmitterRef<"desc" | "asc">;
150
+ protected readonly searchControl: FormControl<string>;
151
+ protected readonly sortControl: FormControl<T | null>;
152
+ constructor();
153
+ protected asSelectOptions(options: ListToolbarSortOption<T>[]): SelectOption<T>[];
154
+ protected toggleDirection(): void;
155
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<ListToolbar<any>, never>;
156
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<ListToolbar<any>, "gbt-list-toolbar", never, { "searchValue": { "alias": "searchValue"; "required": false; "isSignal": true; }; "searchLabel": { "alias": "searchLabel"; "required": true; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; "sortOptions": { "alias": "sortOptions"; "required": true; "isSignal": true; }; "sortValue": { "alias": "sortValue"; "required": true; "isSignal": true; }; "sortDirection": { "alias": "sortDirection"; "required": false; "isSignal": true; }; "sortLabel": { "alias": "sortLabel"; "required": false; "isSignal": true; }; "directionLabel": { "alias": "directionLabel"; "required": false; "isSignal": true; }; }, { "searchValueChange": "searchValueChange"; "sortValueChange": "sortValueChange"; "sortDirectionChange": "sortDirectionChange"; }, never, never, true, never>;
157
+ }
158
+
69
159
  declare class Card {
70
160
  hoverable: _angular_core.InputSignalWithTransform<boolean, unknown>;
71
161
  heading: _angular_core.InputSignal<string>;
72
162
  icon: _angular_core.InputSignal<string>;
73
- headingLevel: _angular_core.InputSignal<2 | 1 | 3 | 4 | 5 | 6>;
163
+ headingLevel: _angular_core.InputSignal<2 | 1 | 6 | 3 | 4 | 5>;
74
164
  protected readonly cardClass: _angular_core.Signal<string>;
75
165
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<Card, never>;
76
166
  static ɵcmp: _angular_core.ɵɵComponentDeclaration<Card, "gbt-card", never, { "hoverable": { "alias": "hoverable"; "required": false; "isSignal": true; }; "heading": { "alias": "heading"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "headingLevel": { "alias": "headingLevel"; "required": false; "isSignal": true; }; }, {}, never, ["[card-header-actions]", "*"], true, never>;
@@ -124,57 +214,10 @@ declare class Checkbox implements ControlValueAccessor {
124
214
  static ɵcmp: _angular_core.ɵɵComponentDeclaration<Checkbox, "gbt-checkbox", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
125
215
  }
126
216
 
127
- interface SelectOption<T = string> {
128
- value: T;
129
- label: string;
130
- icon?: string;
131
- }
132
- declare class Select<T = string> implements ControlValueAccessor {
133
- private readonly elementRef;
134
- id: _angular_core.InputSignal<string>;
135
- label: _angular_core.InputSignal<string>;
136
- options: _angular_core.InputSignal<SelectOption<T>[]>;
137
- multiple: _angular_core.InputSignalWithTransform<boolean, unknown>;
138
- placeholder: _angular_core.InputSignal<string>;
139
- disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
140
- required: _angular_core.InputSignalWithTransform<boolean, unknown>;
141
- errorMessage: _angular_core.InputSignal<string | null>;
142
- selectedCountLabel: _angular_core.InputSignal<(count: number) => string>;
143
- protected readonly open: _angular_core.WritableSignal<boolean>;
144
- protected readonly activeIndex: _angular_core.WritableSignal<number>;
145
- protected readonly selected: _angular_core.WritableSignal<T[]>;
146
- protected readonly panelStyle: _angular_core.WritableSignal<{
147
- top: string;
148
- left: string;
149
- width: string;
150
- } | null>;
151
- private readonly formDisabled;
152
- protected readonly labelId: _angular_core.Signal<string>;
153
- protected readonly isDisabled: _angular_core.Signal<boolean>;
154
- private onChange;
155
- private onTouched;
156
- setDisabledState(isDisabled: boolean): void;
157
- writeValue(value: T | T[] | null): void;
158
- registerOnChange(fn: (value: T | T[] | null) => void): void;
159
- registerOnTouched(fn: () => void): void;
160
- protected readonly selectedOptions: _angular_core.Signal<SelectOption<T>[]>;
161
- protected readonly triggerLabel: _angular_core.Signal<string>;
162
- protected readonly triggerIcon: _angular_core.Signal<string | undefined>;
163
- protected readonly activeOptionId: _angular_core.Signal<string | null>;
164
- protected isSelected(value: T): boolean;
165
- protected toggleOpen(): void;
166
- protected updatePanelPosition(): void;
167
- protected selectOption(value: T): void;
168
- protected handleClickOutside(event: MouseEvent): void;
169
- protected onKeydown(event: KeyboardEvent): void;
170
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<Select<any>, never>;
171
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<Select<any>, "gbt-select", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": true; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "errorMessage": { "alias": "errorMessage"; "required": false; "isSignal": true; }; "selectedCountLabel": { "alias": "selectedCountLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
172
- }
173
-
174
217
  declare class Modal implements OnDestroy {
175
218
  isOpen: _angular_core.InputSignal<boolean>;
176
219
  heading: _angular_core.InputSignal<string>;
177
- headingLevel: _angular_core.InputSignal<2 | 1 | 3 | 4 | 5 | 6>;
220
+ headingLevel: _angular_core.InputSignal<2 | 1 | 6 | 3 | 4 | 5>;
178
221
  closeLabel: _angular_core.InputSignal<string>;
179
222
  closed: _angular_core.OutputEmitterRef<void>;
180
223
  private readonly dialog;
@@ -289,12 +332,12 @@ declare class Tabs {
289
332
  id: _angular_core.InputSignal<string>;
290
333
  protected readonly tabs: _angular_core.Signal<readonly Tab[]>;
291
334
  private readonly triggers;
292
- protected readonly activeIndex: _angular_core.WritableSignal<number>;
335
+ activeIndex: _angular_core.ModelSignal<number>;
293
336
  constructor();
294
337
  protected select(index: number): void;
295
338
  protected onKeydown(event: KeyboardEvent, index: number): void;
296
339
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<Tabs, never>;
297
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<Tabs, "gbt-tabs", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; }, {}, ["tabs"], ["*"], true, never>;
340
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<Tabs, "gbt-tabs", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "activeIndex": { "alias": "activeIndex"; "required": false; "isSignal": true; }; }, { "activeIndex": "activeIndexChange"; }, ["tabs"], ["*"], true, never>;
298
341
  }
299
342
 
300
343
  interface Scale<T> {
@@ -379,7 +422,7 @@ declare class ChartFrame {
379
422
  private readonly context;
380
423
  label: _angular_core.InputSignal<string>;
381
424
  heading: _angular_core.InputSignal<string>;
382
- headingLevel: _angular_core.InputSignal<2 | 1 | 3 | 4 | 5 | 6>;
425
+ headingLevel: _angular_core.InputSignal<2 | 1 | 6 | 3 | 4 | 5>;
383
426
  headline: _angular_core.InputSignal<string>;
384
427
  trend: _angular_core.InputSignal<string>;
385
428
  x: _angular_core.InputSignal<AxisSpec>;
@@ -516,7 +559,7 @@ declare class LineChart<X extends number | Date> {
516
559
  height: number;
517
560
  } | null>;
518
561
  heading: _angular_core.InputSignal<string>;
519
- headingLevel: _angular_core.InputSignal<2 | 1 | 3 | 4 | 5 | 6>;
562
+ headingLevel: _angular_core.InputSignal<2 | 1 | 6 | 3 | 4 | 5>;
520
563
  headline: _angular_core.InputSignal<string>;
521
564
  trend: _angular_core.InputSignal<string>;
522
565
  protected readonly activeIndex: _angular_core.WritableSignal<number | null>;
@@ -572,7 +615,7 @@ declare class BarChart {
572
615
  height: number;
573
616
  } | null>;
574
617
  heading: _angular_core.InputSignal<string>;
575
- headingLevel: _angular_core.InputSignal<2 | 1 | 3 | 4 | 5 | 6>;
618
+ headingLevel: _angular_core.InputSignal<2 | 1 | 6 | 3 | 4 | 5>;
576
619
  headline: _angular_core.InputSignal<string>;
577
620
  trend: _angular_core.InputSignal<string>;
578
621
  protected readonly hasData: _angular_core.Signal<boolean>;
@@ -619,7 +662,7 @@ declare class TimelineChart {
619
662
  height: number;
620
663
  } | null>;
621
664
  heading: _angular_core.InputSignal<string>;
622
- headingLevel: _angular_core.InputSignal<2 | 1 | 3 | 4 | 5 | 6>;
665
+ headingLevel: _angular_core.InputSignal<2 | 1 | 6 | 3 | 4 | 5>;
623
666
  headline: _angular_core.InputSignal<string>;
624
667
  trend: _angular_core.InputSignal<string>;
625
668
  protected readonly hasData: _angular_core.Signal<boolean>;
@@ -793,6 +836,38 @@ declare class Menu {
793
836
  static ɵcmp: _angular_core.ɵɵComponentDeclaration<Menu, "gbt-menu", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; "triggerIcon": { "alias": "triggerIcon"; "required": false; "isSignal": true; }; }, { "opened": "opened"; }, never, ["*"], true, never>;
794
837
  }
795
838
 
839
+ declare const ELLIPSIS: "\u2026";
840
+ type PaginationItem = number | typeof ELLIPSIS;
841
+ declare class Pagination {
842
+ page: _angular_core.InputSignal<number>;
843
+ pageSize: _angular_core.InputSignal<number>;
844
+ totalItems: _angular_core.InputSignal<number>;
845
+ siblingCount: _angular_core.InputSignal<number>;
846
+ disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
847
+ ariaLabel: _angular_core.InputSignal<string>;
848
+ previousLabel: _angular_core.InputSignal<string>;
849
+ nextLabel: _angular_core.InputSignal<string>;
850
+ pageLabel: _angular_core.InputSignal<(page: number) => string>;
851
+ pageSizeOptions: _angular_core.InputSignal<number[]>;
852
+ pageSizeLabel: _angular_core.InputSignal<(size: number) => string>;
853
+ pageSizeSelectLabel: _angular_core.InputSignal<string>;
854
+ showItemsSummary: _angular_core.InputSignalWithTransform<boolean, unknown>;
855
+ itemsSummaryLabel: _angular_core.InputSignal<(shown: number, total: number) => string>;
856
+ pageChange: _angular_core.OutputEmitterRef<number>;
857
+ pageSizeChange: _angular_core.OutputEmitterRef<number>;
858
+ protected readonly ELLIPSIS: "…";
859
+ protected readonly pageCount: _angular_core.Signal<number>;
860
+ protected readonly items: _angular_core.Signal<PaginationItem[]>;
861
+ protected readonly itemsShown: _angular_core.Signal<number>;
862
+ protected readonly itemsSummary: _angular_core.Signal<string>;
863
+ protected readonly pageSizeSelectOptions: _angular_core.Signal<SelectOption<number>[]>;
864
+ protected readonly pageSizeControl: FormControl<number>;
865
+ constructor();
866
+ protected goTo(page: number): void;
867
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<Pagination, never>;
868
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<Pagination, "gbt-pagination", never, { "page": { "alias": "page"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "totalItems": { "alias": "totalItems"; "required": true; "isSignal": true; }; "siblingCount": { "alias": "siblingCount"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "previousLabel": { "alias": "previousLabel"; "required": false; "isSignal": true; }; "nextLabel": { "alias": "nextLabel"; "required": false; "isSignal": true; }; "pageLabel": { "alias": "pageLabel"; "required": false; "isSignal": true; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; "isSignal": true; }; "pageSizeLabel": { "alias": "pageSizeLabel"; "required": false; "isSignal": true; }; "pageSizeSelectLabel": { "alias": "pageSizeSelectLabel"; "required": false; "isSignal": true; }; "showItemsSummary": { "alias": "showItemsSummary"; "required": false; "isSignal": true; }; "itemsSummaryLabel": { "alias": "itemsSummaryLabel"; "required": false; "isSignal": true; }; }, { "pageChange": "pageChange"; "pageSizeChange": "pageSizeChange"; }, never, never, true, never>;
869
+ }
870
+
796
871
  declare class Breadcrumb {
797
872
  ariaLabel: _angular_core.InputSignal<string>;
798
873
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<Breadcrumb, never>;
@@ -993,5 +1068,5 @@ declare class Autocomplete<T = unknown> implements ControlValueAccessor, OnDestr
993
1068
  static ɵcmp: _angular_core.ɵɵComponentDeclaration<Autocomplete<any>, "gbt-autocomplete", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "errorMessage": { "alias": "errorMessage"; "required": false; "isSignal": true; }; "search": { "alias": "search"; "required": true; "isSignal": true; }; "displayFn": { "alias": "displayFn"; "required": false; "isSignal": true; }; "itemTemplate": { "alias": "itemTemplate"; "required": false; "isSignal": true; }; "debounceMs": { "alias": "debounceMs"; "required": false; "isSignal": true; }; "minLength": { "alias": "minLength"; "required": false; "isSignal": true; }; "loadingMessage": { "alias": "loadingMessage"; "required": false; "isSignal": true; }; "noResultsMessage": { "alias": "noResultsMessage"; "required": false; "isSignal": true; }; "searchErrorMessage": { "alias": "searchErrorMessage"; "required": false; "isSignal": true; }; "resultsAnnouncement": { "alias": "resultsAnnouncement"; "required": false; "isSignal": true; }; }, { "itemSelected": "itemSelected"; }, never, never, true, never>;
994
1069
  }
995
1070
 
996
- export { AppShell, Autocomplete, BarChart, BarSeries, Breadcrumb, Button, CHART_CONTEXT, Card, ChartAxis, ChartEmpty, ChartFrame, ChartLegend, ChartTable, ChartTooltip, Checkbox, ConfirmDangerModal, DimensionCard, FunnelChart, GABARIT_VERSION, GaugeBar, GbtInput, Icon, IconRegistry, LineChart, LineSeries, Menu, Modal, RadioGroup, SearchBar, Select, Sparkline, Switch, Tab, Table, Tabs, Textarea, TimelineChart, TimelineSeries, Toaster, Tooltip, areaPath, bandScale, formatCompact, formatDuration, formatNumber, formatPercent, linePath, linearScale, nearestIndex, niceTicks, niceXDomain, niceYDomain, timeScale, timeTicks };
997
- export type { AutocompleteSearchFn, AxisSpec, BandScale, ChartBox, ChartInterval, ChartMargin, ChartPoint, ChartReader, ChartSeries, DimensionRow, FunnelStep, LegendEntry, LinearAxisSpec, Point, PointValue, RadioOption, Scale, SearchResultCategory, SelectOption, TableColumn, TimeTicks, TimeUnit, ToastItem, ToastVariant, ToasterPosition, TooltipPoint, TooltipPosition, TooltipRow };
1071
+ export { AppShell, Autocomplete, Badge, BarChart, BarSeries, Breadcrumb, Button, CHART_CONTEXT, Card, ChartAxis, ChartEmpty, ChartFrame, ChartLegend, ChartTable, ChartTooltip, Checkbox, ConfirmDangerModal, DimensionCard, EmptyState, FunnelChart, GABARIT_VERSION, GaugeBar, GbtInput, Icon, IconRegistry, LineChart, LineSeries, ListToolbar, Menu, Modal, Pagination, RadioGroup, SearchBar, Select, Sparkline, Switch, Tab, Table, Tabs, Textarea, TimelineChart, TimelineSeries, Toaster, Tooltip, areaPath, bandScale, formatCompact, formatDuration, formatNumber, formatPercent, linePath, linearScale, nearestIndex, niceTicks, niceXDomain, niceYDomain, timeScale, timeTicks };
1072
+ export type { AutocompleteSearchFn, AxisSpec, BadgeVariant, BandScale, ChartBox, ChartInterval, ChartMargin, ChartPoint, ChartReader, ChartSeries, DimensionRow, EmptyStateIllustration, FunnelStep, LegendEntry, LinearAxisSpec, ListToolbarSortOption, Point, PointValue, RadioOption, Scale, SearchResultCategory, SelectOption, TableColumn, TimeTicks, TimeUnit, ToastItem, ToastVariant, ToasterPosition, TooltipPoint, TooltipPosition, TooltipRow };