@tactics/lokaal-loket 0.0.78 → 0.0.81

Sign up to get free protection for your applications and to get access to all the features.
package/build/index.d.ts CHANGED
@@ -5,6 +5,58 @@ export { Color, ColorVariant, Radius, Spacing, ThemeI, ThemeVariantsI, Typograph
5
5
  import { ThemeMode } from '@tactics/tacky';
6
6
  export { BuildProvidersTree, ExternalStylesheetLoader, ExternalStylesheetLoaderI, StyleProviderAnimation, StyleProviderPreFlight, StyleProviderRouter, ThemeBuilder, ThemeCtx, ThemeMode } from '@tactics/tacky';
7
7
 
8
+ declare enum BadgeType {
9
+ DAYCARE = "DAYCARE",
10
+ CHILDMINDER = "CHILDMINDER",
11
+ COOPERATIVE = "COOPERATIVE"
12
+ }
13
+
14
+ interface IBadge {
15
+ type: BadgeType;
16
+ screenReaderText: string;
17
+ }
18
+
19
+ declare const Badge: ({ type, screenReaderText }: IBadge) => react_jsx_runtime.JSX.Element;
20
+
21
+ declare enum LogoSize {
22
+ SMALL = "SMALL",
23
+ MEDIUM = "MEDIUM"
24
+ }
25
+
26
+ interface ILogoSrc {
27
+ srcset: string;
28
+ src: string;
29
+ }
30
+ interface ILogoBase {
31
+ ariaLabel: string;
32
+ alt: string;
33
+ size: LogoSize;
34
+ children?: React$1.ReactNode | React$1.ReactNode[];
35
+ }
36
+ interface ILogoLoad extends ILogoBase {
37
+ srcset?: ILogoSrc;
38
+ }
39
+ interface ILogo extends ILogoLoad {
40
+ }
41
+
42
+ interface IBrand {
43
+ ariaLabel: string;
44
+ logo: React$1.ReactElement<ILogo>;
45
+ name: string;
46
+ }
47
+
48
+ declare const Brand: ({ logo, name, ariaLabel }: IBrand) => react_jsx_runtime.JSX.Element;
49
+
50
+ declare enum LinkContext {
51
+ STANDARD = "STANDARD",
52
+ UI = "UI",
53
+ BOLD = "BOLD"
54
+ }
55
+ declare enum Position {
56
+ BEFORE = "BEFORE",
57
+ AFTER = "AFTER"
58
+ }
59
+
8
60
  declare enum IconContext {
9
61
  STANDARD = "STANDARD",
10
62
  SUPPORTING = "SUPPORTING",
@@ -57,290 +109,17 @@ declare enum IconType {
57
109
  WALK = "WALK",
58
110
  PUBLIC_TRANSPORT = "PUBLIC_TRANSPORT",
59
111
  FACEBOOK = "FACEBOOK",
60
- INSTAGRAM = "INSTAGRAM",
61
- LOCATION = "LOCATION"
62
- }
63
-
64
- interface IIconLoad {
65
- size?: IconSize;
66
- type: IconType;
67
- screenReaderText: string;
68
- }
69
- interface IIcon extends IIconLoad {
70
- context?: IconContext;
71
- }
72
-
73
- type SetState<T> = React$1.Dispatch<React$1.SetStateAction<T>>;
74
- interface AutoCompleteContextType<T> {
75
- input: string;
76
- setInput: SetState<string>;
77
- selected: T | null;
78
- setSelected: SetState<T | null>;
79
- index: number | null;
80
- setIndex: SetState<number | null>;
81
- hasFocus: boolean;
82
- setHasFocus: SetState<boolean>;
83
- }
84
-
85
- declare const Icon: ({ size, type, screenReaderText, context }: IIcon) => react_jsx_runtime.JSX.Element;
86
-
87
- declare enum InputContext {
88
- DISABLED = "DISABLED",
89
- ERROR = "ERROR",
90
- STANDARD = "STANDARD"
91
- }
92
-
93
- interface InputChangeEvent {
94
- value: string;
95
- event: React$1.ChangeEvent<HTMLInputElement>;
96
- }
97
- interface InputBlurEvent {
98
- value: string;
99
- event: React$1.FocusEvent<HTMLInputElement, Element>;
100
- }
101
- interface InputFocusEvent {
102
- value: string;
103
- event: React$1.FocusEvent<HTMLInputElement, Element>;
104
- }
105
- interface IInputBase {
106
- defaultValue?: string;
107
- onChange?: (e: InputChangeEvent) => void;
108
- onBlur?: (e: InputBlurEvent) => void;
109
- onFocus?: (e: InputFocusEvent) => void;
110
- value?: string;
111
- placeholder?: string;
112
- ariaLabel?: string;
113
- name: string;
114
- withIconBefore?: React$1.ReactElement<IIcon>;
115
- withIconAfter?: React$1.ReactElement<IIcon>;
116
- }
117
- interface IInput extends IInputBase {
118
- context?: InputContext;
119
- }
120
- interface InteractiveStyledInputProps {
121
- border: string;
122
- background: string;
123
- color: string;
124
- }
125
- interface IInputTheme {
126
- initial: InteractiveStyledInputProps;
127
- hover: InteractiveStyledInputProps;
128
- focus: InteractiveStyledInputProps;
129
- font: string;
130
- radius: string;
131
- }
132
-
133
- declare enum FigureContext {
134
- STANDARD = "STANDARD",
135
- INVERTED = "INVERTED",
136
- ACCENT = "ACCENT"
137
- }
138
- declare enum FigureSize {
139
- SMALL = "SMALL",
140
- MEDIUM = "MEDIUM",
141
- LARGE = "LARGE",
142
- XLARGE = "XLARGE"
143
- }
144
- declare enum FigureType {
145
- CHILD = "CHILD",
146
- FAMILY = "FAMILY",
147
- CALENDAR = "CALENDAR",
148
- BIN = "BIN",
149
- ALERT = "ALERT",
150
- PASSWORD = "PASSWORD",
151
- SEARCH = "SEARCH",
152
- FOLDER = "FOLDER",
153
- PASSPORT = "PASSPORT",
154
- SETTING = "SETTING",
155
- FACE = "FACE",
156
- PIN = "PIN",
157
- MONEY = "MONEY",
158
- IDEA = "IDEA",
159
- OFFER = "OFFER",
160
- FAVORITE = "FAVORITE",
161
- FOLLOW_UP = "FOLLOW_UP",
162
- STAR = "STAR",
163
- COINS = "COINS",
164
- CHECK = "CHECK",
165
- LIKE = "LIKE",
166
- MAP = "MAP",
167
- ADD = "ADD",
168
- APPLICATION = "APPLICATION",
169
- BABY = "BABY",
170
- BOOKMARK = "BOOKMARK",
171
- CONVERSATION = "CONVERSATION",
172
- CANCEL = "CANCEL",
173
- DAD = "DAD",
174
- DATETIME = "DATETIME",
175
- FILE = "FILE",
176
- HOME = "HOME",
177
- INFORMATION = "INFORMATION",
178
- MAIL = "MAIL",
179
- MOM = "MOM",
180
- NO = "NO",
181
- NOTE = "NOTE",
182
- YES = "YES",
183
- FENCE = "FENCE",
184
- BUILDING = "BUILDING"
185
- }
186
-
187
- interface IFigureLoad {
188
- size: FigureSize;
189
- type: FigureType;
190
- screenReaderText: string;
191
- }
192
- interface IFigure extends IFigureLoad {
193
- context?: FigureContext;
194
- }
195
-
196
- declare const Figure: ({ size, type, screenReaderText, context }: IFigure) => react_jsx_runtime.JSX.Element;
197
-
198
- interface AutocompleteI<T> {
199
- name: string;
200
- debounceTime: number;
201
- placeholder?: string;
202
- ariaLabel?: string;
203
- withIconBefore?: React$1.ReactElement<IIcon>;
204
- withIconAfter?: React$1.ReactElement<IIcon>;
205
- options: T[];
206
- optionDefault?: T;
207
- optionToDisplay: (option: T) => React$1.ReactNode;
208
- optionToDisplayWhenSelected?: (option: T) => React$1.ReactNode;
209
- optionToInputValue: (option: T) => string;
210
- onSelected?: (e: AutocompleteSelectEvent<T>) => void;
211
- onInputChange?: (e: AutocompleteChangeEvent) => void;
212
- onBlur?: (e: AutocompleteBlurEvent) => void;
213
- onFocus?: (e: AutocompleteFocusEvent) => void;
214
- onNavigate?: (e: AutocompleteOptionNavigatedEvent<T>) => void;
215
- }
216
- interface AutocompleteInputI<T> {
217
- name: string;
218
- debounceTime: number;
219
- placeholder?: string;
220
- ariaLabel?: string;
221
- withIconBefore?: React$1.ReactElement<IIcon>;
222
- withIconAfter?: React$1.ReactElement<IIcon>;
223
- theme: IInputTheme;
224
- options: T[];
225
- optionToInputValue: (option: T) => string;
226
- onInputChange?: (e: AutocompleteChangeEvent) => void;
227
- onBlur?: (e: AutocompleteBlurEvent) => void;
228
- onFocus?: (e: AutocompleteFocusEvent) => void;
229
- onNavigate?: (e: AutocompleteOptionNavigatedEvent<T>) => void;
230
- onSelected?: (e: AutocompleteSelectEvent<T>) => void;
231
- }
232
- interface AutocompleteOptionI<T> {
233
- label: string;
234
- withDetails?: string;
235
- withFigure?: React$1.ReactElement<IFigure> | React$1.ReactElement<IIcon>;
236
- }
237
- interface AutocompleteOptionsI<T> {
238
- options: T[];
239
- optionDefault?: T;
240
- optionToDisplay: (option: T) => React$1.ReactNode;
241
- optionToDisplayWhenSelected?: (option: T) => React$1.ReactNode;
242
- optionToInputValue: (option: T) => string;
243
- onNavigate?: (e: AutocompleteOptionNavigatedEvent<T>) => void;
244
- onSelected?: (e: AutocompleteSelectEvent<T>) => void;
245
- }
246
- interface AutocompleteOptionNavigatedEvent<T> {
247
- focussed: T;
248
- }
249
- interface AutocompleteSelectEvent<T> {
250
- input: string;
251
- selected: T;
252
- }
253
- interface AutocompleteChangeEvent {
254
- input: string;
255
- }
256
- interface AutocompleteBlurEvent {
257
- input: string;
258
- event: React$1.FocusEvent<HTMLInputElement>;
259
- }
260
- interface AutocompleteFocusEvent {
261
- input: string;
262
- event: React$1.FocusEvent<HTMLInputElement>;
263
- }
264
-
265
- declare const AutocompleteInput: <T>(props: AutocompleteInputI<T> & {
266
- ref?: Ref<HTMLInputElement>;
267
- }) => JSX.Element;
268
-
269
- declare const AutocompleteOption: <T>(args: AutocompleteOptionI<T>) => react_jsx_runtime.JSX.Element;
270
- declare const AutocompleteOptionSelected: <T>(args: AutocompleteOptionI<T>) => react_jsx_runtime.JSX.Element;
271
-
272
- declare const AutocompleteOptions: <T>(args: AutocompleteOptionsI<T>) => react_jsx_runtime.JSX.Element;
273
-
274
- interface IAutoCompleteBase<T> {
275
- options: T[];
276
- optionToDisplay: (option: T) => React$1.ReactNode;
277
- optionToRawValue: (option: T) => string;
278
- defaultValue?: string;
279
- onChange?: (e: AutocompleteChangeEvent) => void;
280
- onBlur?: (e: AutocompleteBlurEvent) => void;
281
- onFocus?: (e: AutocompleteFocusEvent) => void;
282
- placeholder?: string;
283
- ariaLabel?: string;
284
- name: string;
285
- withIconBefore?: React$1.ReactElement<IIcon>;
286
- withIconAfter?: React$1.ReactElement<IIcon>;
287
- debounceTime?: number;
288
- }
289
- interface IAutoComplete<T> extends IAutoCompleteBase<T> {
290
- }
291
-
292
- declare const AutoComplete: <T>(args: IAutoComplete<T>) => react_jsx_runtime.JSX.Element;
293
-
294
- declare enum BadgeType {
295
- DAYCARE = "DAYCARE",
296
- CHILDMINDER = "CHILDMINDER",
297
- COOPERATIVE = "COOPERATIVE"
112
+ INSTAGRAM = "INSTAGRAM",
113
+ LOCATION = "LOCATION"
298
114
  }
299
115
 
300
- interface IBadge {
301
- type: BadgeType;
116
+ interface IIconLoad {
117
+ size?: IconSize;
118
+ type: IconType;
302
119
  screenReaderText: string;
303
120
  }
304
-
305
- declare const Badge: ({ type, screenReaderText }: IBadge) => react_jsx_runtime.JSX.Element;
306
-
307
- declare enum LogoSize {
308
- SMALL = "SMALL",
309
- MEDIUM = "MEDIUM"
310
- }
311
-
312
- interface ILogoSrc {
313
- srcset: string;
314
- src: string;
315
- }
316
- interface ILogoBase {
317
- ariaLabel: string;
318
- alt: string;
319
- size: LogoSize;
320
- children?: React$1.ReactNode | React$1.ReactNode[];
321
- }
322
- interface ILogoLoad extends ILogoBase {
323
- srcset?: ILogoSrc;
324
- }
325
- interface ILogo extends ILogoLoad {
326
- }
327
-
328
- interface IBrand {
329
- ariaLabel: string;
330
- logo: React$1.ReactElement<ILogo>;
331
- name: string;
332
- }
333
-
334
- declare const Brand: ({ logo, name, ariaLabel }: IBrand) => react_jsx_runtime.JSX.Element;
335
-
336
- declare enum LinkContext {
337
- STANDARD = "STANDARD",
338
- UI = "UI",
339
- BOLD = "BOLD"
340
- }
341
- declare enum Position {
342
- BEFORE = "BEFORE",
343
- AFTER = "AFTER"
121
+ interface IIcon extends IIconLoad {
122
+ context?: IconContext;
344
123
  }
345
124
 
346
125
  interface ILink {
@@ -423,6 +202,69 @@ declare enum ChoiceContext {
423
202
  ERROR = "ERROR"
424
203
  }
425
204
 
205
+ declare enum FigureContext {
206
+ STANDARD = "STANDARD",
207
+ INVERTED = "INVERTED",
208
+ ACCENT = "ACCENT"
209
+ }
210
+ declare enum FigureSize {
211
+ SMALL = "SMALL",
212
+ MEDIUM = "MEDIUM",
213
+ LARGE = "LARGE",
214
+ XLARGE = "XLARGE"
215
+ }
216
+ declare enum FigureType {
217
+ CHILD = "CHILD",
218
+ FAMILY = "FAMILY",
219
+ CALENDAR = "CALENDAR",
220
+ BIN = "BIN",
221
+ ALERT = "ALERT",
222
+ PASSWORD = "PASSWORD",
223
+ SEARCH = "SEARCH",
224
+ FOLDER = "FOLDER",
225
+ PASSPORT = "PASSPORT",
226
+ SETTING = "SETTING",
227
+ FACE = "FACE",
228
+ PIN = "PIN",
229
+ MONEY = "MONEY",
230
+ IDEA = "IDEA",
231
+ OFFER = "OFFER",
232
+ FAVORITE = "FAVORITE",
233
+ FOLLOW_UP = "FOLLOW_UP",
234
+ STAR = "STAR",
235
+ COINS = "COINS",
236
+ CHECK = "CHECK",
237
+ LIKE = "LIKE",
238
+ MAP = "MAP",
239
+ ADD = "ADD",
240
+ APPLICATION = "APPLICATION",
241
+ BABY = "BABY",
242
+ BOOKMARK = "BOOKMARK",
243
+ CONVERSATION = "CONVERSATION",
244
+ CANCEL = "CANCEL",
245
+ DAD = "DAD",
246
+ DATETIME = "DATETIME",
247
+ FILE = "FILE",
248
+ HOME = "HOME",
249
+ INFORMATION = "INFORMATION",
250
+ MAIL = "MAIL",
251
+ MOM = "MOM",
252
+ NO = "NO",
253
+ NOTE = "NOTE",
254
+ YES = "YES",
255
+ FENCE = "FENCE",
256
+ BUILDING = "BUILDING"
257
+ }
258
+
259
+ interface IFigureLoad {
260
+ size: FigureSize;
261
+ type: FigureType;
262
+ screenReaderText: string;
263
+ }
264
+ interface IFigure extends IFigureLoad {
265
+ context?: FigureContext;
266
+ }
267
+
426
268
  interface IChoiceBase {
427
269
  onChange?: (e: React$1.ChangeEvent<HTMLInputElement>) => void;
428
270
  value: string;
@@ -509,6 +351,52 @@ interface IInformation {
509
351
 
510
352
  declare const Information: ({ text, frame }: IInformation) => react_jsx_runtime.JSX.Element;
511
353
 
354
+ declare enum InputContext {
355
+ DISABLED = "DISABLED",
356
+ ERROR = "ERROR",
357
+ STANDARD = "STANDARD"
358
+ }
359
+
360
+ interface InputChangeEvent {
361
+ value: string;
362
+ event: React$1.ChangeEvent<HTMLInputElement>;
363
+ }
364
+ interface InputBlurEvent {
365
+ value: string;
366
+ event: React$1.FocusEvent<HTMLInputElement, Element>;
367
+ }
368
+ interface InputFocusEvent {
369
+ value: string;
370
+ event: React$1.FocusEvent<HTMLInputElement, Element>;
371
+ }
372
+ interface IInputBase {
373
+ defaultValue?: string;
374
+ onChange?: (e: InputChangeEvent) => void;
375
+ onBlur?: (e: InputBlurEvent) => void;
376
+ onFocus?: (e: InputFocusEvent) => void;
377
+ value?: string;
378
+ placeholder?: string;
379
+ ariaLabel?: string;
380
+ name: string;
381
+ withIconBefore?: React$1.ReactElement<IIcon>;
382
+ withIconAfter?: React$1.ReactElement<IIcon>;
383
+ }
384
+ interface IInput extends IInputBase {
385
+ context?: InputContext;
386
+ }
387
+ interface InteractiveStyledInputProps {
388
+ border: string;
389
+ background: string;
390
+ color: string;
391
+ }
392
+ interface IInputTheme {
393
+ initial: InteractiveStyledInputProps;
394
+ hover: InteractiveStyledInputProps;
395
+ focus: InteractiveStyledInputProps;
396
+ font: string;
397
+ radius: string;
398
+ }
399
+
512
400
  declare const Input: (args: IInput) => react_jsx_runtime.JSX.Element;
513
401
 
514
402
  declare enum ListType {
@@ -730,6 +618,98 @@ interface InlineSelectI<T> {
730
618
 
731
619
  declare const InlineSelect: <T>(args: InlineSelectI<T>) => react_jsx_runtime.JSX.Element;
732
620
 
621
+ declare const Icon: ({ size, type, screenReaderText, context }: IIcon) => react_jsx_runtime.JSX.Element;
622
+
623
+ type SetState<T> = React$1.Dispatch<React$1.SetStateAction<T>>;
624
+ interface AutoCompleteContextType<T> {
625
+ input: string;
626
+ setInput: SetState<string>;
627
+ selected: T | null;
628
+ setSelected: SetState<T | null>;
629
+ index: number | null;
630
+ setIndex: SetState<number | null>;
631
+ hasFocus: boolean;
632
+ setHasFocus: SetState<boolean>;
633
+ }
634
+
635
+ declare const Figure: ({ size, type, screenReaderText, context }: IFigure) => react_jsx_runtime.JSX.Element;
636
+
637
+ interface AutocompleteI<T> {
638
+ name: string;
639
+ debounceTime: number;
640
+ placeholder?: string;
641
+ ariaLabel?: string;
642
+ withIconBefore?: React$1.ReactElement<IIcon>;
643
+ withIconAfter?: React$1.ReactElement<IIcon>;
644
+ options: T[];
645
+ optionDefault?: T;
646
+ optionToDisplay: (option: T) => React$1.ReactNode;
647
+ optionToDisplayWhenSelected?: (option: T) => React$1.ReactNode;
648
+ optionToInputValue: (option: T) => string;
649
+ onSelected?: (e: AutocompleteSelectEvent<T>) => void;
650
+ onInputChange?: (e: AutocompleteChangeEvent) => void;
651
+ onBlur?: (e: AutocompleteBlurEvent) => void;
652
+ onFocus?: (e: AutocompleteFocusEvent) => void;
653
+ onNavigate?: (e: AutocompleteOptionNavigatedEvent<T>) => void;
654
+ }
655
+ interface AutocompleteInputI<T> {
656
+ name: string;
657
+ debounceTime: number;
658
+ placeholder?: string;
659
+ ariaLabel?: string;
660
+ withIconBefore?: React$1.ReactElement<IIcon>;
661
+ withIconAfter?: React$1.ReactElement<IIcon>;
662
+ theme: IInputTheme;
663
+ options: T[];
664
+ optionToInputValue: (option: T) => string;
665
+ onInputChange?: (e: AutocompleteChangeEvent) => void;
666
+ onBlur?: (e: AutocompleteBlurEvent) => void;
667
+ onFocus?: (e: AutocompleteFocusEvent) => void;
668
+ onNavigate?: (e: AutocompleteOptionNavigatedEvent<T>) => void;
669
+ onSelected?: (e: AutocompleteSelectEvent<T>) => void;
670
+ }
671
+ interface AutocompleteOptionI<T> {
672
+ label: string;
673
+ withDetails?: string;
674
+ withFigure?: React$1.ReactElement<IFigure> | React$1.ReactElement<IIcon>;
675
+ }
676
+ interface AutocompleteOptionsI<T> {
677
+ options: T[];
678
+ optionDefault?: T;
679
+ optionToDisplay: (option: T) => React$1.ReactNode;
680
+ optionToDisplayWhenSelected?: (option: T) => React$1.ReactNode;
681
+ optionToInputValue: (option: T) => string;
682
+ onNavigate?: (e: AutocompleteOptionNavigatedEvent<T>) => void;
683
+ onSelected?: (e: AutocompleteSelectEvent<T>) => void;
684
+ }
685
+ interface AutocompleteOptionNavigatedEvent<T> {
686
+ focussed: T;
687
+ }
688
+ interface AutocompleteSelectEvent<T> {
689
+ input: string;
690
+ selected: T;
691
+ }
692
+ interface AutocompleteChangeEvent {
693
+ input: string;
694
+ }
695
+ interface AutocompleteBlurEvent {
696
+ input: string;
697
+ event: React$1.FocusEvent<HTMLInputElement>;
698
+ }
699
+ interface AutocompleteFocusEvent {
700
+ input: string;
701
+ event: React$1.FocusEvent<HTMLInputElement>;
702
+ }
703
+
704
+ declare const AutocompleteInput: <T>(props: AutocompleteInputI<T> & {
705
+ ref?: Ref<HTMLInputElement>;
706
+ }) => JSX.Element;
707
+
708
+ declare const AutocompleteOptions: <T>(args: AutocompleteOptionsI<T>) => react_jsx_runtime.JSX.Element;
709
+
710
+ declare const AutocompleteOption: <T>(args: AutocompleteOptionI<T>) => react_jsx_runtime.JSX.Element;
711
+ declare const AutocompleteOptionSelected: <T>(args: AutocompleteOptionI<T>) => react_jsx_runtime.JSX.Element;
712
+
733
713
  interface LocationI<T, R> {
734
714
  name: string;
735
715
  placeholder?: string;
@@ -1071,18 +1051,20 @@ declare const WizardControls: ({ next, back }: IWizardControls) => react_jsx_run
1071
1051
 
1072
1052
  declare const Wizard: ({ children }: IWizard) => react_jsx_runtime.JSX.Element;
1073
1053
 
1074
- interface ISearch {
1075
- mobileLabel: string;
1054
+ interface ISearchBase {
1076
1055
  children: ReactElement<ISearchStep> | ReactElement<ISearchStep>[];
1077
1056
  }
1078
- interface ISearchAutocomplete {
1079
- children: ReactElement<ISearchStepAutocomplete<any>>;
1057
+ interface ISearch extends ISearchBase {
1058
+ mobileLabel: string;
1080
1059
  }
1081
1060
  interface ISearchStep {
1082
1061
  label: string;
1083
1062
  flyout: ReactElement;
1084
1063
  withFigure: ReactElement<IFigure>;
1085
1064
  }
1065
+ interface ISearchAutocomplete<T> {
1066
+ children: ReactElement<ISearchStepAutocomplete<T>>;
1067
+ }
1086
1068
  interface ISearchStepAutocomplete<T> extends AutocompleteI<T> {
1087
1069
  withFigure: ReactElement<IFigure>;
1088
1070
  label: string;
@@ -1106,7 +1088,7 @@ declare const SearchStep: (props: ISearchStep) => null;
1106
1088
  declare const SearchAutocompleteStep: (props: ISearchStepAutocomplete<any>) => null;
1107
1089
 
1108
1090
  declare const Search: (props: ISearch) => react_jsx_runtime.JSX.Element;
1109
- declare const SearchAutocomplete: (props: ISearchAutocomplete) => react_jsx_runtime.JSX.Element;
1091
+ declare const SearchAutocomplete: <T>(props: ISearchAutocomplete<T>) => react_jsx_runtime.JSX.Element;
1110
1092
 
1111
1093
  interface IFlyoutArrangementSplit {
1112
1094
  top?: React$1.ReactElement;
@@ -1169,6 +1151,13 @@ declare const OnboardingArrangementIntroduction: (props: IOnboardingArrangementI
1169
1151
  declare const OnboardingArrangementStep: (props: IOnboardingArrangementStep) => react_jsx_runtime.JSX.Element;
1170
1152
  declare const OnboardingArrangementInformation: (props: IOnboardingArrangementInformation) => react_jsx_runtime.JSX.Element;
1171
1153
 
1154
+ interface ISearchSectionFilters {
1155
+ primary: React$1.ReactElement;
1156
+ secondary: React$1.ReactElement | false;
1157
+ }
1158
+
1159
+ declare const SearchSectionFilters: (props: ISearchSectionFilters) => react_jsx_runtime.JSX.Element;
1160
+
1172
1161
  declare enum AccordeonContext {
1173
1162
  OPEN = "OPEN",
1174
1163
  CLOSED = "CLOSED"
@@ -1492,4 +1481,4 @@ declare const InlineSelectLabelAsOptionSelected: <T>(args: InlineSelectOptionI)
1492
1481
  declare const InlineSelectIconAsOption: <T>(args: InlineSelectOptionIconI) => react_jsx_runtime.JSX.Element;
1493
1482
  declare const InlineSelectIconAsOptionSelected: <T>(args: InlineSelectOptionIconI) => react_jsx_runtime.JSX.Element;
1494
1483
 
1495
- export { Accordeon, AccordeonContext, AutoComplete, type AutoCompleteContextType, type AutocompleteBlurEvent, type AutocompleteChangeEvent, type AutocompleteFocusEvent, type AutocompleteI, AutocompleteInput, type AutocompleteInputI, AutocompleteOption, type AutocompleteOptionNavigatedEvent, AutocompleteOptionSelected, AutocompleteOptions, type AutocompleteOptionsI, type AutocompleteSelectEvent, Backdrop, BackdropContext, BackdropProvider, Badge, BadgeType, BigChoice, BigPick, Blur, BlurContext, BlurProvider, Brand, Breadcrumb, Button, ButtonContext, ButtonType, Checkbox, CheckboxContext, Choice, ChoiceContext, Close, type CloseI, Collapsable, Collapse, CompactNavigation, CompactNavigationContext, Contained, Container, ContainerType, Details, Drawer, DrawerContext, DrawerProvider, DrawerSize, Expand, Faq, Feature, Features, Figure, FigureContext, FigureSize, FigureType, FlyoutArrangementFull, FlyoutArrangementSplit, FlyoutHeading, Frame, GoogleAPIProvider, type GoogleAPIProviderProps, GoogleApiRoutesDirectionRendererContext, GoogleApiRoutesDirectionRendererProvider, Grid, type GridItemProps, type GridProps, Header, HeaderContext, Heading, type HeadingArrangementI, HomeSectionCards, HomeSectionFaq, HtmlHeading, type IAccordeon, type IAutoComplete, type IBackdrop, type IBackdropProvider, type IBadge, type IBigChoice, type IBigPick, type IBlur, type IBlurProvider, type IBrand, type IBreadcrumb, type IButton, type ICheckbox, type IChoice, type ICollapsable, type ICollapse, type ICompactNavigation, type IContained, type IContainer, type IDetails, type IDrawer, type IDrawerProvider, type IExpand, type IFaq, type IFeature, type IFeatures, type IFigure, type IFlyoutArrangementFull, type IFlyoutArrangementSplit, type IFrame, type IHeader, type IHeading, type IHomeSectionCards, type IHomeSectionFaq, type IIcon, type IInfoCard, type IInformation, type IInput, type IInstruction, type ILink, type IList, type ILogo, type IMap, type IMargin, type IMarginCssItem, type IMarginItem, type IMaskedImage, type IModal, type IModalProvider, type INavigation, type INavigationItem, type INotification, type IOnboarding, type IOnboardingArrangementInformation, type IOnboardingArrangementIntroduction, type IOnboardingArrangementStep, type IOverlay, type IOverlayProvider, type IPadding, type IPaddingCssItem, type IPaddingItem, type IPick, type IPill, type IPin, type IPlainText, type IProfileNavigation, type IRadio, type IRecord, type IRecords, type IRouteLocation, type ISearch, type ISearchAutocomplete, type ISearchProvider, type ISearchStep, type ISearchStepAutocomplete, type IStatus, type IStatusList, type ISurface, type ITerm, type ITerminal, type ITopNavigation, type ITopNavigationItemBase, type IWave, type IWizard, type IWizardControls, type IWizardProvider, type IWizardStep, type IWizardStepProvider, type IYesNo, Icon, IconContext, IconSize, IconType, InfoCard, Information, InlineSelect, type InlineSelectI, InlineSelectIconAsOption, InlineSelectIconAsOptionSelected, InlineSelectLabelAsOption, InlineSelectLabelAsOptionSelected, type InlineSelectOptionI, Input, InputContext, Instruction, ItemType, Link, LinkContext, List, ListType, Location, type LocationI, Logo, LogoSize, Map, Margin, MaskType, MaskedImage, Modal, ModalContext, ModalProvider, Navigation, Notification, Onboarding, OnboardingArrangementInformation, OnboardingArrangementIntroduction, OnboardingArrangementStep, OnboardingHeading, Overlay, OverlayContext, OverlayHeading, OverlayProvider, Padding, Pick, PickContext, Pill, Pin, PinType, PlainText, Position, ProcessingContext, type ProcessingContextType, ProcessingProvider, ProfileNavigation, type ProfileNavigationItemThemeableProps, type ProfileNavigationThemeableProps, type PropsForThemeModeProvider, Radio, RadioContext, Record, Records, Route, type RouteI, RouteLocation, Search, SearchAutocomplete, SearchAutocompleteStep, SearchContext, SearchProvider, SearchStep, type SelectBlurEvent, type SelectChangeEvent, type SelectFocusEvent, Status, StatusCompact, StatusContext, StatusList, Surface, Switch, type SwitchI, type SwitchItemContentI, type SwitchItemI, Term, Terminal, TextDecoration, ThemeModeContext, ThemeModeProvider, TopNavigation, Wave, WavePosition, WaveType, Wizard, WizardContext, WizardControls, WizardProvider, WizardStep, WizardStepContext, WizardStepProvider, YesNo, YesNoContext, useIsProcessing };
1484
+ export { Accordeon, AccordeonContext, type AutoCompleteContextType, type AutocompleteBlurEvent, type AutocompleteChangeEvent, type AutocompleteFocusEvent, type AutocompleteI, AutocompleteInput, type AutocompleteInputI, AutocompleteOption, type AutocompleteOptionNavigatedEvent, AutocompleteOptionSelected, AutocompleteOptions, type AutocompleteOptionsI, type AutocompleteSelectEvent, Backdrop, BackdropContext, BackdropProvider, Badge, BadgeType, BigChoice, BigPick, Blur, BlurContext, BlurProvider, Brand, Breadcrumb, Button, ButtonContext, ButtonType, Checkbox, CheckboxContext, Choice, ChoiceContext, Close, type CloseI, Collapsable, Collapse, CompactNavigation, CompactNavigationContext, Contained, Container, ContainerType, Details, Drawer, DrawerContext, DrawerProvider, DrawerSize, Expand, Faq, Feature, Features, Figure, FigureContext, FigureSize, FigureType, FlyoutArrangementFull, FlyoutArrangementSplit, FlyoutHeading, Frame, GoogleAPIProvider, type GoogleAPIProviderProps, GoogleApiRoutesDirectionRendererContext, GoogleApiRoutesDirectionRendererProvider, Grid, type GridItemProps, type GridProps, Header, HeaderContext, Heading, type HeadingArrangementI, HomeSectionCards, HomeSectionFaq, HtmlHeading, type IAccordeon, type IBackdrop, type IBackdropProvider, type IBadge, type IBigChoice, type IBigPick, type IBlur, type IBlurProvider, type IBrand, type IBreadcrumb, type IButton, type ICheckbox, type IChoice, type ICollapsable, type ICollapse, type ICompactNavigation, type IContained, type IContainer, type IDetails, type IDrawer, type IDrawerProvider, type IExpand, type IFaq, type IFeature, type IFeatures, type IFigure, type IFlyoutArrangementFull, type IFlyoutArrangementSplit, type IFrame, type IHeader, type IHeading, type IHomeSectionCards, type IHomeSectionFaq, type IIcon, type IInfoCard, type IInformation, type IInput, type IInstruction, type ILink, type IList, type ILogo, type IMap, type IMargin, type IMarginCssItem, type IMarginItem, type IMaskedImage, type IModal, type IModalProvider, type INavigation, type INavigationItem, type INotification, type IOnboarding, type IOnboardingArrangementInformation, type IOnboardingArrangementIntroduction, type IOnboardingArrangementStep, type IOverlay, type IOverlayProvider, type IPadding, type IPaddingCssItem, type IPaddingItem, type IPick, type IPill, type IPin, type IPlainText, type IProfileNavigation, type IRadio, type IRecord, type IRecords, type IRouteLocation, type ISearch, type ISearchAutocomplete, type ISearchProvider, type ISearchSectionFilters, type ISearchStep, type ISearchStepAutocomplete, type IStatus, type IStatusList, type ISurface, type ITerm, type ITerminal, type ITopNavigation, type ITopNavigationItemBase, type IWave, type IWizard, type IWizardControls, type IWizardProvider, type IWizardStep, type IWizardStepProvider, type IYesNo, Icon, IconContext, IconSize, IconType, InfoCard, Information, InlineSelect, type InlineSelectI, InlineSelectIconAsOption, InlineSelectIconAsOptionSelected, InlineSelectLabelAsOption, InlineSelectLabelAsOptionSelected, type InlineSelectOptionI, Input, InputContext, Instruction, ItemType, Link, LinkContext, List, ListType, Location, type LocationI, Logo, LogoSize, Map, Margin, MaskType, MaskedImage, Modal, ModalContext, ModalProvider, Navigation, Notification, Onboarding, OnboardingArrangementInformation, OnboardingArrangementIntroduction, OnboardingArrangementStep, OnboardingHeading, Overlay, OverlayContext, OverlayHeading, OverlayProvider, Padding, Pick, PickContext, Pill, Pin, PinType, PlainText, Position, ProcessingContext, type ProcessingContextType, ProcessingProvider, ProfileNavigation, type ProfileNavigationItemThemeableProps, type ProfileNavigationThemeableProps, type PropsForThemeModeProvider, Radio, RadioContext, Record, Records, Route, type RouteI, RouteLocation, Search, SearchAutocomplete, SearchAutocompleteStep, SearchContext, SearchProvider, SearchSectionFilters, SearchStep, type SelectBlurEvent, type SelectChangeEvent, type SelectFocusEvent, Status, StatusCompact, StatusContext, StatusList, Surface, Switch, type SwitchI, type SwitchItemContentI, type SwitchItemI, Term, Terminal, TextDecoration, ThemeModeContext, ThemeModeProvider, TopNavigation, Wave, WavePosition, WaveType, Wizard, WizardContext, WizardControls, WizardProvider, WizardStep, WizardStepContext, WizardStepProvider, YesNo, YesNoContext, useIsProcessing };