@landtrustinc/design-system 1.1.3 → 1.1.4-beta.2
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/README.md +2 -0
- package/dist/index.cjs +6161 -0
- package/dist/index.cjs.map +1 -0
- package/dist/index.d.cts +1837 -0
- package/dist/index.d.ts +622 -164
- package/dist/index.js +1004 -1049
- package/dist/index.js.map +1 -1
- package/package.json +8 -8
package/dist/index.d.cts
ADDED
|
@@ -0,0 +1,1837 @@
|
|
|
1
|
+
import * as _emotion_react from '@emotion/react';
|
|
2
|
+
import { Interpolation, Theme } from '@emotion/react';
|
|
3
|
+
import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
|
|
4
|
+
import * as React$1 from 'react';
|
|
5
|
+
import React__default, { HTMLAttributes, FC, PropsWithChildren, SVGProps, ReactNode } from 'react';
|
|
6
|
+
import * as _emotion_styled from '@emotion/styled';
|
|
7
|
+
import * as csstype from 'csstype';
|
|
8
|
+
import * as styled_system from 'styled-system';
|
|
9
|
+
import { BorderProps, SpaceProps, ColorProps, FlexboxProps, GridProps as GridProps$1, LayoutProps, PositionProps, TypographyProps, WidthProps } from 'styled-system';
|
|
10
|
+
|
|
11
|
+
declare const globalStyles: _emotion_react.SerializedStyles;
|
|
12
|
+
declare const GlobalStyle: _emotion_react.SerializedStyles;
|
|
13
|
+
|
|
14
|
+
declare const screens: {
|
|
15
|
+
sm: string;
|
|
16
|
+
md: string;
|
|
17
|
+
lg: string;
|
|
18
|
+
xl: string;
|
|
19
|
+
};
|
|
20
|
+
declare const media: {
|
|
21
|
+
sm: string;
|
|
22
|
+
md: string;
|
|
23
|
+
lg: string;
|
|
24
|
+
xl: string;
|
|
25
|
+
};
|
|
26
|
+
declare const colors: {
|
|
27
|
+
gray: {
|
|
28
|
+
100: string;
|
|
29
|
+
200: string;
|
|
30
|
+
300: string;
|
|
31
|
+
400: string;
|
|
32
|
+
500: string;
|
|
33
|
+
600: string;
|
|
34
|
+
700: string;
|
|
35
|
+
800: string;
|
|
36
|
+
900: string;
|
|
37
|
+
};
|
|
38
|
+
olive: {
|
|
39
|
+
50: string;
|
|
40
|
+
100: string;
|
|
41
|
+
200: string;
|
|
42
|
+
300: string;
|
|
43
|
+
400: string;
|
|
44
|
+
500: string;
|
|
45
|
+
600: string;
|
|
46
|
+
700: string;
|
|
47
|
+
800: string;
|
|
48
|
+
900: string;
|
|
49
|
+
};
|
|
50
|
+
dark: {
|
|
51
|
+
100: string;
|
|
52
|
+
200: string;
|
|
53
|
+
300: string;
|
|
54
|
+
900: string;
|
|
55
|
+
};
|
|
56
|
+
light: {
|
|
57
|
+
100: string;
|
|
58
|
+
200: string;
|
|
59
|
+
};
|
|
60
|
+
yellow: {
|
|
61
|
+
100: string;
|
|
62
|
+
200: string;
|
|
63
|
+
300: string;
|
|
64
|
+
400: string;
|
|
65
|
+
500: string;
|
|
66
|
+
600: string;
|
|
67
|
+
700: string;
|
|
68
|
+
800: string;
|
|
69
|
+
900: string;
|
|
70
|
+
};
|
|
71
|
+
brown: {
|
|
72
|
+
100: string;
|
|
73
|
+
200: string;
|
|
74
|
+
300: string;
|
|
75
|
+
500: string;
|
|
76
|
+
900: string;
|
|
77
|
+
};
|
|
78
|
+
red: {
|
|
79
|
+
100: string;
|
|
80
|
+
200: string;
|
|
81
|
+
300: string;
|
|
82
|
+
400: string;
|
|
83
|
+
500: string;
|
|
84
|
+
600: string;
|
|
85
|
+
900: string;
|
|
86
|
+
};
|
|
87
|
+
accent: {
|
|
88
|
+
green: string;
|
|
89
|
+
gold: string;
|
|
90
|
+
};
|
|
91
|
+
};
|
|
92
|
+
declare const fonts: {
|
|
93
|
+
base: string;
|
|
94
|
+
headings: string;
|
|
95
|
+
playfair: string;
|
|
96
|
+
};
|
|
97
|
+
declare const fontWeights: {
|
|
98
|
+
light: number;
|
|
99
|
+
normal: number;
|
|
100
|
+
medium: number;
|
|
101
|
+
bold: number;
|
|
102
|
+
bolder: number;
|
|
103
|
+
};
|
|
104
|
+
declare const fontSizes: {
|
|
105
|
+
xxs: string;
|
|
106
|
+
xs: string;
|
|
107
|
+
sm: string;
|
|
108
|
+
base: string;
|
|
109
|
+
lg: string;
|
|
110
|
+
xl: string;
|
|
111
|
+
'2xl': string;
|
|
112
|
+
'3xl': string;
|
|
113
|
+
'4xl': string;
|
|
114
|
+
'5xl': string;
|
|
115
|
+
'6xl': string;
|
|
116
|
+
'7xl': string;
|
|
117
|
+
};
|
|
118
|
+
declare const headingSizes: {
|
|
119
|
+
xl: string;
|
|
120
|
+
lg: string;
|
|
121
|
+
md: string;
|
|
122
|
+
sm: string;
|
|
123
|
+
xs: string;
|
|
124
|
+
"2xs": string;
|
|
125
|
+
};
|
|
126
|
+
declare const lineHeights: {
|
|
127
|
+
none: number;
|
|
128
|
+
tight: number;
|
|
129
|
+
snug: number;
|
|
130
|
+
normal: number;
|
|
131
|
+
relaxed: number;
|
|
132
|
+
loose: number;
|
|
133
|
+
};
|
|
134
|
+
declare const space: {
|
|
135
|
+
0: string;
|
|
136
|
+
1: string;
|
|
137
|
+
2: string;
|
|
138
|
+
3: string;
|
|
139
|
+
4: string;
|
|
140
|
+
5: string;
|
|
141
|
+
6: string;
|
|
142
|
+
7: string;
|
|
143
|
+
8: string;
|
|
144
|
+
9: string;
|
|
145
|
+
10: string;
|
|
146
|
+
11: string;
|
|
147
|
+
12: string;
|
|
148
|
+
13: string;
|
|
149
|
+
14: string;
|
|
150
|
+
15: string;
|
|
151
|
+
16: string;
|
|
152
|
+
17: string;
|
|
153
|
+
18: string;
|
|
154
|
+
19: string;
|
|
155
|
+
20: string;
|
|
156
|
+
21: string;
|
|
157
|
+
22: string;
|
|
158
|
+
23: string;
|
|
159
|
+
24: string;
|
|
160
|
+
25: string;
|
|
161
|
+
26: string;
|
|
162
|
+
28: string;
|
|
163
|
+
29: string;
|
|
164
|
+
30: string;
|
|
165
|
+
32: string;
|
|
166
|
+
33: string;
|
|
167
|
+
34: string;
|
|
168
|
+
35: string;
|
|
169
|
+
36: string;
|
|
170
|
+
38: string;
|
|
171
|
+
40: string;
|
|
172
|
+
41: string;
|
|
173
|
+
42: string;
|
|
174
|
+
43: string;
|
|
175
|
+
44: string;
|
|
176
|
+
46: string;
|
|
177
|
+
47: string;
|
|
178
|
+
48: string;
|
|
179
|
+
50: string;
|
|
180
|
+
52: string;
|
|
181
|
+
54: string;
|
|
182
|
+
56: string;
|
|
183
|
+
58: string;
|
|
184
|
+
60: string;
|
|
185
|
+
62: string;
|
|
186
|
+
64: string;
|
|
187
|
+
68: string;
|
|
188
|
+
70: string;
|
|
189
|
+
72: string;
|
|
190
|
+
75: string;
|
|
191
|
+
76: string;
|
|
192
|
+
79: string;
|
|
193
|
+
80: string;
|
|
194
|
+
84: string;
|
|
195
|
+
86: string;
|
|
196
|
+
88: string;
|
|
197
|
+
94: string;
|
|
198
|
+
96: string;
|
|
199
|
+
110: string;
|
|
200
|
+
122: string;
|
|
201
|
+
128: string;
|
|
202
|
+
134: string;
|
|
203
|
+
143: string;
|
|
204
|
+
148: string;
|
|
205
|
+
152: string;
|
|
206
|
+
160: string;
|
|
207
|
+
230: string;
|
|
208
|
+
};
|
|
209
|
+
declare const sizes: {
|
|
210
|
+
'1/2': string;
|
|
211
|
+
'1/3': string;
|
|
212
|
+
'2/3': string;
|
|
213
|
+
'1/4': string;
|
|
214
|
+
'1/5': string;
|
|
215
|
+
'2/5': string;
|
|
216
|
+
'3/4': string;
|
|
217
|
+
'3/5': string;
|
|
218
|
+
'4/5': string;
|
|
219
|
+
};
|
|
220
|
+
declare const boxShadow: {
|
|
221
|
+
none: string;
|
|
222
|
+
base: string;
|
|
223
|
+
xl: string;
|
|
224
|
+
xxl: string;
|
|
225
|
+
};
|
|
226
|
+
declare const textShadow: {
|
|
227
|
+
hunter: string;
|
|
228
|
+
brown: string;
|
|
229
|
+
};
|
|
230
|
+
declare const opacity: {
|
|
231
|
+
0: number;
|
|
232
|
+
25: number;
|
|
233
|
+
50: number;
|
|
234
|
+
75: number;
|
|
235
|
+
95: number;
|
|
236
|
+
100: number;
|
|
237
|
+
};
|
|
238
|
+
declare const borderRadius: {
|
|
239
|
+
base: string;
|
|
240
|
+
sm: string;
|
|
241
|
+
xl: string;
|
|
242
|
+
xxl: string;
|
|
243
|
+
xxxl: string;
|
|
244
|
+
};
|
|
245
|
+
declare const transition: {
|
|
246
|
+
base: string;
|
|
247
|
+
fast: string;
|
|
248
|
+
};
|
|
249
|
+
declare const zIndex: {
|
|
250
|
+
0: number;
|
|
251
|
+
10: number;
|
|
252
|
+
15: number;
|
|
253
|
+
20: number;
|
|
254
|
+
30: number;
|
|
255
|
+
40: number;
|
|
256
|
+
50: number;
|
|
257
|
+
};
|
|
258
|
+
declare const ThemeTokens: {
|
|
259
|
+
screens: {
|
|
260
|
+
sm: string;
|
|
261
|
+
md: string;
|
|
262
|
+
lg: string;
|
|
263
|
+
xl: string;
|
|
264
|
+
};
|
|
265
|
+
media: {
|
|
266
|
+
sm: string;
|
|
267
|
+
md: string;
|
|
268
|
+
lg: string;
|
|
269
|
+
xl: string;
|
|
270
|
+
};
|
|
271
|
+
colors: {
|
|
272
|
+
gray: {
|
|
273
|
+
100: string;
|
|
274
|
+
200: string;
|
|
275
|
+
300: string;
|
|
276
|
+
400: string;
|
|
277
|
+
500: string;
|
|
278
|
+
600: string;
|
|
279
|
+
700: string;
|
|
280
|
+
800: string;
|
|
281
|
+
900: string;
|
|
282
|
+
};
|
|
283
|
+
olive: {
|
|
284
|
+
50: string;
|
|
285
|
+
100: string;
|
|
286
|
+
200: string;
|
|
287
|
+
300: string;
|
|
288
|
+
400: string;
|
|
289
|
+
500: string;
|
|
290
|
+
600: string;
|
|
291
|
+
700: string;
|
|
292
|
+
800: string;
|
|
293
|
+
900: string;
|
|
294
|
+
};
|
|
295
|
+
dark: {
|
|
296
|
+
100: string;
|
|
297
|
+
200: string;
|
|
298
|
+
300: string;
|
|
299
|
+
900: string;
|
|
300
|
+
};
|
|
301
|
+
light: {
|
|
302
|
+
100: string;
|
|
303
|
+
200: string;
|
|
304
|
+
};
|
|
305
|
+
yellow: {
|
|
306
|
+
100: string;
|
|
307
|
+
200: string;
|
|
308
|
+
300: string;
|
|
309
|
+
400: string;
|
|
310
|
+
500: string;
|
|
311
|
+
600: string;
|
|
312
|
+
700: string;
|
|
313
|
+
800: string;
|
|
314
|
+
900: string;
|
|
315
|
+
};
|
|
316
|
+
brown: {
|
|
317
|
+
100: string;
|
|
318
|
+
200: string;
|
|
319
|
+
300: string;
|
|
320
|
+
500: string;
|
|
321
|
+
900: string;
|
|
322
|
+
};
|
|
323
|
+
red: {
|
|
324
|
+
100: string;
|
|
325
|
+
200: string;
|
|
326
|
+
300: string;
|
|
327
|
+
400: string;
|
|
328
|
+
500: string;
|
|
329
|
+
600: string;
|
|
330
|
+
900: string;
|
|
331
|
+
};
|
|
332
|
+
accent: {
|
|
333
|
+
green: string;
|
|
334
|
+
gold: string;
|
|
335
|
+
};
|
|
336
|
+
};
|
|
337
|
+
fonts: {
|
|
338
|
+
base: string;
|
|
339
|
+
headings: string;
|
|
340
|
+
playfair: string;
|
|
341
|
+
};
|
|
342
|
+
fontWeights: {
|
|
343
|
+
light: number;
|
|
344
|
+
normal: number;
|
|
345
|
+
medium: number;
|
|
346
|
+
bold: number;
|
|
347
|
+
bolder: number;
|
|
348
|
+
};
|
|
349
|
+
fontSizes: {
|
|
350
|
+
xxs: string;
|
|
351
|
+
xs: string;
|
|
352
|
+
sm: string;
|
|
353
|
+
base: string;
|
|
354
|
+
lg: string;
|
|
355
|
+
xl: string;
|
|
356
|
+
'2xl': string;
|
|
357
|
+
'3xl': string;
|
|
358
|
+
'4xl': string;
|
|
359
|
+
'5xl': string;
|
|
360
|
+
'6xl': string;
|
|
361
|
+
'7xl': string;
|
|
362
|
+
};
|
|
363
|
+
headingSizes: {
|
|
364
|
+
xl: string;
|
|
365
|
+
lg: string;
|
|
366
|
+
md: string;
|
|
367
|
+
sm: string;
|
|
368
|
+
xs: string;
|
|
369
|
+
"2xs": string;
|
|
370
|
+
};
|
|
371
|
+
lineHeights: {
|
|
372
|
+
none: number;
|
|
373
|
+
tight: number;
|
|
374
|
+
snug: number;
|
|
375
|
+
normal: number;
|
|
376
|
+
relaxed: number;
|
|
377
|
+
loose: number;
|
|
378
|
+
};
|
|
379
|
+
space: {
|
|
380
|
+
0: string;
|
|
381
|
+
1: string;
|
|
382
|
+
2: string;
|
|
383
|
+
3: string;
|
|
384
|
+
4: string;
|
|
385
|
+
5: string;
|
|
386
|
+
6: string;
|
|
387
|
+
7: string;
|
|
388
|
+
8: string;
|
|
389
|
+
9: string;
|
|
390
|
+
10: string;
|
|
391
|
+
11: string;
|
|
392
|
+
12: string;
|
|
393
|
+
13: string;
|
|
394
|
+
14: string;
|
|
395
|
+
15: string;
|
|
396
|
+
16: string;
|
|
397
|
+
17: string;
|
|
398
|
+
18: string;
|
|
399
|
+
19: string;
|
|
400
|
+
20: string;
|
|
401
|
+
21: string;
|
|
402
|
+
22: string;
|
|
403
|
+
23: string;
|
|
404
|
+
24: string;
|
|
405
|
+
25: string;
|
|
406
|
+
26: string;
|
|
407
|
+
28: string;
|
|
408
|
+
29: string;
|
|
409
|
+
30: string;
|
|
410
|
+
32: string;
|
|
411
|
+
33: string;
|
|
412
|
+
34: string;
|
|
413
|
+
35: string;
|
|
414
|
+
36: string;
|
|
415
|
+
38: string;
|
|
416
|
+
40: string;
|
|
417
|
+
41: string;
|
|
418
|
+
42: string;
|
|
419
|
+
43: string;
|
|
420
|
+
44: string;
|
|
421
|
+
46: string;
|
|
422
|
+
47: string;
|
|
423
|
+
48: string;
|
|
424
|
+
50: string;
|
|
425
|
+
52: string;
|
|
426
|
+
54: string;
|
|
427
|
+
56: string;
|
|
428
|
+
58: string;
|
|
429
|
+
60: string;
|
|
430
|
+
62: string;
|
|
431
|
+
64: string;
|
|
432
|
+
68: string;
|
|
433
|
+
70: string;
|
|
434
|
+
72: string;
|
|
435
|
+
75: string;
|
|
436
|
+
76: string;
|
|
437
|
+
79: string;
|
|
438
|
+
80: string;
|
|
439
|
+
84: string;
|
|
440
|
+
86: string;
|
|
441
|
+
88: string;
|
|
442
|
+
94: string;
|
|
443
|
+
96: string;
|
|
444
|
+
110: string;
|
|
445
|
+
122: string;
|
|
446
|
+
128: string;
|
|
447
|
+
134: string;
|
|
448
|
+
143: string;
|
|
449
|
+
148: string;
|
|
450
|
+
152: string;
|
|
451
|
+
160: string;
|
|
452
|
+
230: string;
|
|
453
|
+
};
|
|
454
|
+
sizes: {
|
|
455
|
+
'1/2': string;
|
|
456
|
+
'1/3': string;
|
|
457
|
+
'2/3': string;
|
|
458
|
+
'1/4': string;
|
|
459
|
+
'1/5': string;
|
|
460
|
+
'2/5': string;
|
|
461
|
+
'3/4': string;
|
|
462
|
+
'3/5': string;
|
|
463
|
+
'4/5': string;
|
|
464
|
+
};
|
|
465
|
+
boxShadow: {
|
|
466
|
+
none: string;
|
|
467
|
+
base: string;
|
|
468
|
+
xl: string;
|
|
469
|
+
xxl: string;
|
|
470
|
+
};
|
|
471
|
+
textShadow: {
|
|
472
|
+
hunter: string;
|
|
473
|
+
brown: string;
|
|
474
|
+
};
|
|
475
|
+
opacity: {
|
|
476
|
+
0: number;
|
|
477
|
+
25: number;
|
|
478
|
+
50: number;
|
|
479
|
+
75: number;
|
|
480
|
+
95: number;
|
|
481
|
+
100: number;
|
|
482
|
+
};
|
|
483
|
+
borderRadius: {
|
|
484
|
+
base: string;
|
|
485
|
+
sm: string;
|
|
486
|
+
xl: string;
|
|
487
|
+
xxl: string;
|
|
488
|
+
xxxl: string;
|
|
489
|
+
};
|
|
490
|
+
transition: {
|
|
491
|
+
base: string;
|
|
492
|
+
fast: string;
|
|
493
|
+
};
|
|
494
|
+
zIndex: {
|
|
495
|
+
0: number;
|
|
496
|
+
10: number;
|
|
497
|
+
15: number;
|
|
498
|
+
20: number;
|
|
499
|
+
30: number;
|
|
500
|
+
40: number;
|
|
501
|
+
50: number;
|
|
502
|
+
};
|
|
503
|
+
};
|
|
504
|
+
|
|
505
|
+
declare const styles_ThemeTokens: typeof ThemeTokens;
|
|
506
|
+
declare const styles_borderRadius: typeof borderRadius;
|
|
507
|
+
declare const styles_boxShadow: typeof boxShadow;
|
|
508
|
+
declare const styles_colors: typeof colors;
|
|
509
|
+
declare const styles_fontSizes: typeof fontSizes;
|
|
510
|
+
declare const styles_fontWeights: typeof fontWeights;
|
|
511
|
+
declare const styles_fonts: typeof fonts;
|
|
512
|
+
declare const styles_headingSizes: typeof headingSizes;
|
|
513
|
+
declare const styles_lineHeights: typeof lineHeights;
|
|
514
|
+
declare const styles_media: typeof media;
|
|
515
|
+
declare const styles_opacity: typeof opacity;
|
|
516
|
+
declare const styles_screens: typeof screens;
|
|
517
|
+
declare const styles_sizes: typeof sizes;
|
|
518
|
+
declare const styles_space: typeof space;
|
|
519
|
+
declare const styles_textShadow: typeof textShadow;
|
|
520
|
+
declare const styles_transition: typeof transition;
|
|
521
|
+
declare const styles_zIndex: typeof zIndex;
|
|
522
|
+
declare namespace styles {
|
|
523
|
+
export { styles_ThemeTokens as ThemeTokens, styles_borderRadius as borderRadius, styles_boxShadow as boxShadow, styles_colors as colors, styles_fontSizes as fontSizes, styles_fontWeights as fontWeights, styles_fonts as fonts, styles_headingSizes as headingSizes, styles_lineHeights as lineHeights, styles_media as media, styles_opacity as opacity, styles_screens as screens, styles_sizes as sizes, styles_space as space, styles_textShadow as textShadow, styles_transition as transition, styles_zIndex as zIndex };
|
|
524
|
+
}
|
|
525
|
+
|
|
526
|
+
type AIResponseProps = {
|
|
527
|
+
/**
|
|
528
|
+
* Optional title for the AI response
|
|
529
|
+
*/
|
|
530
|
+
title?: string;
|
|
531
|
+
/**
|
|
532
|
+
* Whether to show disclaimer text
|
|
533
|
+
*/
|
|
534
|
+
showDisclaimer?: boolean;
|
|
535
|
+
/**
|
|
536
|
+
* Whether to show helpful feedback question
|
|
537
|
+
*/
|
|
538
|
+
showHelpfulQuestion?: boolean;
|
|
539
|
+
/**
|
|
540
|
+
* Additional CSS class names
|
|
541
|
+
*/
|
|
542
|
+
className?: string;
|
|
543
|
+
/**
|
|
544
|
+
* Content to display in the response
|
|
545
|
+
*/
|
|
546
|
+
children?: React__default.ReactNode;
|
|
547
|
+
/**
|
|
548
|
+
* Callback when user clicks "Yes" for helpful feedback
|
|
549
|
+
*/
|
|
550
|
+
onHelpfulYes?: () => void;
|
|
551
|
+
/**
|
|
552
|
+
* Callback when user clicks "No" for helpful feedback
|
|
553
|
+
*/
|
|
554
|
+
onHelpfulNo?: () => void;
|
|
555
|
+
/**
|
|
556
|
+
* Visual variant of the response
|
|
557
|
+
*/
|
|
558
|
+
variant?: 'default' | 'error';
|
|
559
|
+
/**
|
|
560
|
+
* Callback for retry button in error state
|
|
561
|
+
*/
|
|
562
|
+
onErrorRetry?: () => void;
|
|
563
|
+
/**
|
|
564
|
+
* Debounce time for helpful feedback in milliseconds
|
|
565
|
+
*/
|
|
566
|
+
helpfulDebounceMs?: number;
|
|
567
|
+
};
|
|
568
|
+
declare const AIResponse: ({ title, showDisclaimer, showHelpfulQuestion, className, children, onHelpfulYes, onHelpfulNo, variant, onErrorRetry, helpfulDebounceMs, }: AIResponseProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
569
|
+
|
|
570
|
+
type AvailabilityChipVariant = 'primary' | 'error' | 'action' | 'warning';
|
|
571
|
+
|
|
572
|
+
type AvailabilityChipProps = HTMLAttributes<HTMLSpanElement> & {
|
|
573
|
+
/**
|
|
574
|
+
* Visual variant of the chip
|
|
575
|
+
*/
|
|
576
|
+
variant: AvailabilityChipVariant;
|
|
577
|
+
/**
|
|
578
|
+
* Additional CSS class names
|
|
579
|
+
*/
|
|
580
|
+
className?: string;
|
|
581
|
+
};
|
|
582
|
+
declare const AvailabilityChip: FC<PropsWithChildren<AvailabilityChipProps>>;
|
|
583
|
+
|
|
584
|
+
type BoxProps = HTMLAttributes<HTMLDivElement> & BorderProps & SpaceProps & ColorProps & FlexboxProps & GridProps$1 & LayoutProps & PositionProps & TypographyProps & WidthProps & {
|
|
585
|
+
children?: React.ReactNode;
|
|
586
|
+
gap?: unknown;
|
|
587
|
+
className?: string;
|
|
588
|
+
};
|
|
589
|
+
declare const Box: _emotion_styled.StyledComponent<{
|
|
590
|
+
theme?: _emotion_react.Theme | undefined;
|
|
591
|
+
as?: React$1.ElementType<any, keyof React$1.JSX.IntrinsicElements> | undefined;
|
|
592
|
+
} & HTMLAttributes<HTMLDivElement> & BorderProps<Required<styled_system.Theme<styled_system.TLengthStyledSystem>>, csstype.Property.Border<styled_system.TLengthStyledSystem>> & SpaceProps<Required<styled_system.Theme<styled_system.TLengthStyledSystem>>, string | number | symbol> & ColorProps<Required<styled_system.Theme<styled_system.TLengthStyledSystem>>, string | number | symbol> & FlexboxProps<Required<styled_system.Theme<styled_system.TLengthStyledSystem>>> & GridProps$1<Required<styled_system.Theme<styled_system.TLengthStyledSystem>>> & LayoutProps<Required<styled_system.Theme<styled_system.TLengthStyledSystem>>> & PositionProps<Required<styled_system.Theme<styled_system.TLengthStyledSystem>>> & TypographyProps<Required<styled_system.Theme<styled_system.TLengthStyledSystem>>> & WidthProps<Required<styled_system.Theme<styled_system.TLengthStyledSystem>>, csstype.Property.Width<styled_system.TLengthStyledSystem>> & {
|
|
593
|
+
children?: React.ReactNode;
|
|
594
|
+
gap?: unknown;
|
|
595
|
+
className?: string | undefined;
|
|
596
|
+
}, React$1.DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
597
|
+
|
|
598
|
+
type Props = BoxProps & {
|
|
599
|
+
isFullWidth?: boolean;
|
|
600
|
+
};
|
|
601
|
+
declare const Container: ({ children, className, isFullWidth, ...props }: Props) => _emotion_react_jsx_runtime.JSX.Element;
|
|
602
|
+
|
|
603
|
+
declare const SvgAiMagic: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
604
|
+
|
|
605
|
+
declare const SvgAmenitity: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
606
|
+
|
|
607
|
+
declare const SvgAngleDownSharp: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
608
|
+
|
|
609
|
+
declare const SvgAngleLeft: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
610
|
+
|
|
611
|
+
declare const SvgAngleRight: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
612
|
+
|
|
613
|
+
declare const SvgAngleUp: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
614
|
+
|
|
615
|
+
declare const SvgAntelope: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
616
|
+
|
|
617
|
+
declare const SvgArchery: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
618
|
+
|
|
619
|
+
declare const SvgArrowCircleLeft: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
620
|
+
|
|
621
|
+
declare const SvgArrowCircleRight: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
622
|
+
|
|
623
|
+
declare const SvgArrowDownWideShort: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
624
|
+
|
|
625
|
+
declare const SvgArrowRotateLeft: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
626
|
+
|
|
627
|
+
declare const SvgArrowUpFromSquare: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
628
|
+
|
|
629
|
+
declare const SvgArrowUpRightFromSquare: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
630
|
+
|
|
631
|
+
declare const SvgArrowsLeftRight: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
632
|
+
|
|
633
|
+
declare const SvgArtLure: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
634
|
+
|
|
635
|
+
declare const SvgBadgeDark: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
636
|
+
|
|
637
|
+
declare const SvgBan: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
638
|
+
|
|
639
|
+
declare const SvgBars: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
640
|
+
|
|
641
|
+
declare const SvgBathSolid: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
642
|
+
|
|
643
|
+
declare const SvgBear: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
644
|
+
|
|
645
|
+
declare const SvgBedSolid: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
646
|
+
|
|
647
|
+
declare const SvgBellSlash: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
648
|
+
|
|
649
|
+
declare const SvgBellSolid: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
650
|
+
|
|
651
|
+
declare const SvgBell: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
652
|
+
|
|
653
|
+
declare const SvgBinoculars: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
654
|
+
|
|
655
|
+
declare const SvgBoltSolid: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
656
|
+
|
|
657
|
+
declare const SvgBowArrowSharpSolid: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
658
|
+
|
|
659
|
+
declare const SvgBowArrowSharp: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
660
|
+
|
|
661
|
+
declare const SvgBowFishing: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
662
|
+
|
|
663
|
+
declare const SvgBoxArchive: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
664
|
+
|
|
665
|
+
declare const SvgCabinSolid: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
666
|
+
|
|
667
|
+
declare const SvgCabin: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
668
|
+
|
|
669
|
+
declare const SvgCalendar: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
670
|
+
|
|
671
|
+
declare const SvgCameraRetro: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
672
|
+
|
|
673
|
+
declare const SvgCampfire: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
674
|
+
|
|
675
|
+
declare const SvgCanoe: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
676
|
+
|
|
677
|
+
declare const SvgCaravanSimpleSolid: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
678
|
+
|
|
679
|
+
declare const SvgCaravanSimple: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
680
|
+
|
|
681
|
+
declare const SvgCheck: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
682
|
+
|
|
683
|
+
declare const SvgCircleCheck: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
684
|
+
|
|
685
|
+
declare const SvgCircleInfo: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
686
|
+
|
|
687
|
+
declare const SvgCircleXmark: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
688
|
+
|
|
689
|
+
declare const SvgClimbing: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
690
|
+
|
|
691
|
+
declare const SvgClockSolid: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
692
|
+
|
|
693
|
+
declare const SvgClock: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
694
|
+
|
|
695
|
+
declare const SvgConversationalSearchAi: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
696
|
+
|
|
697
|
+
declare const SvgCopy: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
698
|
+
|
|
699
|
+
declare const SvgCoyote: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
700
|
+
|
|
701
|
+
declare const SvgCurveLine: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
702
|
+
|
|
703
|
+
declare const SvgDogLeashed: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
704
|
+
|
|
705
|
+
declare const SvgDownCarrot: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
706
|
+
|
|
707
|
+
declare const SvgDuck: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
708
|
+
|
|
709
|
+
declare const SvgElk: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
710
|
+
|
|
711
|
+
declare const SvgEllipsis: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
712
|
+
|
|
713
|
+
declare const SvgEnvelope: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
714
|
+
|
|
715
|
+
declare const SvgEyeSlash: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
716
|
+
|
|
717
|
+
declare const SvgEye: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
718
|
+
|
|
719
|
+
declare const SvgFacebookCircle: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
720
|
+
|
|
721
|
+
declare const SvgFacebookSquare: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
722
|
+
|
|
723
|
+
declare const SvgFacebook: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
724
|
+
|
|
725
|
+
declare const SvgFarmSolid: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
726
|
+
|
|
727
|
+
declare const SvgFarm: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
728
|
+
|
|
729
|
+
declare const SvgFilter: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
730
|
+
|
|
731
|
+
declare const SvgFishingRodSolid: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
732
|
+
|
|
733
|
+
declare const SvgFishingRod: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
734
|
+
|
|
735
|
+
declare const SvgFlagSplash: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
736
|
+
|
|
737
|
+
declare const SvgFlyFishing: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
738
|
+
|
|
739
|
+
declare const SvgFood: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
740
|
+
|
|
741
|
+
declare const SvgFossil: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
742
|
+
|
|
743
|
+
declare const SvgGameCam: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
744
|
+
|
|
745
|
+
declare const SvgGameFeeder: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
746
|
+
|
|
747
|
+
declare const SvgGridSolid: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
748
|
+
|
|
749
|
+
declare const SvgGrillHotSolid: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
750
|
+
|
|
751
|
+
declare const SvgGroundBlind: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
752
|
+
|
|
753
|
+
declare const SvgHandsUsd: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
754
|
+
|
|
755
|
+
declare const SvgHeartSolid: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
756
|
+
|
|
757
|
+
declare const SvgHeart: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
758
|
+
|
|
759
|
+
declare const SvgHorseSaddle: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
760
|
+
|
|
761
|
+
declare const SvgHouseCircleCheck: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
762
|
+
|
|
763
|
+
declare const SvgHouseSolid: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
764
|
+
|
|
765
|
+
declare const SvgHouse: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
766
|
+
|
|
767
|
+
declare const SvgIconCalendarFilled: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
768
|
+
|
|
769
|
+
declare const SvgIconCalendar: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
770
|
+
|
|
771
|
+
declare const SvgIconCommentFilled: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
772
|
+
|
|
773
|
+
declare const SvgIconComment: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
774
|
+
|
|
775
|
+
declare const SvgIconDashboardGuage: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
776
|
+
|
|
777
|
+
declare const SvgIconDeleteTrash: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
778
|
+
|
|
779
|
+
declare const SvgIconFieldNotesUpdates: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
780
|
+
|
|
781
|
+
declare const SvgIconHamburgerMenuFilledSmall: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
782
|
+
|
|
783
|
+
declare const SvgIconHamburgerMenuSmall: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
784
|
+
|
|
785
|
+
declare const SvgIconHeartFilled: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
786
|
+
|
|
787
|
+
declare const SvgIconHeartSmall: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
788
|
+
|
|
789
|
+
declare const SvgIconHeart: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
790
|
+
|
|
791
|
+
declare const SvgIconHelp: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
792
|
+
|
|
793
|
+
declare const SvgIconInfoI: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
794
|
+
|
|
795
|
+
declare const SvgIconInquire: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
796
|
+
|
|
797
|
+
declare const SvgIconLodgeFilled: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
798
|
+
|
|
799
|
+
declare const SvgIconLodge: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
800
|
+
|
|
801
|
+
declare const SvgIconLogout: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
802
|
+
|
|
803
|
+
declare const SvgIconMapPinLocation2: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
804
|
+
|
|
805
|
+
declare const SvgIconMapPinLocationRegular: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
806
|
+
|
|
807
|
+
declare const SvgIconProfileGuests: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
808
|
+
|
|
809
|
+
declare const SvgIconSearch: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
810
|
+
|
|
811
|
+
declare const SvgIconShare: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
812
|
+
|
|
813
|
+
declare const SvgIconVideo: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
814
|
+
|
|
815
|
+
declare const SvgImage: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
816
|
+
|
|
817
|
+
declare const SvgInstagramSquare: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
818
|
+
|
|
819
|
+
declare const SvgKayak: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
820
|
+
|
|
821
|
+
declare const SvgLandtrustBadge: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
822
|
+
|
|
823
|
+
declare const SvgLeafMaple: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
824
|
+
|
|
825
|
+
declare const SvgLevel: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
826
|
+
|
|
827
|
+
declare const SvgLightbulb: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
828
|
+
|
|
829
|
+
declare const SvgLink: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
830
|
+
|
|
831
|
+
declare const SvgLinkedinSquare: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
832
|
+
|
|
833
|
+
declare const SvgList: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
834
|
+
|
|
835
|
+
declare const SvgLiveBait: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
836
|
+
|
|
837
|
+
declare const SvgLocationCircle: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
838
|
+
|
|
839
|
+
declare const SvgLocationDotSolid: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
840
|
+
|
|
841
|
+
declare const SvgMagnifyingGlass: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
842
|
+
|
|
843
|
+
declare const SvgMapSolid: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
844
|
+
|
|
845
|
+
declare const SvgMap: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
846
|
+
|
|
847
|
+
declare const SvgMoundSolid: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
848
|
+
|
|
849
|
+
declare const SvgMuleDeer: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
850
|
+
|
|
851
|
+
declare const SvgMushroom: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
852
|
+
|
|
853
|
+
declare const SvgNoteStickySolid: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
854
|
+
|
|
855
|
+
declare const SvgNoteSticky: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
856
|
+
|
|
857
|
+
declare const SvgPaddleboard: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
858
|
+
|
|
859
|
+
declare const SvgPaperPlane: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
860
|
+
|
|
861
|
+
declare const SvgPaperclip: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
862
|
+
|
|
863
|
+
declare const SvgPedestalSolid: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
864
|
+
|
|
865
|
+
declare const SvgPenToSquare: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
866
|
+
|
|
867
|
+
declare const SvgPencil: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
868
|
+
|
|
869
|
+
declare const SvgPersonBiking: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
870
|
+
|
|
871
|
+
declare const SvgPersonHiking: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
872
|
+
|
|
873
|
+
declare const SvgPersonSkiing: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
874
|
+
|
|
875
|
+
declare const SvgPersonSledding: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
876
|
+
|
|
877
|
+
declare const SvgPersonSnowmobiling: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
878
|
+
|
|
879
|
+
declare const SvgPersonSwimming: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
880
|
+
|
|
881
|
+
declare const SvgPheasant: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
882
|
+
|
|
883
|
+
declare const SvgPhoneSolid: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
884
|
+
|
|
885
|
+
declare const SvgPhone: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
886
|
+
|
|
887
|
+
declare const SvgPig: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
888
|
+
|
|
889
|
+
declare const SvgPinLogoSolid: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
890
|
+
|
|
891
|
+
declare const SvgPlugSolid: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
892
|
+
|
|
893
|
+
declare const SvgPlus: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
894
|
+
|
|
895
|
+
declare const SvgQuotesLight: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
896
|
+
|
|
897
|
+
declare const SvgQuotes: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
898
|
+
|
|
899
|
+
declare const SvgRifle: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
900
|
+
|
|
901
|
+
declare const SvgRoadSolid: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
902
|
+
|
|
903
|
+
declare const SvgRulerTriangleSolid: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
904
|
+
|
|
905
|
+
declare const SvgSailboat: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
906
|
+
|
|
907
|
+
declare const SvgSewage: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
908
|
+
|
|
909
|
+
declare const SvgShelter: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
910
|
+
|
|
911
|
+
declare const SvgShieldCheckSolid: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
912
|
+
|
|
913
|
+
declare const SvgShieldCheck: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
914
|
+
|
|
915
|
+
declare const SvgShieldSplash: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
916
|
+
|
|
917
|
+
declare const SvgSignsPostSharpSolid: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
918
|
+
|
|
919
|
+
declare const SvgSmallCurvedLine: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
920
|
+
|
|
921
|
+
declare const SvgSpinner: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
922
|
+
|
|
923
|
+
declare const SvgSquareInfoSolid: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
924
|
+
|
|
925
|
+
declare const SvgSquareParkingSolid: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
926
|
+
|
|
927
|
+
declare const SvgSquareParking: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
928
|
+
|
|
929
|
+
declare const SvgSquare: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
930
|
+
|
|
931
|
+
declare const SvgStarRegular: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
932
|
+
|
|
933
|
+
declare const SvgStarSolid: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
934
|
+
|
|
935
|
+
declare const SvgStarSplash: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
936
|
+
|
|
937
|
+
declare const SvgStar: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
938
|
+
|
|
939
|
+
declare const SvgTablePicnic: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
940
|
+
|
|
941
|
+
declare const SvgTackle: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
942
|
+
|
|
943
|
+
declare const SvgTelescope: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
944
|
+
|
|
945
|
+
declare const SvgTentSolid: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
946
|
+
|
|
947
|
+
declare const SvgTent: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
948
|
+
|
|
949
|
+
declare const SvgThumbsDownSolid: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
950
|
+
|
|
951
|
+
declare const SvgThumbsDown: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
952
|
+
|
|
953
|
+
declare const SvgThumbsUpSolid: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
954
|
+
|
|
955
|
+
declare const SvgThumbsUp: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
956
|
+
|
|
957
|
+
declare const SvgTrashSolid: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
958
|
+
|
|
959
|
+
declare const SvgTrash: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
960
|
+
|
|
961
|
+
declare const SvgTreeDecorated: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
962
|
+
|
|
963
|
+
declare const SvgTreeStand: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
964
|
+
|
|
965
|
+
declare const SvgTrees: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
966
|
+
|
|
967
|
+
declare const SvgTurkey: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
968
|
+
|
|
969
|
+
declare const SvgUpland: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
970
|
+
|
|
971
|
+
declare const SvgUsFlag: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
972
|
+
|
|
973
|
+
declare const SvgUserSolid: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
974
|
+
|
|
975
|
+
declare const SvgUser: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
976
|
+
|
|
977
|
+
declare const SvgUsers: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
978
|
+
|
|
979
|
+
declare const SvgWaterTap: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
980
|
+
|
|
981
|
+
declare const SvgWater: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
982
|
+
|
|
983
|
+
declare const SvgWaterfowl: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
984
|
+
|
|
985
|
+
declare const SvgWhitetail: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
986
|
+
|
|
987
|
+
declare const SvgXmark: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
988
|
+
|
|
989
|
+
declare const SvgYoutubeSquare: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
990
|
+
|
|
991
|
+
declare namespace Icons {
|
|
992
|
+
export { SvgAiMagic as AiMagic, SvgAmenitity as Amenitity, SvgAngleDownSharp as AngleDownSharp, SvgAngleLeft as AngleLeft, SvgAngleRight as AngleRight, SvgAngleUp as AngleUp, SvgAntelope as Antelope, SvgArchery as Archery, SvgArrowCircleLeft as ArrowCircleLeft, SvgArrowCircleRight as ArrowCircleRight, SvgArrowDownWideShort as ArrowDownWideShort, SvgArrowRotateLeft as ArrowRotateLeft, SvgArrowUpFromSquare as ArrowUpFromSquare, SvgArrowUpRightFromSquare as ArrowUpRightFromSquare, SvgArrowsLeftRight as ArrowsLeftRight, SvgArtLure as ArtLure, SvgBadgeDark as BadgeDark, SvgBan as Ban, SvgBars as Bars, SvgBathSolid as BathSolid, SvgBear as Bear, SvgBedSolid as BedSolid, SvgBell as Bell, SvgBellSlash as BellSlash, SvgBellSolid as BellSolid, SvgBinoculars as Binoculars, SvgBoltSolid as BoltSolid, SvgBowArrowSharp as BowArrowSharp, SvgBowArrowSharpSolid as BowArrowSharpSolid, SvgBowFishing as BowFishing, SvgBoxArchive as BoxArchive, SvgCabin as Cabin, SvgCabinSolid as CabinSolid, SvgCalendar as Calendar, SvgCameraRetro as CameraRetro, SvgCampfire as Campfire, SvgCanoe as Canoe, SvgCaravanSimple as CaravanSimple, SvgCaravanSimpleSolid as CaravanSimpleSolid, SvgCheck as Check, SvgCircleCheck as CircleCheck, SvgCircleInfo as CircleInfo, SvgCircleXmark as CircleXmark, SvgClimbing as Climbing, SvgClock as Clock, SvgClockSolid as ClockSolid, SvgConversationalSearchAi as ConversationalSearchAi, SvgCopy as Copy, SvgCoyote as Coyote, SvgCurveLine as CurveLine, SvgDogLeashed as DogLeashed, SvgDownCarrot as DownCarrot, SvgDuck as Duck, SvgElk as Elk, SvgEllipsis as Ellipsis, SvgEnvelope as Envelope, SvgEye as Eye, SvgEyeSlash as EyeSlash, SvgFacebook as Facebook, SvgFacebookCircle as FacebookCircle, SvgFacebookSquare as FacebookSquare, SvgFarm as Farm, SvgFarmSolid as FarmSolid, SvgFilter as Filter, SvgFishingRod as FishingRod, SvgFishingRodSolid as FishingRodSolid, SvgFlagSplash as FlagSplash, SvgFlyFishing as FlyFishing, SvgFood as Food, SvgFossil as Fossil, SvgGameCam as GameCam, SvgGameFeeder as GameFeeder, SvgGridSolid as GridSolid, SvgGrillHotSolid as GrillHotSolid, SvgGroundBlind as GroundBlind, SvgHandsUsd as HandsUsd, SvgHeart as Heart, SvgHeartSolid as HeartSolid, SvgHorseSaddle as HorseSaddle, SvgHouse as House, SvgHouseCircleCheck as HouseCircleCheck, SvgHouseSolid as HouseSolid, SvgIconCalendar as IconCalendar, SvgIconCalendarFilled as IconCalendarFilled, SvgIconComment as IconComment, SvgIconCommentFilled as IconCommentFilled, SvgIconDashboardGuage as IconDashboardGuage, SvgIconDeleteTrash as IconDeleteTrash, SvgIconFieldNotesUpdates as IconFieldNotesUpdates, SvgIconHamburgerMenuFilledSmall as IconHamburgerMenuFilledSmall, SvgIconHamburgerMenuSmall as IconHamburgerMenuSmall, SvgIconHeart as IconHeart, SvgIconHeartFilled as IconHeartFilled, SvgIconHeartSmall as IconHeartSmall, SvgIconHelp as IconHelp, SvgIconInfoI as IconInfoI, SvgIconInquire as IconInquire, SvgIconLodge as IconLodge, SvgIconLodgeFilled as IconLodgeFilled, SvgIconLogout as IconLogout, SvgIconMapPinLocation2 as IconMapPinLocation2, SvgIconMapPinLocationRegular as IconMapPinLocationRegular, SvgIconProfileGuests as IconProfileGuests, SvgIconSearch as IconSearch, SvgIconShare as IconShare, SvgIconVideo as IconVideo, SvgImage as Image, SvgInstagramSquare as InstagramSquare, SvgKayak as Kayak, SvgLandtrustBadge as LandtrustBadge, SvgLeafMaple as LeafMaple, SvgLevel as Level, SvgLightbulb as Lightbulb, SvgLink as Link, SvgLinkedinSquare as LinkedinSquare, SvgList as List, SvgLiveBait as LiveBait, SvgLocationCircle as LocationCircle, SvgLocationDotSolid as LocationDotSolid, SvgMagnifyingGlass as MagnifyingGlass, SvgMap as Map, SvgMapSolid as MapSolid, SvgMoundSolid as MoundSolid, SvgMuleDeer as MuleDeer, SvgMushroom as Mushroom, SvgNoteSticky as NoteSticky, SvgNoteStickySolid as NoteStickySolid, SvgPaddleboard as Paddleboard, SvgPaperPlane as PaperPlane, SvgPaperclip as Paperclip, SvgPedestalSolid as PedestalSolid, SvgPenToSquare as PenToSquare, SvgPencil as Pencil, SvgPersonBiking as PersonBiking, SvgPersonHiking as PersonHiking, SvgPersonSkiing as PersonSkiing, SvgPersonSledding as PersonSledding, SvgPersonSnowmobiling as PersonSnowmobiling, SvgPersonSwimming as PersonSwimming, SvgPheasant as Pheasant, SvgPhone as Phone, SvgPhoneSolid as PhoneSolid, SvgPig as Pig, SvgPinLogoSolid as PinLogoSolid, SvgPlugSolid as PlugSolid, SvgPlus as Plus, SvgQuotes as Quotes, SvgQuotesLight as QuotesLight, SvgRifle as Rifle, SvgRoadSolid as RoadSolid, SvgRulerTriangleSolid as RulerTriangleSolid, SvgSailboat as Sailboat, SvgSewage as Sewage, SvgShelter as Shelter, SvgShieldCheck as ShieldCheck, SvgShieldCheckSolid as ShieldCheckSolid, SvgShieldSplash as ShieldSplash, SvgSignsPostSharpSolid as SignsPostSharpSolid, SvgSmallCurvedLine as SmallCurvedLine, SvgSpinner as Spinner, SvgSquare as Square, SvgSquareInfoSolid as SquareInfoSolid, SvgSquareParking as SquareParking, SvgSquareParkingSolid as SquareParkingSolid, SvgStar as Star, SvgStarRegular as StarRegular, SvgStarSolid as StarSolid, SvgStarSplash as StarSplash, SvgTablePicnic as TablePicnic, SvgTackle as Tackle, SvgTelescope as Telescope, SvgTent as Tent, SvgTentSolid as TentSolid, SvgThumbsDown as ThumbsDown, SvgThumbsDownSolid as ThumbsDownSolid, SvgThumbsUp as ThumbsUp, SvgThumbsUpSolid as ThumbsUpSolid, SvgTrash as Trash, SvgTrashSolid as TrashSolid, SvgTreeDecorated as TreeDecorated, SvgTreeStand as TreeStand, SvgTrees as Trees, SvgTurkey as Turkey, SvgUpland as Upland, SvgUsFlag as UsFlag, SvgUser as User, SvgUserSolid as UserSolid, SvgUsers as Users, SvgWater as Water, SvgWaterTap as WaterTap, SvgWaterfowl as Waterfowl, SvgWhitetail as Whitetail, SvgXmark as Xmark, SvgYoutubeSquare as YoutubeSquare };
|
|
993
|
+
}
|
|
994
|
+
|
|
995
|
+
type IconVariantTypes$1 = keyof typeof Icons;
|
|
996
|
+
type IconProps = {
|
|
997
|
+
variant: IconVariantTypes$1;
|
|
998
|
+
size?: keyof typeof space;
|
|
999
|
+
className?: string;
|
|
1000
|
+
setAutoHeight?: boolean;
|
|
1001
|
+
onClick?: () => void;
|
|
1002
|
+
fill?: string;
|
|
1003
|
+
};
|
|
1004
|
+
declare const Icon: ({ variant, size, className, setAutoHeight, fill, ...rest }: IconProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
1005
|
+
|
|
1006
|
+
type ButtonVariants = 'primary' | 'secondary' | 'tertiary' | 'plus' | 'simple' | 'text' | 'topo';
|
|
1007
|
+
|
|
1008
|
+
type ButtonAndAnchorProps = React__default.HTMLProps<HTMLButtonElement> & React__default.HTMLProps<HTMLAnchorElement>;
|
|
1009
|
+
type ButtonProps = {
|
|
1010
|
+
/**
|
|
1011
|
+
* Element type to render as (button, a, etc.)
|
|
1012
|
+
*/
|
|
1013
|
+
as?: React__default.ElementType;
|
|
1014
|
+
/**
|
|
1015
|
+
* Visual style variant of the button
|
|
1016
|
+
*/
|
|
1017
|
+
variant?: ButtonVariants;
|
|
1018
|
+
/**
|
|
1019
|
+
* Whether the button should take full width
|
|
1020
|
+
*/
|
|
1021
|
+
fullWidth?: boolean;
|
|
1022
|
+
/**
|
|
1023
|
+
* Whether to show loading state
|
|
1024
|
+
*/
|
|
1025
|
+
isLoading?: boolean;
|
|
1026
|
+
/**
|
|
1027
|
+
* Whether the button is disabled
|
|
1028
|
+
*/
|
|
1029
|
+
disabled?: boolean;
|
|
1030
|
+
/**
|
|
1031
|
+
* Button content
|
|
1032
|
+
*/
|
|
1033
|
+
children?: React__default.ReactNode;
|
|
1034
|
+
/**
|
|
1035
|
+
* Button type attribute
|
|
1036
|
+
*/
|
|
1037
|
+
type?: 'submit' | 'button';
|
|
1038
|
+
/**
|
|
1039
|
+
* Size variant of the button
|
|
1040
|
+
*/
|
|
1041
|
+
size?: 'xs' | 'base' | 'sm' | 'lg';
|
|
1042
|
+
/**
|
|
1043
|
+
* Additional CSS class names
|
|
1044
|
+
*/
|
|
1045
|
+
className?: string;
|
|
1046
|
+
/**
|
|
1047
|
+
* Custom styles for the button label
|
|
1048
|
+
*/
|
|
1049
|
+
labelStyleOverrides?: Interpolation<Theme>;
|
|
1050
|
+
/**
|
|
1051
|
+
* Click event handler
|
|
1052
|
+
*/
|
|
1053
|
+
onClick?: React__default.MouseEventHandler<HTMLElement>;
|
|
1054
|
+
/**
|
|
1055
|
+
* Icon element to display in the button
|
|
1056
|
+
*/
|
|
1057
|
+
icon?: React__default.ReactElement<React__default.ComponentProps<typeof Icon>>;
|
|
1058
|
+
} & Omit<ButtonAndAnchorProps, 'size' | 'as' | 'onClick'>;
|
|
1059
|
+
declare const Button: React__default.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React__default.RefAttributes<HTMLElement>>;
|
|
1060
|
+
|
|
1061
|
+
type MessageBubbleVariant = 'sent' | 'received';
|
|
1062
|
+
|
|
1063
|
+
type MessageBubbleProps = {
|
|
1064
|
+
/**
|
|
1065
|
+
* Visual variant of the message bubble
|
|
1066
|
+
*/
|
|
1067
|
+
variant?: MessageBubbleVariant;
|
|
1068
|
+
/**
|
|
1069
|
+
* Optional timestamp to display
|
|
1070
|
+
*/
|
|
1071
|
+
timestamp?: string;
|
|
1072
|
+
/**
|
|
1073
|
+
* Additional CSS class names
|
|
1074
|
+
*/
|
|
1075
|
+
className?: string;
|
|
1076
|
+
/**
|
|
1077
|
+
* Content to display in the message bubble
|
|
1078
|
+
*/
|
|
1079
|
+
children?: React__default.ReactNode;
|
|
1080
|
+
};
|
|
1081
|
+
declare const MessageBubble: ({ variant, timestamp, className, children, }: MessageBubbleProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
1082
|
+
|
|
1083
|
+
type ChatWidgetMessage = React__default.ReactElement<React__default.ComponentProps<typeof AIResponse>, typeof AIResponse> | React__default.ReactElement<React__default.ComponentProps<typeof MessageBubble>, typeof MessageBubble>;
|
|
1084
|
+
type ChatWidgetProps = {
|
|
1085
|
+
/**
|
|
1086
|
+
* Title displayed in the chat widget header
|
|
1087
|
+
*/
|
|
1088
|
+
title: string;
|
|
1089
|
+
/**
|
|
1090
|
+
* Array of messages to display
|
|
1091
|
+
*/
|
|
1092
|
+
messages: ChatWidgetMessage[];
|
|
1093
|
+
/**
|
|
1094
|
+
* Callback when user submits a message
|
|
1095
|
+
*/
|
|
1096
|
+
onSubmit: (value: string) => void;
|
|
1097
|
+
/**
|
|
1098
|
+
* Placeholder text for the input field
|
|
1099
|
+
*/
|
|
1100
|
+
placeholder?: string;
|
|
1101
|
+
/**
|
|
1102
|
+
* Whether the chat widget is disabled
|
|
1103
|
+
*/
|
|
1104
|
+
disabled?: boolean;
|
|
1105
|
+
/**
|
|
1106
|
+
* Additional CSS class names
|
|
1107
|
+
*/
|
|
1108
|
+
className?: string;
|
|
1109
|
+
/**
|
|
1110
|
+
* ARIA label for accessibility
|
|
1111
|
+
*/
|
|
1112
|
+
ariaLabel?: string;
|
|
1113
|
+
/**
|
|
1114
|
+
* Width of the chat panel
|
|
1115
|
+
*/
|
|
1116
|
+
panelWidth?: number | string;
|
|
1117
|
+
/**
|
|
1118
|
+
* Whether the widget is expanded (controlled)
|
|
1119
|
+
*/
|
|
1120
|
+
expanded?: boolean;
|
|
1121
|
+
/**
|
|
1122
|
+
* Default expanded state (uncontrolled)
|
|
1123
|
+
*/
|
|
1124
|
+
defaultExpanded?: boolean;
|
|
1125
|
+
/**
|
|
1126
|
+
* Callback when expanded state changes
|
|
1127
|
+
*/
|
|
1128
|
+
onExpandedChange?: (expanded: boolean) => void;
|
|
1129
|
+
/**
|
|
1130
|
+
* Whether to show thinking indicator
|
|
1131
|
+
*/
|
|
1132
|
+
isThinking?: boolean;
|
|
1133
|
+
/**
|
|
1134
|
+
* Messages to show when chat is empty
|
|
1135
|
+
*/
|
|
1136
|
+
emptyState?: ChatWidgetMessage[];
|
|
1137
|
+
/**
|
|
1138
|
+
* Additional props for the container
|
|
1139
|
+
*/
|
|
1140
|
+
containerProps?: BoxProps;
|
|
1141
|
+
};
|
|
1142
|
+
declare const ChatWidget: ({ title, messages, onSubmit, placeholder, disabled, className, ariaLabel, panelWidth, expanded, defaultExpanded, onExpandedChange, isThinking, emptyState, containerProps, }: ChatWidgetProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
1143
|
+
|
|
1144
|
+
type DividerProps = React__default.HTMLAttributes<HTMLHRElement> & SpaceProps & {
|
|
1145
|
+
/**
|
|
1146
|
+
* Additional CSS class names
|
|
1147
|
+
*/
|
|
1148
|
+
className?: string;
|
|
1149
|
+
};
|
|
1150
|
+
declare const Divider: React__default.FC<DividerProps>;
|
|
1151
|
+
|
|
1152
|
+
type FieldNoteCardProps = {
|
|
1153
|
+
/**
|
|
1154
|
+
* URL of the background image
|
|
1155
|
+
*/
|
|
1156
|
+
backgroundImage: string;
|
|
1157
|
+
/**
|
|
1158
|
+
* Title text displayed on the card
|
|
1159
|
+
*/
|
|
1160
|
+
title: string;
|
|
1161
|
+
/**
|
|
1162
|
+
* Text displayed on the action button
|
|
1163
|
+
*/
|
|
1164
|
+
buttonLabel: string;
|
|
1165
|
+
/**
|
|
1166
|
+
* Callback when the card or button is clicked
|
|
1167
|
+
*/
|
|
1168
|
+
onClick?: () => void;
|
|
1169
|
+
/**
|
|
1170
|
+
* Additional CSS class names
|
|
1171
|
+
*/
|
|
1172
|
+
className?: string;
|
|
1173
|
+
};
|
|
1174
|
+
declare const FieldNoteCard: ({ backgroundImage, title, buttonLabel, onClick, className, ...rest }: FieldNoteCardProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
1175
|
+
|
|
1176
|
+
interface FormFieldProps {
|
|
1177
|
+
/**
|
|
1178
|
+
* Field label
|
|
1179
|
+
*/
|
|
1180
|
+
label?: string;
|
|
1181
|
+
/**
|
|
1182
|
+
* Whether to hide the label visually
|
|
1183
|
+
*/
|
|
1184
|
+
hideLabel?: boolean;
|
|
1185
|
+
/**
|
|
1186
|
+
* Whether the field is required
|
|
1187
|
+
*/
|
|
1188
|
+
required?: boolean;
|
|
1189
|
+
/**
|
|
1190
|
+
* Error message
|
|
1191
|
+
*/
|
|
1192
|
+
error?: string;
|
|
1193
|
+
/**
|
|
1194
|
+
* Success message
|
|
1195
|
+
*/
|
|
1196
|
+
success?: string;
|
|
1197
|
+
/**
|
|
1198
|
+
* Help text
|
|
1199
|
+
*/
|
|
1200
|
+
helpText?: string;
|
|
1201
|
+
/**
|
|
1202
|
+
* Field ID for accessibility
|
|
1203
|
+
*/
|
|
1204
|
+
htmlFor?: string;
|
|
1205
|
+
/**
|
|
1206
|
+
* Children components
|
|
1207
|
+
*/
|
|
1208
|
+
children: ReactNode;
|
|
1209
|
+
/**
|
|
1210
|
+
* Additional CSS class names
|
|
1211
|
+
*/
|
|
1212
|
+
className?: string;
|
|
1213
|
+
}
|
|
1214
|
+
declare const FormField: React__default.FC<FormFieldProps>;
|
|
1215
|
+
|
|
1216
|
+
type InputSize = 'sm' | 'md' | 'lg';
|
|
1217
|
+
type InputVariant = 'default' | 'error' | 'success';
|
|
1218
|
+
|
|
1219
|
+
interface BaseInputProps {
|
|
1220
|
+
/**
|
|
1221
|
+
* Size variant of the input
|
|
1222
|
+
*/
|
|
1223
|
+
size?: InputSize;
|
|
1224
|
+
/**
|
|
1225
|
+
* Visual variant of the input
|
|
1226
|
+
*/
|
|
1227
|
+
variant?: InputVariant;
|
|
1228
|
+
/**
|
|
1229
|
+
* Whether the input is disabled
|
|
1230
|
+
*/
|
|
1231
|
+
disabled?: boolean;
|
|
1232
|
+
/**
|
|
1233
|
+
* Whether the input is required
|
|
1234
|
+
*/
|
|
1235
|
+
required?: boolean;
|
|
1236
|
+
/**
|
|
1237
|
+
* Whether the input is read-only
|
|
1238
|
+
*/
|
|
1239
|
+
readOnly?: boolean;
|
|
1240
|
+
/**
|
|
1241
|
+
* Help text displayed below the input
|
|
1242
|
+
*/
|
|
1243
|
+
helpText?: string;
|
|
1244
|
+
/**
|
|
1245
|
+
* Error message displayed below the input
|
|
1246
|
+
*/
|
|
1247
|
+
error?: string;
|
|
1248
|
+
/**
|
|
1249
|
+
* Success message displayed below the input
|
|
1250
|
+
*/
|
|
1251
|
+
success?: string;
|
|
1252
|
+
/**
|
|
1253
|
+
* Label text for the input
|
|
1254
|
+
*/
|
|
1255
|
+
label?: string;
|
|
1256
|
+
/**
|
|
1257
|
+
* Whether to hide the label visually (for accessibility)
|
|
1258
|
+
*/
|
|
1259
|
+
hideLabel?: boolean;
|
|
1260
|
+
/**
|
|
1261
|
+
* Icon to display at the start of the input
|
|
1262
|
+
*/
|
|
1263
|
+
startIcon?: ReactNode;
|
|
1264
|
+
/**
|
|
1265
|
+
* Icon to display at the end of the input
|
|
1266
|
+
*/
|
|
1267
|
+
endIcon?: ReactNode;
|
|
1268
|
+
/**
|
|
1269
|
+
* Additional CSS class names
|
|
1270
|
+
*/
|
|
1271
|
+
className?: string;
|
|
1272
|
+
/**
|
|
1273
|
+
* Placeholder text
|
|
1274
|
+
*/
|
|
1275
|
+
placeholder?: string;
|
|
1276
|
+
}
|
|
1277
|
+
interface InputProps extends BaseInputProps, Omit<React__default.InputHTMLAttributes<HTMLInputElement>, 'size'> {
|
|
1278
|
+
/**
|
|
1279
|
+
* Input type
|
|
1280
|
+
*/
|
|
1281
|
+
type?: 'text' | 'email' | 'password' | 'number' | 'tel' | 'url' | 'search';
|
|
1282
|
+
}
|
|
1283
|
+
declare const Input: React__default.ForwardRefExoticComponent<InputProps & React__default.RefAttributes<HTMLInputElement>>;
|
|
1284
|
+
|
|
1285
|
+
interface SelectOption {
|
|
1286
|
+
/**
|
|
1287
|
+
* Option value
|
|
1288
|
+
*/
|
|
1289
|
+
value: string | number;
|
|
1290
|
+
/**
|
|
1291
|
+
* Option label text
|
|
1292
|
+
*/
|
|
1293
|
+
label: string;
|
|
1294
|
+
/**
|
|
1295
|
+
* Whether the option is disabled
|
|
1296
|
+
*/
|
|
1297
|
+
disabled?: boolean;
|
|
1298
|
+
}
|
|
1299
|
+
interface SelectProps extends BaseInputProps, Omit<React__default.SelectHTMLAttributes<HTMLSelectElement>, 'size'> {
|
|
1300
|
+
/**
|
|
1301
|
+
* Select options
|
|
1302
|
+
*/
|
|
1303
|
+
options: SelectOption[];
|
|
1304
|
+
/**
|
|
1305
|
+
* Placeholder option text
|
|
1306
|
+
*/
|
|
1307
|
+
placeholderOption?: string;
|
|
1308
|
+
}
|
|
1309
|
+
declare const Select: React__default.ForwardRefExoticComponent<SelectProps & React__default.RefAttributes<HTMLSelectElement>>;
|
|
1310
|
+
|
|
1311
|
+
interface TextareaProps extends BaseInputProps, Omit<React__default.TextareaHTMLAttributes<HTMLTextAreaElement>, 'size'> {
|
|
1312
|
+
/**
|
|
1313
|
+
* Number of visible text lines
|
|
1314
|
+
*/
|
|
1315
|
+
rows?: number;
|
|
1316
|
+
/**
|
|
1317
|
+
* Whether the textarea can be resized
|
|
1318
|
+
*/
|
|
1319
|
+
resize?: 'none' | 'both' | 'horizontal' | 'vertical';
|
|
1320
|
+
}
|
|
1321
|
+
type ExtraProps = {
|
|
1322
|
+
autoExpand?: boolean;
|
|
1323
|
+
maxHeight?: number | string;
|
|
1324
|
+
showSubmit?: boolean;
|
|
1325
|
+
onSubmit?: () => void;
|
|
1326
|
+
submitAriaLabel?: string;
|
|
1327
|
+
submitDisabled?: boolean;
|
|
1328
|
+
submitOnEnter?: boolean;
|
|
1329
|
+
};
|
|
1330
|
+
declare const TextArea: React__default.ForwardRefExoticComponent<TextareaProps & ExtraProps & React__default.RefAttributes<HTMLTextAreaElement>>;
|
|
1331
|
+
|
|
1332
|
+
type GridBreakpoint = 'sm' | 'md' | 'lg' | 'xl';
|
|
1333
|
+
type ResponsiveValue<T> = T | {
|
|
1334
|
+
sm?: T;
|
|
1335
|
+
md?: T;
|
|
1336
|
+
lg?: T;
|
|
1337
|
+
xl?: T;
|
|
1338
|
+
_?: T;
|
|
1339
|
+
};
|
|
1340
|
+
|
|
1341
|
+
interface ColumnProps extends BoxProps {
|
|
1342
|
+
/**
|
|
1343
|
+
* Column span at different breakpoints
|
|
1344
|
+
*/
|
|
1345
|
+
span?: ResponsiveValue<number | 'auto'>;
|
|
1346
|
+
/**
|
|
1347
|
+
* Column start position
|
|
1348
|
+
*/
|
|
1349
|
+
start?: ResponsiveValue<number>;
|
|
1350
|
+
/**
|
|
1351
|
+
* Column end position
|
|
1352
|
+
*/
|
|
1353
|
+
end?: ResponsiveValue<number>;
|
|
1354
|
+
/**
|
|
1355
|
+
* Row position
|
|
1356
|
+
*/
|
|
1357
|
+
row?: ResponsiveValue<number>;
|
|
1358
|
+
/**
|
|
1359
|
+
* Row span
|
|
1360
|
+
*/
|
|
1361
|
+
rowSpan?: ResponsiveValue<number>;
|
|
1362
|
+
/**
|
|
1363
|
+
* Grid area name
|
|
1364
|
+
*/
|
|
1365
|
+
area?: string;
|
|
1366
|
+
/**
|
|
1367
|
+
* Column children
|
|
1368
|
+
*/
|
|
1369
|
+
children: ReactNode;
|
|
1370
|
+
}
|
|
1371
|
+
declare const Column: ({ span, start, end, row, rowSpan, area, children, ...props }: ColumnProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
1372
|
+
|
|
1373
|
+
interface GridProps extends Omit<BoxProps, 'display'> {
|
|
1374
|
+
/**
|
|
1375
|
+
* Number of columns at different breakpoints
|
|
1376
|
+
*/
|
|
1377
|
+
columns?: ResponsiveValue<number>;
|
|
1378
|
+
/**
|
|
1379
|
+
* Gap between grid items using space tokens
|
|
1380
|
+
*/
|
|
1381
|
+
gap?: ResponsiveValue<keyof typeof space>;
|
|
1382
|
+
/**
|
|
1383
|
+
* Row gap between grid items using space tokens
|
|
1384
|
+
*/
|
|
1385
|
+
rowGap?: ResponsiveValue<keyof typeof space>;
|
|
1386
|
+
/**
|
|
1387
|
+
* Column gap between grid items using space tokens
|
|
1388
|
+
*/
|
|
1389
|
+
columnGap?: ResponsiveValue<keyof typeof space>;
|
|
1390
|
+
/**
|
|
1391
|
+
* Size of auto-generated rows
|
|
1392
|
+
*/
|
|
1393
|
+
autoRows?: string;
|
|
1394
|
+
/**
|
|
1395
|
+
* Size of auto-generated columns
|
|
1396
|
+
*/
|
|
1397
|
+
autoColumns?: string;
|
|
1398
|
+
/**
|
|
1399
|
+
* Grid template areas for named layouts
|
|
1400
|
+
*/
|
|
1401
|
+
templateAreas?: ResponsiveValue<string>;
|
|
1402
|
+
/**
|
|
1403
|
+
* Align items in the grid
|
|
1404
|
+
*/
|
|
1405
|
+
alignItems?: ResponsiveValue<'start' | 'end' | 'center' | 'stretch'>;
|
|
1406
|
+
/**
|
|
1407
|
+
* Justify items in the grid
|
|
1408
|
+
*/
|
|
1409
|
+
justifyItems?: ResponsiveValue<'start' | 'end' | 'center' | 'stretch'>;
|
|
1410
|
+
/**
|
|
1411
|
+
* Justify content in the grid
|
|
1412
|
+
*/
|
|
1413
|
+
justifyContent?: ResponsiveValue<'start' | 'end' | 'center' | 'stretch' | 'space-between' | 'space-around' | 'space-evenly'>;
|
|
1414
|
+
/**
|
|
1415
|
+
* Grid children
|
|
1416
|
+
*/
|
|
1417
|
+
children: ReactNode;
|
|
1418
|
+
}
|
|
1419
|
+
declare const Grid: ({ columns, gap, rowGap, columnGap, autoRows, autoColumns, templateAreas, alignItems, justifyItems, justifyContent, children, ...props }: GridProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
1420
|
+
|
|
1421
|
+
interface GridContainerProps extends HTMLAttributes<HTMLDivElement> {
|
|
1422
|
+
/**
|
|
1423
|
+
* Maximum width constraint
|
|
1424
|
+
*/
|
|
1425
|
+
maxWidth?: 'sm' | 'md' | 'lg' | 'xl' | 'content' | 'wide' | 'full' | string;
|
|
1426
|
+
/**
|
|
1427
|
+
* Container children
|
|
1428
|
+
*/
|
|
1429
|
+
children: ReactNode;
|
|
1430
|
+
/**
|
|
1431
|
+
* Additional CSS class names
|
|
1432
|
+
*/
|
|
1433
|
+
className?: string;
|
|
1434
|
+
}
|
|
1435
|
+
declare const GridContainer: ({ maxWidth, children, className, ...props }: GridContainerProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
1436
|
+
|
|
1437
|
+
/**
|
|
1438
|
+
* Layout tokens for different container sizes
|
|
1439
|
+
*/
|
|
1440
|
+
declare const LayoutTokens: {
|
|
1441
|
+
containers: {
|
|
1442
|
+
sm: string;
|
|
1443
|
+
md: string;
|
|
1444
|
+
lg: string;
|
|
1445
|
+
xl: string;
|
|
1446
|
+
content: string;
|
|
1447
|
+
wide: string;
|
|
1448
|
+
full: string;
|
|
1449
|
+
};
|
|
1450
|
+
gutters: {
|
|
1451
|
+
sm: string;
|
|
1452
|
+
md: string;
|
|
1453
|
+
lg: string;
|
|
1454
|
+
xl: string;
|
|
1455
|
+
};
|
|
1456
|
+
};
|
|
1457
|
+
|
|
1458
|
+
type HuntCardProps = {
|
|
1459
|
+
/**
|
|
1460
|
+
* URL of the background image
|
|
1461
|
+
*/
|
|
1462
|
+
backgroundImage: string;
|
|
1463
|
+
/**
|
|
1464
|
+
* Title text displayed on the card
|
|
1465
|
+
*/
|
|
1466
|
+
title: string;
|
|
1467
|
+
/**
|
|
1468
|
+
* Text displayed on the action button
|
|
1469
|
+
*/
|
|
1470
|
+
buttonLabel: string;
|
|
1471
|
+
/**
|
|
1472
|
+
* Callback when the card or button is clicked
|
|
1473
|
+
*/
|
|
1474
|
+
onClick?: () => void;
|
|
1475
|
+
/**
|
|
1476
|
+
* Additional CSS class names
|
|
1477
|
+
*/
|
|
1478
|
+
className?: string;
|
|
1479
|
+
};
|
|
1480
|
+
declare const HuntCard: ({ backgroundImage, title, buttonLabel, onClick, className, ...rest }: HuntCardProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
1481
|
+
|
|
1482
|
+
type IconLabelProps = {
|
|
1483
|
+
/**
|
|
1484
|
+
* Icon variant to display
|
|
1485
|
+
*/
|
|
1486
|
+
variant: IconVariantTypes$1;
|
|
1487
|
+
/**
|
|
1488
|
+
* Text label to display next to the icon
|
|
1489
|
+
*/
|
|
1490
|
+
label: string;
|
|
1491
|
+
/**
|
|
1492
|
+
* Size of the icon
|
|
1493
|
+
*/
|
|
1494
|
+
iconSize?: keyof typeof space;
|
|
1495
|
+
/**
|
|
1496
|
+
* Additional CSS class names
|
|
1497
|
+
*/
|
|
1498
|
+
className?: string;
|
|
1499
|
+
};
|
|
1500
|
+
declare const IconLabel: ({ variant, label, iconSize, className, ...rest }: IconLabelProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
1501
|
+
|
|
1502
|
+
type ListingChatProps = {
|
|
1503
|
+
/**
|
|
1504
|
+
* Called when the user submits text
|
|
1505
|
+
*/
|
|
1506
|
+
onSubmit: (value: string) => void;
|
|
1507
|
+
/**
|
|
1508
|
+
* Placeholder text for the input area
|
|
1509
|
+
*/
|
|
1510
|
+
placeholder?: string;
|
|
1511
|
+
/**
|
|
1512
|
+
* Additional CSS class names
|
|
1513
|
+
*/
|
|
1514
|
+
className?: string;
|
|
1515
|
+
/**
|
|
1516
|
+
* Optional label next to the AI Magic icon
|
|
1517
|
+
*/
|
|
1518
|
+
title?: string;
|
|
1519
|
+
/**
|
|
1520
|
+
* Array of suggested tags/questions to display as chips
|
|
1521
|
+
*/
|
|
1522
|
+
tags?: string[];
|
|
1523
|
+
/**
|
|
1524
|
+
* Whether the input is disabled
|
|
1525
|
+
*/
|
|
1526
|
+
disabled?: boolean;
|
|
1527
|
+
};
|
|
1528
|
+
declare const ListingChat: ({ onSubmit, placeholder, className, title, tags, disabled, ...rest }: ListingChatProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
1529
|
+
|
|
1530
|
+
type LogoVariant = 'standard' | 'plus';
|
|
1531
|
+
type LogoTheme = 'light' | 'dark';
|
|
1532
|
+
|
|
1533
|
+
type LogoProps = {
|
|
1534
|
+
/**
|
|
1535
|
+
* Logo variant ('standard' or 'plus')
|
|
1536
|
+
*/
|
|
1537
|
+
variant: LogoVariant;
|
|
1538
|
+
/**
|
|
1539
|
+
* Color theme ('light' or 'dark')
|
|
1540
|
+
*/
|
|
1541
|
+
theme?: LogoTheme;
|
|
1542
|
+
/**
|
|
1543
|
+
* Size of the logo using space tokens
|
|
1544
|
+
*/
|
|
1545
|
+
size?: keyof typeof space;
|
|
1546
|
+
/**
|
|
1547
|
+
* Additional CSS class names
|
|
1548
|
+
*/
|
|
1549
|
+
className?: string;
|
|
1550
|
+
/**
|
|
1551
|
+
* Click event handler
|
|
1552
|
+
*/
|
|
1553
|
+
onClick?: () => void;
|
|
1554
|
+
};
|
|
1555
|
+
declare const Logo: ({ variant, theme, size, className, ...rest }: LogoProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
1556
|
+
|
|
1557
|
+
type NavLink = {
|
|
1558
|
+
/**
|
|
1559
|
+
* Text label for the navigation link
|
|
1560
|
+
*/
|
|
1561
|
+
label: string;
|
|
1562
|
+
/**
|
|
1563
|
+
* URL or path for the navigation link
|
|
1564
|
+
*/
|
|
1565
|
+
href: string;
|
|
1566
|
+
/**
|
|
1567
|
+
* Optional click handler
|
|
1568
|
+
*/
|
|
1569
|
+
onClick?: () => void;
|
|
1570
|
+
};
|
|
1571
|
+
type NavigationProps = {
|
|
1572
|
+
/**
|
|
1573
|
+
* Callback when the mobile menu is toggled
|
|
1574
|
+
*/
|
|
1575
|
+
onMenuToggle?: () => void;
|
|
1576
|
+
/**
|
|
1577
|
+
* Additional CSS class names
|
|
1578
|
+
*/
|
|
1579
|
+
className?: string;
|
|
1580
|
+
/**
|
|
1581
|
+
* Logo variant
|
|
1582
|
+
*/
|
|
1583
|
+
logoVariant?: 'standard' | 'plus';
|
|
1584
|
+
/**
|
|
1585
|
+
* Logo theme
|
|
1586
|
+
*/
|
|
1587
|
+
logoTheme?: 'light' | 'dark';
|
|
1588
|
+
/**
|
|
1589
|
+
* Array of navigation links
|
|
1590
|
+
*/
|
|
1591
|
+
navLinks?: NavLink[];
|
|
1592
|
+
/**
|
|
1593
|
+
* Callback when the avatar is clicked
|
|
1594
|
+
*/
|
|
1595
|
+
onAvatarClick?: () => void;
|
|
1596
|
+
};
|
|
1597
|
+
declare const Navigation: ({ onMenuToggle, className, logoVariant, logoTheme, navLinks, onAvatarClick, ...rest }: NavigationProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
1598
|
+
|
|
1599
|
+
type PackageCardProps = {
|
|
1600
|
+
/**
|
|
1601
|
+
* Array of image URLs to display
|
|
1602
|
+
*/
|
|
1603
|
+
images: string[];
|
|
1604
|
+
/**
|
|
1605
|
+
* Main title of the package
|
|
1606
|
+
*/
|
|
1607
|
+
title: string;
|
|
1608
|
+
/**
|
|
1609
|
+
* Subtitle or description
|
|
1610
|
+
*/
|
|
1611
|
+
subtitle: string;
|
|
1612
|
+
/**
|
|
1613
|
+
* Starting price text
|
|
1614
|
+
*/
|
|
1615
|
+
startingPrice: string;
|
|
1616
|
+
/**
|
|
1617
|
+
* Number of trips remaining
|
|
1618
|
+
*/
|
|
1619
|
+
tripsLeft?: number;
|
|
1620
|
+
/**
|
|
1621
|
+
* Whether the package is favorited
|
|
1622
|
+
*/
|
|
1623
|
+
isFavorited?: boolean;
|
|
1624
|
+
/**
|
|
1625
|
+
* Callback when favorite button is clicked
|
|
1626
|
+
*/
|
|
1627
|
+
onFavoriteClick?: () => void;
|
|
1628
|
+
/**
|
|
1629
|
+
* Callback when card is clicked
|
|
1630
|
+
*/
|
|
1631
|
+
onClick?: () => void;
|
|
1632
|
+
/**
|
|
1633
|
+
* Additional CSS class names
|
|
1634
|
+
*/
|
|
1635
|
+
className?: string;
|
|
1636
|
+
/**
|
|
1637
|
+
* Number of days for the package
|
|
1638
|
+
*/
|
|
1639
|
+
days?: number;
|
|
1640
|
+
/**
|
|
1641
|
+
* Number of guests
|
|
1642
|
+
*/
|
|
1643
|
+
guests?: number;
|
|
1644
|
+
/**
|
|
1645
|
+
* Whether lodging is included
|
|
1646
|
+
*/
|
|
1647
|
+
hasLodging?: boolean;
|
|
1648
|
+
/**
|
|
1649
|
+
* Optional badge element to display
|
|
1650
|
+
*/
|
|
1651
|
+
badge?: React__default.ReactNode;
|
|
1652
|
+
/**
|
|
1653
|
+
* Availability status text
|
|
1654
|
+
*/
|
|
1655
|
+
availability?: string;
|
|
1656
|
+
};
|
|
1657
|
+
declare const PackageCard: ({ images, title, subtitle, startingPrice, tripsLeft, isFavorited, onFavoriteClick, onClick, className, days, guests, hasLodging, ...rest }: PackageCardProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
1658
|
+
|
|
1659
|
+
type SpinnerProps = {
|
|
1660
|
+
/**
|
|
1661
|
+
* Size of the spinner using space tokens
|
|
1662
|
+
*/
|
|
1663
|
+
size?: keyof typeof space;
|
|
1664
|
+
/**
|
|
1665
|
+
* Additional CSS class names
|
|
1666
|
+
*/
|
|
1667
|
+
className?: string;
|
|
1668
|
+
/**
|
|
1669
|
+
* Fill color for the spinner
|
|
1670
|
+
*/
|
|
1671
|
+
fill?: string;
|
|
1672
|
+
};
|
|
1673
|
+
declare const Spinner: ({ size, className, fill }: SpinnerProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
1674
|
+
|
|
1675
|
+
type TagChipVariant = 'primary' | 'success' | 'warning' | 'error';
|
|
1676
|
+
|
|
1677
|
+
type TagChipProps = HTMLAttributes<HTMLSpanElement> & {
|
|
1678
|
+
/**
|
|
1679
|
+
* Visual variant of the chip
|
|
1680
|
+
*/
|
|
1681
|
+
variant?: TagChipVariant;
|
|
1682
|
+
/**
|
|
1683
|
+
* Additional CSS class names
|
|
1684
|
+
*/
|
|
1685
|
+
className?: string;
|
|
1686
|
+
};
|
|
1687
|
+
declare const TagChip: FC<PropsWithChildren<TagChipProps>>;
|
|
1688
|
+
|
|
1689
|
+
type THeadingSize = 'xl' | 'lg' | 'md' | 'sm' | 'xs' | '2xs';
|
|
1690
|
+
type TTextSize = 'md' | 'sm' | 'xs' | '2xs';
|
|
1691
|
+
type TFontWeight = 'normal' | 'semibold' | 'bold' | 'extrabold';
|
|
1692
|
+
type TTextAlign = 'left' | 'center' | 'right' | 'justify' | 'start' | 'end';
|
|
1693
|
+
type TTextWrap = 'pretty' | 'balance' | 'nowrap' | 'wrap' | 'stable';
|
|
1694
|
+
|
|
1695
|
+
type HeadingProps = HTMLAttributes<HTMLElement> & {
|
|
1696
|
+
/**
|
|
1697
|
+
* Size variant of the heading
|
|
1698
|
+
*/
|
|
1699
|
+
size?: THeadingSize;
|
|
1700
|
+
/**
|
|
1701
|
+
* DOM element name to render as
|
|
1702
|
+
*/
|
|
1703
|
+
as?: string;
|
|
1704
|
+
/**
|
|
1705
|
+
* Additional CSS class names
|
|
1706
|
+
*/
|
|
1707
|
+
className?: string;
|
|
1708
|
+
/**
|
|
1709
|
+
* Whether to transform text to uppercase
|
|
1710
|
+
*/
|
|
1711
|
+
uppercase?: boolean;
|
|
1712
|
+
/**
|
|
1713
|
+
* Font weight of the heading
|
|
1714
|
+
*/
|
|
1715
|
+
fontWeight?: TFontWeight;
|
|
1716
|
+
/**
|
|
1717
|
+
* Text alignment
|
|
1718
|
+
*/
|
|
1719
|
+
textAlign?: TTextAlign;
|
|
1720
|
+
/**
|
|
1721
|
+
* Text wrapping behavior
|
|
1722
|
+
*/
|
|
1723
|
+
textWrap?: TTextWrap;
|
|
1724
|
+
/**
|
|
1725
|
+
* Color token or CSS color value
|
|
1726
|
+
*/
|
|
1727
|
+
color?: string;
|
|
1728
|
+
};
|
|
1729
|
+
declare const Heading: FC<PropsWithChildren<HeadingProps>>;
|
|
1730
|
+
|
|
1731
|
+
type TextProps = HTMLAttributes<HTMLElement> & {
|
|
1732
|
+
/**
|
|
1733
|
+
* Size variant of the text
|
|
1734
|
+
*/
|
|
1735
|
+
size?: TTextSize;
|
|
1736
|
+
/**
|
|
1737
|
+
* DOM element name to render as
|
|
1738
|
+
*/
|
|
1739
|
+
as?: string;
|
|
1740
|
+
/**
|
|
1741
|
+
* Additional CSS class names
|
|
1742
|
+
*/
|
|
1743
|
+
className?: string;
|
|
1744
|
+
/**
|
|
1745
|
+
* Font weight of the text
|
|
1746
|
+
*/
|
|
1747
|
+
fontWeight?: TFontWeight;
|
|
1748
|
+
/**
|
|
1749
|
+
* Whether to transform text to uppercase
|
|
1750
|
+
*/
|
|
1751
|
+
uppercase?: boolean;
|
|
1752
|
+
/**
|
|
1753
|
+
* Text alignment
|
|
1754
|
+
*/
|
|
1755
|
+
textAlign?: TTextAlign;
|
|
1756
|
+
/**
|
|
1757
|
+
* Text wrapping behavior
|
|
1758
|
+
*/
|
|
1759
|
+
textWrap?: TTextWrap;
|
|
1760
|
+
/**
|
|
1761
|
+
* Color token or CSS color value
|
|
1762
|
+
*/
|
|
1763
|
+
color?: string;
|
|
1764
|
+
};
|
|
1765
|
+
declare const Text: FC<PropsWithChildren<TextProps>>;
|
|
1766
|
+
|
|
1767
|
+
type IconVariantTypes = Parameters<typeof Icon>[0]['variant'];
|
|
1768
|
+
type WidgetProps = {
|
|
1769
|
+
/**
|
|
1770
|
+
* ARIA label for accessibility
|
|
1771
|
+
*/
|
|
1772
|
+
ariaLabel: string;
|
|
1773
|
+
/**
|
|
1774
|
+
* Icon to display when widget is collapsed
|
|
1775
|
+
*/
|
|
1776
|
+
icon?: IconVariantTypes;
|
|
1777
|
+
/**
|
|
1778
|
+
* Icon to display when widget is expanded
|
|
1779
|
+
*/
|
|
1780
|
+
expandedIcon?: IconVariantTypes;
|
|
1781
|
+
/**
|
|
1782
|
+
* Default expanded state (uncontrolled)
|
|
1783
|
+
*/
|
|
1784
|
+
defaultExpanded?: boolean;
|
|
1785
|
+
/**
|
|
1786
|
+
* Expanded state (controlled)
|
|
1787
|
+
*/
|
|
1788
|
+
expanded?: boolean;
|
|
1789
|
+
/**
|
|
1790
|
+
* Callback when expanded state changes
|
|
1791
|
+
*/
|
|
1792
|
+
onExpandedChange?: (expanded: boolean) => void;
|
|
1793
|
+
/**
|
|
1794
|
+
* Width of the widget panel (defaults to 480)
|
|
1795
|
+
*/
|
|
1796
|
+
panelWidth?: number | string;
|
|
1797
|
+
/**
|
|
1798
|
+
* Additional CSS class names
|
|
1799
|
+
*/
|
|
1800
|
+
className?: string;
|
|
1801
|
+
/**
|
|
1802
|
+
* Widget content
|
|
1803
|
+
*/
|
|
1804
|
+
children?: React__default.ReactNode;
|
|
1805
|
+
/**
|
|
1806
|
+
* Additional props for the container
|
|
1807
|
+
*/
|
|
1808
|
+
containerProps?: BoxProps;
|
|
1809
|
+
};
|
|
1810
|
+
type WidgetTriggerProps = {
|
|
1811
|
+
/**
|
|
1812
|
+
* Additional CSS class names
|
|
1813
|
+
*/
|
|
1814
|
+
className?: string;
|
|
1815
|
+
};
|
|
1816
|
+
type WidgetPanelProps = {
|
|
1817
|
+
/**
|
|
1818
|
+
* Additional CSS class names
|
|
1819
|
+
*/
|
|
1820
|
+
className?: string;
|
|
1821
|
+
/**
|
|
1822
|
+
* Content to display within the widget panel
|
|
1823
|
+
*/
|
|
1824
|
+
children?: React__default.ReactNode;
|
|
1825
|
+
};
|
|
1826
|
+
declare const WidgetTrigger: React__default.FC<WidgetTriggerProps>;
|
|
1827
|
+
declare const WidgetPanel: React__default.FC<WidgetPanelProps & {
|
|
1828
|
+
style?: React__default.CSSProperties;
|
|
1829
|
+
}>;
|
|
1830
|
+
declare const Widget: React__default.FC<WidgetProps> & {
|
|
1831
|
+
Trigger: React__default.FC<WidgetTriggerProps>;
|
|
1832
|
+
Panel: React__default.FC<WidgetPanelProps & {
|
|
1833
|
+
style?: React__default.CSSProperties | undefined;
|
|
1834
|
+
}>;
|
|
1835
|
+
};
|
|
1836
|
+
|
|
1837
|
+
export { AIResponse, type AIResponseProps, AvailabilityChip, type AvailabilityChipProps, type AvailabilityChipVariant, type BaseInputProps, Box, type BoxProps, Button, type ButtonProps, type ButtonVariants, ChatWidget, type ChatWidgetMessage, type ChatWidgetProps, Column, type ColumnProps, Container, Divider, type DividerProps, FieldNoteCard, type FieldNoteCardProps, FormField, type FormFieldProps, GlobalStyle, Grid, type GridBreakpoint, GridContainer, type GridContainerProps, type GridProps, Heading, type HeadingProps, HuntCard, type HuntCardProps, Icon, IconLabel, type IconLabelProps, type IconProps, type IconVariantTypes$1 as IconVariantTypes, Input, type InputProps, type InputSize, type InputVariant, LayoutTokens, ListingChat, type ListingChatProps, Logo, type LogoProps, type LogoTheme, type LogoVariant, MessageBubble, type MessageBubbleProps, type NavLink, Navigation, type NavigationProps, PackageCard, type PackageCardProps, type ResponsiveValue, Select, type SelectOption, type SelectProps, Spinner, type SpinnerProps, type TFontWeight, type THeadingSize, type TTextAlign, type TTextSize, type TTextWrap, TagChip, type TagChipProps, type TagChipVariant, Text, TextArea, type TextProps, type TextareaProps, ThemeTokens, Widget, WidgetPanel, type WidgetPanelProps, type WidgetProps, WidgetTrigger, type WidgetTriggerProps, globalStyles, styles };
|