@mirohq/design-system-select 0.1.0-select.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/main.js +142 -0
  2. package/dist/main.js.map +1 -0
  3. package/dist/module.js +133 -0
  4. package/dist/module.js.map +1 -0
  5. package/dist/types.d.ts +4398 -0
  6. package/package.json +38 -0
package/dist/types.d.ts ADDED
@@ -0,0 +1,4398 @@
1
+ import * as react from 'react';
2
+ import react__default, { ComponentPropsWithRef, ReactNode } from 'react';
3
+ import * as _mirohq_design_system_stitches from '@mirohq/design-system-stitches';
4
+ import { StrictComponentProps } from '@mirohq/design-system-stitches';
5
+ import * as _stitches_react_types_css_util from '@stitches/react/types/css-util';
6
+ import * as _radix_ui_react_select from '@radix-ui/react-select';
7
+ import * as _stitches_react_types_styled_component from '@stitches/react/types/styled-component';
8
+ import { CSSProperties } from '@stitches/react';
9
+
10
+ declare const StyledSelect: react.ForwardRefExoticComponent<Omit<{}, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.SafeProps<Omit<_radix_ui_react_select.SelectProps, "css"> & _stitches_react_types_styled_component.TransformProps<{}, {}> & {
11
+ css?: _stitches_react_types_css_util.CSS<{}, {
12
+ 'border-widths': {
13
+ readonly none: 0;
14
+ readonly sm: "1px";
15
+ readonly md: "2px";
16
+ readonly lg: "4px";
17
+ };
18
+ colors: {
19
+ readonly black: any;
20
+ readonly 'blue-100': any;
21
+ readonly 'blue-200': any;
22
+ readonly 'blue-300': any;
23
+ readonly 'blue-400': any;
24
+ readonly 'blue-500': any;
25
+ readonly 'blue-600': any;
26
+ readonly 'blue-700': any;
27
+ readonly 'blue-800': any;
28
+ readonly 'blue-900': any;
29
+ readonly 'blue-1000': any;
30
+ readonly 'gray-100': any;
31
+ readonly 'gray-200': any;
32
+ readonly 'gray-300': any;
33
+ readonly 'gray-400': any;
34
+ readonly 'gray-500': any;
35
+ readonly 'gray-600': any;
36
+ readonly 'gray-700': any;
37
+ readonly 'gray-800': any;
38
+ readonly 'gray-900': any;
39
+ readonly 'green-100': any;
40
+ readonly 'green-200': any;
41
+ readonly 'green-300': any;
42
+ readonly 'green-400': any;
43
+ readonly 'green-500': any;
44
+ readonly 'green-600': any;
45
+ readonly 'green-700': any;
46
+ readonly 'green-800': any;
47
+ readonly 'green-900': any;
48
+ readonly 'indigo-100': any;
49
+ readonly 'indigo-200': any;
50
+ readonly 'indigo-300': any;
51
+ readonly 'indigo-400': any;
52
+ readonly 'indigo-500': any;
53
+ readonly 'indigo-600': any;
54
+ readonly 'indigo-700': any;
55
+ readonly 'indigo-800': any;
56
+ readonly 'indigo-900': any;
57
+ readonly 'red-100': any;
58
+ readonly 'red-200': any;
59
+ readonly 'red-300': any;
60
+ readonly 'red-400': any;
61
+ readonly 'red-500': any;
62
+ readonly 'red-600': any;
63
+ readonly 'red-700': any;
64
+ readonly 'red-800': any;
65
+ readonly 'red-900': any;
66
+ readonly transparent: any;
67
+ readonly white: any;
68
+ readonly 'yellow-100': any;
69
+ readonly 'yellow-200': any;
70
+ readonly 'yellow-300': any;
71
+ readonly 'yellow-400': any;
72
+ readonly 'yellow-500': any;
73
+ readonly 'yellow-600': any;
74
+ readonly 'yellow-700': any;
75
+ readonly 'yellow-800': any;
76
+ readonly 'yellow-900': any;
77
+ "background-alpha-active"?: any;
78
+ "background-alpha-hover"?: any;
79
+ "background-danger-prominent"?: any;
80
+ "background-danger-prominent-active"?: any;
81
+ "background-danger-prominent-hover"?: any;
82
+ "background-danger-subtle"?: any;
83
+ "background-danger-subtle-active"?: any;
84
+ "background-danger-subtle-hover"?: any;
85
+ "background-neutrals"?: any;
86
+ "background-neutrals-active"?: any;
87
+ "background-neutrals-container"?: any;
88
+ "background-neutrals-controls-disabled"?: any;
89
+ "background-neutrals-disabled"?: any;
90
+ "background-neutrals-hover"?: any;
91
+ "background-neutrals-inactive"?: any;
92
+ "background-neutrals-inactive-hover"?: any;
93
+ "background-neutrals-inverted"?: any;
94
+ "background-neutrals-inverted-subtle"?: any;
95
+ "background-neutrals-page"?: any;
96
+ "background-neutrals-page-subtle"?: any;
97
+ "background-neutrals-scrolls"?: any;
98
+ "background-neutrals-scrolls-hover"?: any;
99
+ "background-neutrals-subtle"?: any;
100
+ "background-neutrals-subtle-active"?: any;
101
+ "background-neutrals-subtle-hover"?: any;
102
+ "background-primary-prominent"?: any;
103
+ "background-primary-prominent-active"?: any;
104
+ "background-primary-prominent-hover"?: any;
105
+ "background-primary-prominent-selected"?: any;
106
+ "background-primary-subtle"?: any;
107
+ "background-primary-subtle-active"?: any;
108
+ "background-primary-subtle-hover"?: any;
109
+ "background-primary-subtle-selected"?: any;
110
+ "background-success"?: any;
111
+ "background-warning-prominent"?: any;
112
+ "background-warning-subtle"?: any;
113
+ "border-danger"?: any;
114
+ "border-danger-active"?: any;
115
+ "border-danger-hover"?: any;
116
+ "border-focus-inner"?: any;
117
+ "border-focus-middle"?: any;
118
+ "border-focus-outer"?: any;
119
+ "border-neutrals"?: any;
120
+ "border-neutrals-active"?: any;
121
+ "border-neutrals-controls"?: any;
122
+ "border-neutrals-controls-disabled"?: any;
123
+ "border-neutrals-disabled"?: any;
124
+ "border-neutrals-hover"?: any;
125
+ "border-neutrals-inverted"?: any;
126
+ "border-neutrals-subtle"?: any;
127
+ "border-neutrals-text"?: any;
128
+ "border-neutrals-text-active"?: any;
129
+ "border-neutrals-text-hover"?: any;
130
+ "border-neutrals-text-subtle"?: any;
131
+ "border-neutrals-text-subtle-active"?: any;
132
+ "border-neutrals-text-subtle-hover"?: any;
133
+ "border-neutrals-transparent"?: any;
134
+ "border-primary"?: any;
135
+ "border-primary-active"?: any;
136
+ "border-primary-hover"?: any;
137
+ "border-primary-inverted"?: any;
138
+ "border-success"?: any;
139
+ "border-warning"?: any;
140
+ "icon-danger"?: any;
141
+ "icon-danger-active"?: any;
142
+ "icon-danger-hover"?: any;
143
+ "icon-danger-inverted"?: any;
144
+ "icon-neutrals"?: any;
145
+ "icon-neutrals-disabled"?: any;
146
+ "icon-neutrals-inactive"?: any;
147
+ "icon-neutrals-inactive-hover"?: any;
148
+ "icon-neutrals-inverted"?: any;
149
+ "icon-neutrals-search"?: any;
150
+ "icon-neutrals-subtle"?: any;
151
+ "icon-neutrals-text"?: any;
152
+ "icon-primary"?: any;
153
+ "icon-primary-active"?: any;
154
+ "icon-primary-hover"?: any;
155
+ "icon-primary-inverted"?: any;
156
+ "icon-primary-selected"?: any;
157
+ "icon-success"?: any;
158
+ "icon-success-inverted"?: any;
159
+ "icon-warning"?: any;
160
+ "icon-warning-prominent"?: any;
161
+ "text-danger"?: any;
162
+ "text-danger-active"?: any;
163
+ "text-danger-hover"?: any;
164
+ "text-danger-inverted"?: any;
165
+ "text-neutrals"?: any;
166
+ "text-neutrals-active"?: any;
167
+ "text-neutrals-disabled"?: any;
168
+ "text-neutrals-hover"?: any;
169
+ "text-neutrals-inverted"?: any;
170
+ "text-neutrals-placeholder"?: any;
171
+ "text-neutrals-placeholder-only"?: any;
172
+ "text-neutrals-subtle"?: any;
173
+ "text-neutrals-subtle-active"?: any;
174
+ "text-neutrals-subtle-hover"?: any;
175
+ "text-primary"?: any;
176
+ "text-primary-active"?: any;
177
+ "text-primary-hover"?: any;
178
+ "text-primary-inverted"?: any;
179
+ "text-primary-inverted-subtle"?: any;
180
+ "text-primary-selected"?: any;
181
+ "text-success"?: any;
182
+ "text-warning"?: any;
183
+ };
184
+ 'font-sizes': {
185
+ readonly 150: "0.75rem";
186
+ readonly 175: "0.875rem";
187
+ readonly 200: "1rem";
188
+ readonly 225: "1.125rem";
189
+ readonly 250: "1.25rem";
190
+ readonly 300: "1.5rem";
191
+ readonly 400: "2rem";
192
+ readonly 500: "2.5rem";
193
+ readonly 600: "3rem";
194
+ readonly 800: "4rem";
195
+ readonly 900: "4.5rem";
196
+ };
197
+ radii: {
198
+ readonly none: 0;
199
+ readonly half: "999em";
200
+ readonly 25: "2px";
201
+ readonly 50: "4px";
202
+ readonly 75: "6px";
203
+ readonly 100: "8px";
204
+ readonly 200: "16px";
205
+ };
206
+ shadows: {
207
+ readonly 50: "0 4px 16px #05003812";
208
+ readonly 100: "0 8px 32px #05003808";
209
+ readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
210
+ readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
211
+ readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
212
+ readonly 'focus-controls': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-focus-middle, 0 0 0 5px $colors$border-focus-outer";
213
+ };
214
+ sizes: {
215
+ readonly number: string;
216
+ readonly 'icon-200': "16px";
217
+ readonly 'icon-300': "24px";
218
+ readonly 'icon-400': "32px";
219
+ };
220
+ space: {
221
+ readonly 0: 0;
222
+ readonly 50: "4px";
223
+ readonly 100: "8px";
224
+ readonly 150: "12px";
225
+ readonly 200: "16px";
226
+ readonly 300: "24px";
227
+ readonly 400: "32px";
228
+ readonly 500: "40px";
229
+ readonly 600: "48px";
230
+ readonly 800: "64px";
231
+ readonly 1200: "96px";
232
+ readonly 1600: "128px";
233
+ };
234
+ 'space-gap': {
235
+ readonly 0: any;
236
+ readonly 50: any;
237
+ readonly 100: any;
238
+ readonly 200: any;
239
+ readonly 300: any;
240
+ };
241
+ 'space-inset': {
242
+ readonly 0: any;
243
+ readonly 50: any;
244
+ readonly 100: any;
245
+ readonly 150: any;
246
+ readonly 200: any;
247
+ readonly 300: any;
248
+ readonly 400: any;
249
+ readonly 600: any;
250
+ readonly 800: any;
251
+ readonly 1200: any;
252
+ readonly 1600: any;
253
+ };
254
+ 'space-offset': {
255
+ readonly 0: any;
256
+ readonly 50: any;
257
+ readonly 100: any;
258
+ readonly 150: any;
259
+ readonly 200: any;
260
+ readonly 300: any;
261
+ readonly 400: any;
262
+ readonly 600: any;
263
+ readonly 800: any;
264
+ readonly 1200: any;
265
+ readonly 1600: any;
266
+ readonly 'stacking-0': any;
267
+ readonly 'stacking-100': any;
268
+ readonly 'stacking-200': any;
269
+ readonly 'stacking-300': any;
270
+ readonly 'stacking-400': any;
271
+ readonly 'stacking-500': any;
272
+ readonly 'stacking-800': any;
273
+ };
274
+ 'stroke-width': {
275
+ readonly thin: "1.5px";
276
+ readonly normal: "2px";
277
+ readonly bold: "4px";
278
+ };
279
+ 'z-indices': {
280
+ readonly dropdownMenu: 100;
281
+ readonly popover: 200;
282
+ readonly tooltip: 300;
283
+ };
284
+ }, {
285
+ readonly background: "colors";
286
+ readonly backgroundColor: "colors";
287
+ readonly backgroundImage: "colors";
288
+ readonly blockSize: "sizes";
289
+ readonly border: "colors";
290
+ readonly borderBlock: "colors";
291
+ readonly borderBlockEnd: "colors";
292
+ readonly borderBlockStart: "colors";
293
+ readonly borderBottom: "colors";
294
+ readonly borderBottomColor: "colors";
295
+ readonly borderBottomLeftRadius: "radii";
296
+ readonly borderBottomRightRadius: "radii";
297
+ readonly borderBottomStyle: "border-styles";
298
+ readonly borderBottomWidth: "border-widths";
299
+ readonly borderColor: "colors";
300
+ readonly borderImage: "colors";
301
+ readonly borderInline: "colors";
302
+ readonly borderInlineEnd: "colors";
303
+ readonly borderInlineStart: "colors";
304
+ readonly borderLeft: "colors";
305
+ readonly borderLeftColor: "colors";
306
+ readonly borderLeftStyle: "border-styles";
307
+ readonly borderLeftWidth: "border-widths";
308
+ readonly borderRadius: "radii";
309
+ readonly borderRight: "colors";
310
+ readonly borderRightColor: "colors";
311
+ readonly borderRightStyle: "border-styles";
312
+ readonly borderRightWidth: "border-widths";
313
+ readonly borderStyle: "border-styles";
314
+ readonly borderTop: "colors";
315
+ readonly borderTopColor: "colors";
316
+ readonly borderTopLeftRadius: "radii";
317
+ readonly borderTopRightRadius: "radii";
318
+ readonly borderTopStyle: "border-styles";
319
+ readonly borderTopWidth: "border-widths";
320
+ readonly borderWidth: "border-widths";
321
+ readonly bottom: "space";
322
+ readonly boxShadow: "shadows";
323
+ readonly caretColor: "colors";
324
+ readonly color: "colors";
325
+ readonly columnGap: "space-gap";
326
+ readonly columnRuleColor: "colors";
327
+ readonly fill: "colors";
328
+ readonly flexBasis: "sizes";
329
+ readonly fontFamily: "fonts";
330
+ readonly fontSize: "font-sizes";
331
+ readonly fontWeight: "font-weights";
332
+ readonly gap: "space-gap";
333
+ readonly gridColumnGap: "space-gap";
334
+ readonly gridGap: "space-gap";
335
+ readonly gridRowGap: "space-gap";
336
+ readonly gridTemplateColumns: "sizes";
337
+ readonly gridTemplateRows: "sizes";
338
+ readonly height: "sizes";
339
+ readonly inlineSize: "sizes";
340
+ readonly inset: "space-inset";
341
+ readonly insetBlock: "space-inset";
342
+ readonly insetBlockEnd: "space-inset";
343
+ readonly insetBlockStart: "space-inset";
344
+ readonly insetInline: "space-inset";
345
+ readonly insetInlineEnd: "space-inset";
346
+ readonly insetInlineStart: "space-inset";
347
+ readonly left: "space";
348
+ readonly letterSpacing: "letter-spacings";
349
+ readonly lineHeight: "line-heights";
350
+ readonly margin: "space-offset";
351
+ readonly marginBlock: "space-offset";
352
+ readonly marginBlockEnd: "space-offset";
353
+ readonly marginBlockStart: "space-offset";
354
+ readonly marginBottom: "space-offset";
355
+ readonly marginInline: "space-offset";
356
+ readonly marginInlineEnd: "space-offset";
357
+ readonly marginInlineStart: "space-offset";
358
+ readonly marginLeft: "space-offset";
359
+ readonly marginRight: "space-offset";
360
+ readonly marginTop: "space-offset";
361
+ readonly maxBlockSize: "sizes";
362
+ readonly maxHeight: "sizes";
363
+ readonly maxInlineSize: "sizes";
364
+ readonly maxWidth: "sizes";
365
+ readonly minBlockSize: "sizes";
366
+ readonly minHeight: "sizes";
367
+ readonly minInlineSize: "sizes";
368
+ readonly minWidth: "sizes";
369
+ readonly outline: "colors";
370
+ readonly outlineColor: "colors";
371
+ readonly padding: "space-inset";
372
+ readonly paddingBlock: "space-inset";
373
+ readonly paddingBlockEnd: "space-inset";
374
+ readonly paddingBlockStart: "space-inset";
375
+ readonly paddingBottom: "space-inset";
376
+ readonly paddingInline: "space-inset";
377
+ readonly paddingInlineEnd: "space-inset";
378
+ readonly paddingInlineStart: "space-inset";
379
+ readonly paddingLeft: "space-inset";
380
+ readonly paddingRight: "space-inset";
381
+ readonly paddingTop: "space-inset";
382
+ readonly right: "space";
383
+ readonly rowGap: "space-gap";
384
+ readonly scrollMargin: "space-offset";
385
+ readonly scrollMarginBlock: "space-offset";
386
+ readonly scrollMarginBlockEnd: "space-offset";
387
+ readonly scrollMarginBlockStart: "space-offset";
388
+ readonly scrollMarginBottom: "space-offset";
389
+ readonly scrollMarginInline: "space-offset";
390
+ readonly scrollMarginInlineEnd: "space-offset";
391
+ readonly scrollMarginInlineStart: "space-offset";
392
+ readonly scrollMarginLeft: "space-offset";
393
+ readonly scrollMarginRight: "space-offset";
394
+ readonly scrollMarginTop: "space-offset";
395
+ readonly scrollPadding: "space-inset";
396
+ readonly scrollPaddingBlock: "space-inset";
397
+ readonly scrollPaddingBlockEnd: "space-inset";
398
+ readonly scrollPaddingBlockStart: "space-inset";
399
+ readonly scrollPaddingBottom: "space-inset";
400
+ readonly scrollPaddingInline: "space-inset";
401
+ readonly scrollPaddingInlineEnd: "space-inset";
402
+ readonly scrollPaddingInlineStart: "space-inset";
403
+ readonly scrollPaddingLeft: "space-inset";
404
+ readonly scrollPaddingRight: "space-inset";
405
+ readonly scrollPaddingTop: "space-inset";
406
+ readonly stroke: "colors";
407
+ readonly strokeWidth: "stroke-width";
408
+ readonly textDecorationColor: "colors";
409
+ readonly textShadow: "shadows";
410
+ readonly top: "space";
411
+ readonly transition: "transitions";
412
+ readonly width: "sizes";
413
+ readonly zIndex: "z-indices";
414
+ }, {
415
+ paddingX: (value: {
416
+ readonly [$$PropertyValue]: "padding";
417
+ }) => {
418
+ paddingLeft: {
419
+ readonly [$$PropertyValue]: "padding";
420
+ };
421
+ paddingRight: {
422
+ readonly [$$PropertyValue]: "padding";
423
+ };
424
+ };
425
+ paddingY: (value: {
426
+ readonly [$$PropertyValue]: "padding";
427
+ }) => {
428
+ paddingTop: {
429
+ readonly [$$PropertyValue]: "padding";
430
+ };
431
+ paddingBottom: {
432
+ readonly [$$PropertyValue]: "padding";
433
+ };
434
+ };
435
+ marginX: (value: {
436
+ readonly [$$PropertyValue]: "margin";
437
+ }) => {
438
+ marginLeft: {
439
+ readonly [$$PropertyValue]: "margin";
440
+ };
441
+ marginRight: {
442
+ readonly [$$PropertyValue]: "margin";
443
+ };
444
+ };
445
+ marginY: (value: {
446
+ readonly [$$PropertyValue]: "margin";
447
+ }) => {
448
+ marginTop: {
449
+ readonly [$$PropertyValue]: "margin";
450
+ };
451
+ marginBottom: {
452
+ readonly [$$PropertyValue]: "margin";
453
+ };
454
+ };
455
+ square: (value: {
456
+ readonly [$$PropertyValue]: "width";
457
+ }) => {
458
+ width: {
459
+ readonly [$$PropertyValue]: "width";
460
+ };
461
+ height: {
462
+ readonly [$$PropertyValue]: "width";
463
+ };
464
+ };
465
+ }> | undefined;
466
+ }> & {
467
+ children?: react.ReactNode;
468
+ } & _mirohq_design_system_stitches.CustomStylesProps & react.RefAttributes<never>> & _mirohq_design_system_stitches.StitchesInternals<react.FC<_radix_ui_react_select.SelectProps>, {}, {}>;
469
+ declare type StyledSelectProps = ComponentPropsWithRef<typeof StyledSelect>;
470
+
471
+ declare const StyledGroup: react.ForwardRefExoticComponent<Omit<Omit<{}, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.SafeProps<Omit<_radix_ui_react_select.SelectGroupProps & react.RefAttributes<HTMLDivElement>, "css"> & _stitches_react_types_styled_component.TransformProps<{}, {}> & {
472
+ css?: _stitches_react_types_css_util.CSS<{}, {
473
+ 'border-widths': {
474
+ readonly none: 0;
475
+ readonly sm: "1px";
476
+ readonly md: "2px";
477
+ readonly lg: "4px";
478
+ };
479
+ colors: {
480
+ readonly black: any;
481
+ readonly 'blue-100': any;
482
+ readonly 'blue-200': any;
483
+ readonly 'blue-300': any;
484
+ readonly 'blue-400': any;
485
+ readonly 'blue-500': any;
486
+ readonly 'blue-600': any;
487
+ readonly 'blue-700': any;
488
+ readonly 'blue-800': any;
489
+ readonly 'blue-900': any;
490
+ readonly 'blue-1000': any;
491
+ readonly 'gray-100': any;
492
+ readonly 'gray-200': any;
493
+ readonly 'gray-300': any;
494
+ readonly 'gray-400': any;
495
+ readonly 'gray-500': any;
496
+ readonly 'gray-600': any;
497
+ readonly 'gray-700': any;
498
+ readonly 'gray-800': any;
499
+ readonly 'gray-900': any;
500
+ readonly 'green-100': any;
501
+ readonly 'green-200': any;
502
+ readonly 'green-300': any;
503
+ readonly 'green-400': any;
504
+ readonly 'green-500': any;
505
+ readonly 'green-600': any;
506
+ readonly 'green-700': any;
507
+ readonly 'green-800': any;
508
+ readonly 'green-900': any;
509
+ readonly 'indigo-100': any;
510
+ readonly 'indigo-200': any;
511
+ readonly 'indigo-300': any;
512
+ readonly 'indigo-400': any;
513
+ readonly 'indigo-500': any;
514
+ readonly 'indigo-600': any;
515
+ readonly 'indigo-700': any;
516
+ readonly 'indigo-800': any;
517
+ readonly 'indigo-900': any;
518
+ readonly 'red-100': any;
519
+ readonly 'red-200': any;
520
+ readonly 'red-300': any;
521
+ readonly 'red-400': any;
522
+ readonly 'red-500': any;
523
+ readonly 'red-600': any;
524
+ readonly 'red-700': any;
525
+ readonly 'red-800': any;
526
+ readonly 'red-900': any;
527
+ readonly transparent: any;
528
+ readonly white: any;
529
+ readonly 'yellow-100': any;
530
+ readonly 'yellow-200': any;
531
+ readonly 'yellow-300': any;
532
+ readonly 'yellow-400': any;
533
+ readonly 'yellow-500': any;
534
+ readonly 'yellow-600': any;
535
+ readonly 'yellow-700': any;
536
+ readonly 'yellow-800': any;
537
+ readonly 'yellow-900': any;
538
+ "background-alpha-active"?: any;
539
+ "background-alpha-hover"?: any;
540
+ "background-danger-prominent"?: any;
541
+ "background-danger-prominent-active"?: any;
542
+ "background-danger-prominent-hover"?: any;
543
+ "background-danger-subtle"?: any;
544
+ "background-danger-subtle-active"?: any;
545
+ "background-danger-subtle-hover"?: any;
546
+ "background-neutrals"?: any;
547
+ "background-neutrals-active"?: any;
548
+ "background-neutrals-container"?: any;
549
+ "background-neutrals-controls-disabled"?: any;
550
+ "background-neutrals-disabled"?: any;
551
+ "background-neutrals-hover"?: any;
552
+ "background-neutrals-inactive"?: any;
553
+ "background-neutrals-inactive-hover"?: any;
554
+ "background-neutrals-inverted"?: any;
555
+ "background-neutrals-inverted-subtle"?: any;
556
+ "background-neutrals-page"?: any;
557
+ "background-neutrals-page-subtle"?: any;
558
+ "background-neutrals-scrolls"?: any;
559
+ "background-neutrals-scrolls-hover"?: any;
560
+ "background-neutrals-subtle"?: any;
561
+ "background-neutrals-subtle-active"?: any;
562
+ "background-neutrals-subtle-hover"?: any;
563
+ "background-primary-prominent"?: any;
564
+ "background-primary-prominent-active"?: any;
565
+ "background-primary-prominent-hover"?: any;
566
+ "background-primary-prominent-selected"?: any;
567
+ "background-primary-subtle"?: any;
568
+ "background-primary-subtle-active"?: any;
569
+ "background-primary-subtle-hover"?: any;
570
+ "background-primary-subtle-selected"?: any;
571
+ "background-success"?: any;
572
+ "background-warning-prominent"?: any;
573
+ "background-warning-subtle"?: any;
574
+ "border-danger"?: any;
575
+ "border-danger-active"?: any;
576
+ "border-danger-hover"?: any;
577
+ "border-focus-inner"?: any;
578
+ "border-focus-middle"?: any;
579
+ "border-focus-outer"?: any;
580
+ "border-neutrals"?: any;
581
+ "border-neutrals-active"?: any;
582
+ "border-neutrals-controls"?: any;
583
+ "border-neutrals-controls-disabled"?: any;
584
+ "border-neutrals-disabled"?: any;
585
+ "border-neutrals-hover"?: any;
586
+ "border-neutrals-inverted"?: any;
587
+ "border-neutrals-subtle"?: any;
588
+ "border-neutrals-text"?: any;
589
+ "border-neutrals-text-active"?: any;
590
+ "border-neutrals-text-hover"?: any;
591
+ "border-neutrals-text-subtle"?: any;
592
+ "border-neutrals-text-subtle-active"?: any;
593
+ "border-neutrals-text-subtle-hover"?: any;
594
+ "border-neutrals-transparent"?: any;
595
+ "border-primary"?: any;
596
+ "border-primary-active"?: any;
597
+ "border-primary-hover"?: any;
598
+ "border-primary-inverted"?: any;
599
+ "border-success"?: any;
600
+ "border-warning"?: any;
601
+ "icon-danger"?: any;
602
+ "icon-danger-active"?: any;
603
+ "icon-danger-hover"?: any;
604
+ "icon-danger-inverted"?: any;
605
+ "icon-neutrals"?: any;
606
+ "icon-neutrals-disabled"?: any;
607
+ "icon-neutrals-inactive"?: any;
608
+ "icon-neutrals-inactive-hover"?: any;
609
+ "icon-neutrals-inverted"?: any;
610
+ "icon-neutrals-search"?: any;
611
+ "icon-neutrals-subtle"?: any;
612
+ "icon-neutrals-text"?: any;
613
+ "icon-primary"?: any;
614
+ "icon-primary-active"?: any;
615
+ "icon-primary-hover"?: any;
616
+ "icon-primary-inverted"?: any;
617
+ "icon-primary-selected"?: any;
618
+ "icon-success"?: any;
619
+ "icon-success-inverted"?: any;
620
+ "icon-warning"?: any;
621
+ "icon-warning-prominent"?: any;
622
+ "text-danger"?: any;
623
+ "text-danger-active"?: any;
624
+ "text-danger-hover"?: any;
625
+ "text-danger-inverted"?: any;
626
+ "text-neutrals"?: any;
627
+ "text-neutrals-active"?: any;
628
+ "text-neutrals-disabled"?: any;
629
+ "text-neutrals-hover"?: any;
630
+ "text-neutrals-inverted"?: any;
631
+ "text-neutrals-placeholder"?: any;
632
+ "text-neutrals-placeholder-only"?: any;
633
+ "text-neutrals-subtle"?: any;
634
+ "text-neutrals-subtle-active"?: any;
635
+ "text-neutrals-subtle-hover"?: any;
636
+ "text-primary"?: any;
637
+ "text-primary-active"?: any;
638
+ "text-primary-hover"?: any;
639
+ "text-primary-inverted"?: any;
640
+ "text-primary-inverted-subtle"?: any;
641
+ "text-primary-selected"?: any;
642
+ "text-success"?: any;
643
+ "text-warning"?: any;
644
+ };
645
+ 'font-sizes': {
646
+ readonly 150: "0.75rem";
647
+ readonly 175: "0.875rem";
648
+ readonly 200: "1rem";
649
+ readonly 225: "1.125rem";
650
+ readonly 250: "1.25rem";
651
+ readonly 300: "1.5rem";
652
+ readonly 400: "2rem";
653
+ readonly 500: "2.5rem";
654
+ readonly 600: "3rem";
655
+ readonly 800: "4rem";
656
+ readonly 900: "4.5rem";
657
+ };
658
+ radii: {
659
+ readonly none: 0;
660
+ readonly half: "999em";
661
+ readonly 25: "2px";
662
+ readonly 50: "4px";
663
+ readonly 75: "6px";
664
+ readonly 100: "8px";
665
+ readonly 200: "16px";
666
+ };
667
+ shadows: {
668
+ readonly 50: "0 4px 16px #05003812";
669
+ readonly 100: "0 8px 32px #05003808";
670
+ readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
671
+ readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
672
+ readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
673
+ readonly 'focus-controls': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-focus-middle, 0 0 0 5px $colors$border-focus-outer";
674
+ };
675
+ sizes: {
676
+ readonly number: string;
677
+ readonly 'icon-200': "16px";
678
+ readonly 'icon-300': "24px";
679
+ readonly 'icon-400': "32px";
680
+ };
681
+ space: {
682
+ readonly 0: 0;
683
+ readonly 50: "4px";
684
+ readonly 100: "8px";
685
+ readonly 150: "12px";
686
+ readonly 200: "16px";
687
+ readonly 300: "24px";
688
+ readonly 400: "32px";
689
+ readonly 500: "40px";
690
+ readonly 600: "48px";
691
+ readonly 800: "64px";
692
+ readonly 1200: "96px";
693
+ readonly 1600: "128px";
694
+ };
695
+ 'space-gap': {
696
+ readonly 0: any;
697
+ readonly 50: any;
698
+ readonly 100: any;
699
+ readonly 200: any;
700
+ readonly 300: any;
701
+ };
702
+ 'space-inset': {
703
+ readonly 0: any;
704
+ readonly 50: any;
705
+ readonly 100: any;
706
+ readonly 150: any;
707
+ readonly 200: any;
708
+ readonly 300: any;
709
+ readonly 400: any;
710
+ readonly 600: any;
711
+ readonly 800: any;
712
+ readonly 1200: any;
713
+ readonly 1600: any;
714
+ };
715
+ 'space-offset': {
716
+ readonly 0: any;
717
+ readonly 50: any;
718
+ readonly 100: any;
719
+ readonly 150: any;
720
+ readonly 200: any;
721
+ readonly 300: any;
722
+ readonly 400: any;
723
+ readonly 600: any;
724
+ readonly 800: any;
725
+ readonly 1200: any;
726
+ readonly 1600: any;
727
+ readonly 'stacking-0': any;
728
+ readonly 'stacking-100': any;
729
+ readonly 'stacking-200': any;
730
+ readonly 'stacking-300': any;
731
+ readonly 'stacking-400': any;
732
+ readonly 'stacking-500': any;
733
+ readonly 'stacking-800': any;
734
+ };
735
+ 'stroke-width': {
736
+ readonly thin: "1.5px";
737
+ readonly normal: "2px";
738
+ readonly bold: "4px";
739
+ };
740
+ 'z-indices': {
741
+ readonly dropdownMenu: 100;
742
+ readonly popover: 200;
743
+ readonly tooltip: 300;
744
+ };
745
+ }, {
746
+ readonly background: "colors";
747
+ readonly backgroundColor: "colors";
748
+ readonly backgroundImage: "colors";
749
+ readonly blockSize: "sizes";
750
+ readonly border: "colors";
751
+ readonly borderBlock: "colors";
752
+ readonly borderBlockEnd: "colors";
753
+ readonly borderBlockStart: "colors";
754
+ readonly borderBottom: "colors";
755
+ readonly borderBottomColor: "colors";
756
+ readonly borderBottomLeftRadius: "radii";
757
+ readonly borderBottomRightRadius: "radii";
758
+ readonly borderBottomStyle: "border-styles";
759
+ readonly borderBottomWidth: "border-widths";
760
+ readonly borderColor: "colors";
761
+ readonly borderImage: "colors";
762
+ readonly borderInline: "colors";
763
+ readonly borderInlineEnd: "colors";
764
+ readonly borderInlineStart: "colors";
765
+ readonly borderLeft: "colors";
766
+ readonly borderLeftColor: "colors";
767
+ readonly borderLeftStyle: "border-styles";
768
+ readonly borderLeftWidth: "border-widths";
769
+ readonly borderRadius: "radii";
770
+ readonly borderRight: "colors";
771
+ readonly borderRightColor: "colors";
772
+ readonly borderRightStyle: "border-styles";
773
+ readonly borderRightWidth: "border-widths";
774
+ readonly borderStyle: "border-styles";
775
+ readonly borderTop: "colors";
776
+ readonly borderTopColor: "colors";
777
+ readonly borderTopLeftRadius: "radii";
778
+ readonly borderTopRightRadius: "radii";
779
+ readonly borderTopStyle: "border-styles";
780
+ readonly borderTopWidth: "border-widths";
781
+ readonly borderWidth: "border-widths";
782
+ readonly bottom: "space";
783
+ readonly boxShadow: "shadows";
784
+ readonly caretColor: "colors";
785
+ readonly color: "colors";
786
+ readonly columnGap: "space-gap";
787
+ readonly columnRuleColor: "colors";
788
+ readonly fill: "colors";
789
+ readonly flexBasis: "sizes";
790
+ readonly fontFamily: "fonts";
791
+ readonly fontSize: "font-sizes";
792
+ readonly fontWeight: "font-weights";
793
+ readonly gap: "space-gap";
794
+ readonly gridColumnGap: "space-gap";
795
+ readonly gridGap: "space-gap";
796
+ readonly gridRowGap: "space-gap";
797
+ readonly gridTemplateColumns: "sizes";
798
+ readonly gridTemplateRows: "sizes";
799
+ readonly height: "sizes";
800
+ readonly inlineSize: "sizes";
801
+ readonly inset: "space-inset";
802
+ readonly insetBlock: "space-inset";
803
+ readonly insetBlockEnd: "space-inset";
804
+ readonly insetBlockStart: "space-inset";
805
+ readonly insetInline: "space-inset";
806
+ readonly insetInlineEnd: "space-inset";
807
+ readonly insetInlineStart: "space-inset";
808
+ readonly left: "space";
809
+ readonly letterSpacing: "letter-spacings";
810
+ readonly lineHeight: "line-heights";
811
+ readonly margin: "space-offset";
812
+ readonly marginBlock: "space-offset";
813
+ readonly marginBlockEnd: "space-offset";
814
+ readonly marginBlockStart: "space-offset";
815
+ readonly marginBottom: "space-offset";
816
+ readonly marginInline: "space-offset";
817
+ readonly marginInlineEnd: "space-offset";
818
+ readonly marginInlineStart: "space-offset";
819
+ readonly marginLeft: "space-offset";
820
+ readonly marginRight: "space-offset";
821
+ readonly marginTop: "space-offset";
822
+ readonly maxBlockSize: "sizes";
823
+ readonly maxHeight: "sizes";
824
+ readonly maxInlineSize: "sizes";
825
+ readonly maxWidth: "sizes";
826
+ readonly minBlockSize: "sizes";
827
+ readonly minHeight: "sizes";
828
+ readonly minInlineSize: "sizes";
829
+ readonly minWidth: "sizes";
830
+ readonly outline: "colors";
831
+ readonly outlineColor: "colors";
832
+ readonly padding: "space-inset";
833
+ readonly paddingBlock: "space-inset";
834
+ readonly paddingBlockEnd: "space-inset";
835
+ readonly paddingBlockStart: "space-inset";
836
+ readonly paddingBottom: "space-inset";
837
+ readonly paddingInline: "space-inset";
838
+ readonly paddingInlineEnd: "space-inset";
839
+ readonly paddingInlineStart: "space-inset";
840
+ readonly paddingLeft: "space-inset";
841
+ readonly paddingRight: "space-inset";
842
+ readonly paddingTop: "space-inset";
843
+ readonly right: "space";
844
+ readonly rowGap: "space-gap";
845
+ readonly scrollMargin: "space-offset";
846
+ readonly scrollMarginBlock: "space-offset";
847
+ readonly scrollMarginBlockEnd: "space-offset";
848
+ readonly scrollMarginBlockStart: "space-offset";
849
+ readonly scrollMarginBottom: "space-offset";
850
+ readonly scrollMarginInline: "space-offset";
851
+ readonly scrollMarginInlineEnd: "space-offset";
852
+ readonly scrollMarginInlineStart: "space-offset";
853
+ readonly scrollMarginLeft: "space-offset";
854
+ readonly scrollMarginRight: "space-offset";
855
+ readonly scrollMarginTop: "space-offset";
856
+ readonly scrollPadding: "space-inset";
857
+ readonly scrollPaddingBlock: "space-inset";
858
+ readonly scrollPaddingBlockEnd: "space-inset";
859
+ readonly scrollPaddingBlockStart: "space-inset";
860
+ readonly scrollPaddingBottom: "space-inset";
861
+ readonly scrollPaddingInline: "space-inset";
862
+ readonly scrollPaddingInlineEnd: "space-inset";
863
+ readonly scrollPaddingInlineStart: "space-inset";
864
+ readonly scrollPaddingLeft: "space-inset";
865
+ readonly scrollPaddingRight: "space-inset";
866
+ readonly scrollPaddingTop: "space-inset";
867
+ readonly stroke: "colors";
868
+ readonly strokeWidth: "stroke-width";
869
+ readonly textDecorationColor: "colors";
870
+ readonly textShadow: "shadows";
871
+ readonly top: "space";
872
+ readonly transition: "transitions";
873
+ readonly width: "sizes";
874
+ readonly zIndex: "z-indices";
875
+ }, {
876
+ paddingX: (value: {
877
+ readonly [$$PropertyValue]: "padding";
878
+ }) => {
879
+ paddingLeft: {
880
+ readonly [$$PropertyValue]: "padding";
881
+ };
882
+ paddingRight: {
883
+ readonly [$$PropertyValue]: "padding";
884
+ };
885
+ };
886
+ paddingY: (value: {
887
+ readonly [$$PropertyValue]: "padding";
888
+ }) => {
889
+ paddingTop: {
890
+ readonly [$$PropertyValue]: "padding";
891
+ };
892
+ paddingBottom: {
893
+ readonly [$$PropertyValue]: "padding";
894
+ };
895
+ };
896
+ marginX: (value: {
897
+ readonly [$$PropertyValue]: "margin";
898
+ }) => {
899
+ marginLeft: {
900
+ readonly [$$PropertyValue]: "margin";
901
+ };
902
+ marginRight: {
903
+ readonly [$$PropertyValue]: "margin";
904
+ };
905
+ };
906
+ marginY: (value: {
907
+ readonly [$$PropertyValue]: "margin";
908
+ }) => {
909
+ marginTop: {
910
+ readonly [$$PropertyValue]: "margin";
911
+ };
912
+ marginBottom: {
913
+ readonly [$$PropertyValue]: "margin";
914
+ };
915
+ };
916
+ square: (value: {
917
+ readonly [$$PropertyValue]: "width";
918
+ }) => {
919
+ width: {
920
+ readonly [$$PropertyValue]: "width";
921
+ };
922
+ height: {
923
+ readonly [$$PropertyValue]: "width";
924
+ };
925
+ };
926
+ }> | undefined;
927
+ }> & {
928
+ children?: react.ReactNode;
929
+ } & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react.RefAttributes<HTMLDivElement>> & _mirohq_design_system_stitches.StitchesInternals<react.ForwardRefExoticComponent<_radix_ui_react_select.SelectGroupProps & react.RefAttributes<HTMLDivElement>>, {}, {}>;
930
+ declare type StyledGroupProps = StrictComponentProps<typeof StyledGroup>;
931
+
932
+ interface GroupProps extends StyledGroupProps {
933
+ }
934
+ declare const Group: react__default.ForwardRefExoticComponent<Omit<GroupProps, "ref"> & react__default.RefAttributes<HTMLDivElement>>;
935
+
936
+ declare const StyledItem: react.ForwardRefExoticComponent<Omit<Omit<{}, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.SafeProps<Omit<_radix_ui_react_select.SelectItemProps & react.RefAttributes<HTMLDivElement>, "css"> & _stitches_react_types_styled_component.TransformProps<{}, {}> & {
937
+ css?: _stitches_react_types_css_util.CSS<{}, {
938
+ 'border-widths': {
939
+ readonly none: 0;
940
+ readonly sm: "1px";
941
+ readonly md: "2px";
942
+ readonly lg: "4px";
943
+ };
944
+ colors: {
945
+ readonly black: any;
946
+ readonly 'blue-100': any;
947
+ readonly 'blue-200': any;
948
+ readonly 'blue-300': any;
949
+ readonly 'blue-400': any;
950
+ readonly 'blue-500': any;
951
+ readonly 'blue-600': any;
952
+ readonly 'blue-700': any;
953
+ readonly 'blue-800': any;
954
+ readonly 'blue-900': any;
955
+ readonly 'blue-1000': any;
956
+ readonly 'gray-100': any;
957
+ readonly 'gray-200': any;
958
+ readonly 'gray-300': any;
959
+ readonly 'gray-400': any;
960
+ readonly 'gray-500': any;
961
+ readonly 'gray-600': any;
962
+ readonly 'gray-700': any;
963
+ readonly 'gray-800': any;
964
+ readonly 'gray-900': any;
965
+ readonly 'green-100': any;
966
+ readonly 'green-200': any;
967
+ readonly 'green-300': any;
968
+ readonly 'green-400': any;
969
+ readonly 'green-500': any;
970
+ readonly 'green-600': any;
971
+ readonly 'green-700': any;
972
+ readonly 'green-800': any;
973
+ readonly 'green-900': any;
974
+ readonly 'indigo-100': any;
975
+ readonly 'indigo-200': any;
976
+ readonly 'indigo-300': any;
977
+ readonly 'indigo-400': any;
978
+ readonly 'indigo-500': any;
979
+ readonly 'indigo-600': any;
980
+ readonly 'indigo-700': any;
981
+ readonly 'indigo-800': any;
982
+ readonly 'indigo-900': any;
983
+ readonly 'red-100': any;
984
+ readonly 'red-200': any;
985
+ readonly 'red-300': any;
986
+ readonly 'red-400': any;
987
+ readonly 'red-500': any;
988
+ readonly 'red-600': any;
989
+ readonly 'red-700': any;
990
+ readonly 'red-800': any;
991
+ readonly 'red-900': any;
992
+ readonly transparent: any;
993
+ readonly white: any;
994
+ readonly 'yellow-100': any;
995
+ readonly 'yellow-200': any;
996
+ readonly 'yellow-300': any;
997
+ readonly 'yellow-400': any;
998
+ readonly 'yellow-500': any;
999
+ readonly 'yellow-600': any;
1000
+ readonly 'yellow-700': any;
1001
+ readonly 'yellow-800': any;
1002
+ readonly 'yellow-900': any;
1003
+ "background-alpha-active"?: any;
1004
+ "background-alpha-hover"?: any;
1005
+ "background-danger-prominent"?: any;
1006
+ "background-danger-prominent-active"?: any;
1007
+ "background-danger-prominent-hover"?: any;
1008
+ "background-danger-subtle"?: any;
1009
+ "background-danger-subtle-active"?: any;
1010
+ "background-danger-subtle-hover"?: any;
1011
+ "background-neutrals"?: any;
1012
+ "background-neutrals-active"?: any;
1013
+ "background-neutrals-container"?: any;
1014
+ "background-neutrals-controls-disabled"?: any;
1015
+ "background-neutrals-disabled"?: any;
1016
+ "background-neutrals-hover"?: any;
1017
+ "background-neutrals-inactive"?: any;
1018
+ "background-neutrals-inactive-hover"?: any;
1019
+ "background-neutrals-inverted"?: any;
1020
+ "background-neutrals-inverted-subtle"?: any;
1021
+ "background-neutrals-page"?: any;
1022
+ "background-neutrals-page-subtle"?: any;
1023
+ "background-neutrals-scrolls"?: any;
1024
+ "background-neutrals-scrolls-hover"?: any;
1025
+ "background-neutrals-subtle"?: any;
1026
+ "background-neutrals-subtle-active"?: any;
1027
+ "background-neutrals-subtle-hover"?: any;
1028
+ "background-primary-prominent"?: any;
1029
+ "background-primary-prominent-active"?: any;
1030
+ "background-primary-prominent-hover"?: any;
1031
+ "background-primary-prominent-selected"?: any;
1032
+ "background-primary-subtle"?: any;
1033
+ "background-primary-subtle-active"?: any;
1034
+ "background-primary-subtle-hover"?: any;
1035
+ "background-primary-subtle-selected"?: any;
1036
+ "background-success"?: any;
1037
+ "background-warning-prominent"?: any;
1038
+ "background-warning-subtle"?: any;
1039
+ "border-danger"?: any;
1040
+ "border-danger-active"?: any;
1041
+ "border-danger-hover"?: any;
1042
+ "border-focus-inner"?: any;
1043
+ "border-focus-middle"?: any;
1044
+ "border-focus-outer"?: any;
1045
+ "border-neutrals"?: any;
1046
+ "border-neutrals-active"?: any;
1047
+ "border-neutrals-controls"?: any;
1048
+ "border-neutrals-controls-disabled"?: any;
1049
+ "border-neutrals-disabled"?: any;
1050
+ "border-neutrals-hover"?: any;
1051
+ "border-neutrals-inverted"?: any;
1052
+ "border-neutrals-subtle"?: any;
1053
+ "border-neutrals-text"?: any;
1054
+ "border-neutrals-text-active"?: any;
1055
+ "border-neutrals-text-hover"?: any;
1056
+ "border-neutrals-text-subtle"?: any;
1057
+ "border-neutrals-text-subtle-active"?: any;
1058
+ "border-neutrals-text-subtle-hover"?: any;
1059
+ "border-neutrals-transparent"?: any;
1060
+ "border-primary"?: any;
1061
+ "border-primary-active"?: any;
1062
+ "border-primary-hover"?: any;
1063
+ "border-primary-inverted"?: any;
1064
+ "border-success"?: any;
1065
+ "border-warning"?: any;
1066
+ "icon-danger"?: any;
1067
+ "icon-danger-active"?: any;
1068
+ "icon-danger-hover"?: any;
1069
+ "icon-danger-inverted"?: any;
1070
+ "icon-neutrals"?: any;
1071
+ "icon-neutrals-disabled"?: any;
1072
+ "icon-neutrals-inactive"?: any;
1073
+ "icon-neutrals-inactive-hover"?: any;
1074
+ "icon-neutrals-inverted"?: any;
1075
+ "icon-neutrals-search"?: any;
1076
+ "icon-neutrals-subtle"?: any;
1077
+ "icon-neutrals-text"?: any;
1078
+ "icon-primary"?: any;
1079
+ "icon-primary-active"?: any;
1080
+ "icon-primary-hover"?: any;
1081
+ "icon-primary-inverted"?: any;
1082
+ "icon-primary-selected"?: any;
1083
+ "icon-success"?: any;
1084
+ "icon-success-inverted"?: any;
1085
+ "icon-warning"?: any;
1086
+ "icon-warning-prominent"?: any;
1087
+ "text-danger"?: any;
1088
+ "text-danger-active"?: any;
1089
+ "text-danger-hover"?: any;
1090
+ "text-danger-inverted"?: any;
1091
+ "text-neutrals"?: any;
1092
+ "text-neutrals-active"?: any;
1093
+ "text-neutrals-disabled"?: any;
1094
+ "text-neutrals-hover"?: any;
1095
+ "text-neutrals-inverted"?: any;
1096
+ "text-neutrals-placeholder"?: any;
1097
+ "text-neutrals-placeholder-only"?: any;
1098
+ "text-neutrals-subtle"?: any;
1099
+ "text-neutrals-subtle-active"?: any;
1100
+ "text-neutrals-subtle-hover"?: any;
1101
+ "text-primary"?: any;
1102
+ "text-primary-active"?: any;
1103
+ "text-primary-hover"?: any;
1104
+ "text-primary-inverted"?: any;
1105
+ "text-primary-inverted-subtle"?: any;
1106
+ "text-primary-selected"?: any;
1107
+ "text-success"?: any;
1108
+ "text-warning"?: any;
1109
+ };
1110
+ 'font-sizes': {
1111
+ readonly 150: "0.75rem";
1112
+ readonly 175: "0.875rem";
1113
+ readonly 200: "1rem";
1114
+ readonly 225: "1.125rem";
1115
+ readonly 250: "1.25rem";
1116
+ readonly 300: "1.5rem";
1117
+ readonly 400: "2rem";
1118
+ readonly 500: "2.5rem";
1119
+ readonly 600: "3rem";
1120
+ readonly 800: "4rem";
1121
+ readonly 900: "4.5rem";
1122
+ };
1123
+ radii: {
1124
+ readonly none: 0;
1125
+ readonly half: "999em";
1126
+ readonly 25: "2px";
1127
+ readonly 50: "4px";
1128
+ readonly 75: "6px";
1129
+ readonly 100: "8px";
1130
+ readonly 200: "16px";
1131
+ };
1132
+ shadows: {
1133
+ readonly 50: "0 4px 16px #05003812";
1134
+ readonly 100: "0 8px 32px #05003808";
1135
+ readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
1136
+ readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
1137
+ readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
1138
+ readonly 'focus-controls': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-focus-middle, 0 0 0 5px $colors$border-focus-outer";
1139
+ };
1140
+ sizes: {
1141
+ readonly number: string;
1142
+ readonly 'icon-200': "16px";
1143
+ readonly 'icon-300': "24px";
1144
+ readonly 'icon-400': "32px";
1145
+ };
1146
+ space: {
1147
+ readonly 0: 0;
1148
+ readonly 50: "4px";
1149
+ readonly 100: "8px";
1150
+ readonly 150: "12px";
1151
+ readonly 200: "16px";
1152
+ readonly 300: "24px";
1153
+ readonly 400: "32px";
1154
+ readonly 500: "40px";
1155
+ readonly 600: "48px";
1156
+ readonly 800: "64px";
1157
+ readonly 1200: "96px";
1158
+ readonly 1600: "128px";
1159
+ };
1160
+ 'space-gap': {
1161
+ readonly 0: any;
1162
+ readonly 50: any;
1163
+ readonly 100: any;
1164
+ readonly 200: any;
1165
+ readonly 300: any;
1166
+ };
1167
+ 'space-inset': {
1168
+ readonly 0: any;
1169
+ readonly 50: any;
1170
+ readonly 100: any;
1171
+ readonly 150: any;
1172
+ readonly 200: any;
1173
+ readonly 300: any;
1174
+ readonly 400: any;
1175
+ readonly 600: any;
1176
+ readonly 800: any;
1177
+ readonly 1200: any;
1178
+ readonly 1600: any;
1179
+ };
1180
+ 'space-offset': {
1181
+ readonly 0: any;
1182
+ readonly 50: any;
1183
+ readonly 100: any;
1184
+ readonly 150: any;
1185
+ readonly 200: any;
1186
+ readonly 300: any;
1187
+ readonly 400: any;
1188
+ readonly 600: any;
1189
+ readonly 800: any;
1190
+ readonly 1200: any;
1191
+ readonly 1600: any;
1192
+ readonly 'stacking-0': any;
1193
+ readonly 'stacking-100': any;
1194
+ readonly 'stacking-200': any;
1195
+ readonly 'stacking-300': any;
1196
+ readonly 'stacking-400': any;
1197
+ readonly 'stacking-500': any;
1198
+ readonly 'stacking-800': any;
1199
+ };
1200
+ 'stroke-width': {
1201
+ readonly thin: "1.5px";
1202
+ readonly normal: "2px";
1203
+ readonly bold: "4px";
1204
+ };
1205
+ 'z-indices': {
1206
+ readonly dropdownMenu: 100;
1207
+ readonly popover: 200;
1208
+ readonly tooltip: 300;
1209
+ };
1210
+ }, {
1211
+ readonly background: "colors";
1212
+ readonly backgroundColor: "colors";
1213
+ readonly backgroundImage: "colors";
1214
+ readonly blockSize: "sizes";
1215
+ readonly border: "colors";
1216
+ readonly borderBlock: "colors";
1217
+ readonly borderBlockEnd: "colors";
1218
+ readonly borderBlockStart: "colors";
1219
+ readonly borderBottom: "colors";
1220
+ readonly borderBottomColor: "colors";
1221
+ readonly borderBottomLeftRadius: "radii";
1222
+ readonly borderBottomRightRadius: "radii";
1223
+ readonly borderBottomStyle: "border-styles";
1224
+ readonly borderBottomWidth: "border-widths";
1225
+ readonly borderColor: "colors";
1226
+ readonly borderImage: "colors";
1227
+ readonly borderInline: "colors";
1228
+ readonly borderInlineEnd: "colors";
1229
+ readonly borderInlineStart: "colors";
1230
+ readonly borderLeft: "colors";
1231
+ readonly borderLeftColor: "colors";
1232
+ readonly borderLeftStyle: "border-styles";
1233
+ readonly borderLeftWidth: "border-widths";
1234
+ readonly borderRadius: "radii";
1235
+ readonly borderRight: "colors";
1236
+ readonly borderRightColor: "colors";
1237
+ readonly borderRightStyle: "border-styles";
1238
+ readonly borderRightWidth: "border-widths";
1239
+ readonly borderStyle: "border-styles";
1240
+ readonly borderTop: "colors";
1241
+ readonly borderTopColor: "colors";
1242
+ readonly borderTopLeftRadius: "radii";
1243
+ readonly borderTopRightRadius: "radii";
1244
+ readonly borderTopStyle: "border-styles";
1245
+ readonly borderTopWidth: "border-widths";
1246
+ readonly borderWidth: "border-widths";
1247
+ readonly bottom: "space";
1248
+ readonly boxShadow: "shadows";
1249
+ readonly caretColor: "colors";
1250
+ readonly color: "colors";
1251
+ readonly columnGap: "space-gap";
1252
+ readonly columnRuleColor: "colors";
1253
+ readonly fill: "colors";
1254
+ readonly flexBasis: "sizes";
1255
+ readonly fontFamily: "fonts";
1256
+ readonly fontSize: "font-sizes";
1257
+ readonly fontWeight: "font-weights";
1258
+ readonly gap: "space-gap";
1259
+ readonly gridColumnGap: "space-gap";
1260
+ readonly gridGap: "space-gap";
1261
+ readonly gridRowGap: "space-gap";
1262
+ readonly gridTemplateColumns: "sizes";
1263
+ readonly gridTemplateRows: "sizes";
1264
+ readonly height: "sizes";
1265
+ readonly inlineSize: "sizes";
1266
+ readonly inset: "space-inset";
1267
+ readonly insetBlock: "space-inset";
1268
+ readonly insetBlockEnd: "space-inset";
1269
+ readonly insetBlockStart: "space-inset";
1270
+ readonly insetInline: "space-inset";
1271
+ readonly insetInlineEnd: "space-inset";
1272
+ readonly insetInlineStart: "space-inset";
1273
+ readonly left: "space";
1274
+ readonly letterSpacing: "letter-spacings";
1275
+ readonly lineHeight: "line-heights";
1276
+ readonly margin: "space-offset";
1277
+ readonly marginBlock: "space-offset";
1278
+ readonly marginBlockEnd: "space-offset";
1279
+ readonly marginBlockStart: "space-offset";
1280
+ readonly marginBottom: "space-offset";
1281
+ readonly marginInline: "space-offset";
1282
+ readonly marginInlineEnd: "space-offset";
1283
+ readonly marginInlineStart: "space-offset";
1284
+ readonly marginLeft: "space-offset";
1285
+ readonly marginRight: "space-offset";
1286
+ readonly marginTop: "space-offset";
1287
+ readonly maxBlockSize: "sizes";
1288
+ readonly maxHeight: "sizes";
1289
+ readonly maxInlineSize: "sizes";
1290
+ readonly maxWidth: "sizes";
1291
+ readonly minBlockSize: "sizes";
1292
+ readonly minHeight: "sizes";
1293
+ readonly minInlineSize: "sizes";
1294
+ readonly minWidth: "sizes";
1295
+ readonly outline: "colors";
1296
+ readonly outlineColor: "colors";
1297
+ readonly padding: "space-inset";
1298
+ readonly paddingBlock: "space-inset";
1299
+ readonly paddingBlockEnd: "space-inset";
1300
+ readonly paddingBlockStart: "space-inset";
1301
+ readonly paddingBottom: "space-inset";
1302
+ readonly paddingInline: "space-inset";
1303
+ readonly paddingInlineEnd: "space-inset";
1304
+ readonly paddingInlineStart: "space-inset";
1305
+ readonly paddingLeft: "space-inset";
1306
+ readonly paddingRight: "space-inset";
1307
+ readonly paddingTop: "space-inset";
1308
+ readonly right: "space";
1309
+ readonly rowGap: "space-gap";
1310
+ readonly scrollMargin: "space-offset";
1311
+ readonly scrollMarginBlock: "space-offset";
1312
+ readonly scrollMarginBlockEnd: "space-offset";
1313
+ readonly scrollMarginBlockStart: "space-offset";
1314
+ readonly scrollMarginBottom: "space-offset";
1315
+ readonly scrollMarginInline: "space-offset";
1316
+ readonly scrollMarginInlineEnd: "space-offset";
1317
+ readonly scrollMarginInlineStart: "space-offset";
1318
+ readonly scrollMarginLeft: "space-offset";
1319
+ readonly scrollMarginRight: "space-offset";
1320
+ readonly scrollMarginTop: "space-offset";
1321
+ readonly scrollPadding: "space-inset";
1322
+ readonly scrollPaddingBlock: "space-inset";
1323
+ readonly scrollPaddingBlockEnd: "space-inset";
1324
+ readonly scrollPaddingBlockStart: "space-inset";
1325
+ readonly scrollPaddingBottom: "space-inset";
1326
+ readonly scrollPaddingInline: "space-inset";
1327
+ readonly scrollPaddingInlineEnd: "space-inset";
1328
+ readonly scrollPaddingInlineStart: "space-inset";
1329
+ readonly scrollPaddingLeft: "space-inset";
1330
+ readonly scrollPaddingRight: "space-inset";
1331
+ readonly scrollPaddingTop: "space-inset";
1332
+ readonly stroke: "colors";
1333
+ readonly strokeWidth: "stroke-width";
1334
+ readonly textDecorationColor: "colors";
1335
+ readonly textShadow: "shadows";
1336
+ readonly top: "space";
1337
+ readonly transition: "transitions";
1338
+ readonly width: "sizes";
1339
+ readonly zIndex: "z-indices";
1340
+ }, {
1341
+ paddingX: (value: {
1342
+ readonly [$$PropertyValue]: "padding";
1343
+ }) => {
1344
+ paddingLeft: {
1345
+ readonly [$$PropertyValue]: "padding";
1346
+ };
1347
+ paddingRight: {
1348
+ readonly [$$PropertyValue]: "padding";
1349
+ };
1350
+ };
1351
+ paddingY: (value: {
1352
+ readonly [$$PropertyValue]: "padding";
1353
+ }) => {
1354
+ paddingTop: {
1355
+ readonly [$$PropertyValue]: "padding";
1356
+ };
1357
+ paddingBottom: {
1358
+ readonly [$$PropertyValue]: "padding";
1359
+ };
1360
+ };
1361
+ marginX: (value: {
1362
+ readonly [$$PropertyValue]: "margin";
1363
+ }) => {
1364
+ marginLeft: {
1365
+ readonly [$$PropertyValue]: "margin";
1366
+ };
1367
+ marginRight: {
1368
+ readonly [$$PropertyValue]: "margin";
1369
+ };
1370
+ };
1371
+ marginY: (value: {
1372
+ readonly [$$PropertyValue]: "margin";
1373
+ }) => {
1374
+ marginTop: {
1375
+ readonly [$$PropertyValue]: "margin";
1376
+ };
1377
+ marginBottom: {
1378
+ readonly [$$PropertyValue]: "margin";
1379
+ };
1380
+ };
1381
+ square: (value: {
1382
+ readonly [$$PropertyValue]: "width";
1383
+ }) => {
1384
+ width: {
1385
+ readonly [$$PropertyValue]: "width";
1386
+ };
1387
+ height: {
1388
+ readonly [$$PropertyValue]: "width";
1389
+ };
1390
+ };
1391
+ }> | undefined;
1392
+ }> & {
1393
+ children?: react.ReactNode;
1394
+ } & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react.RefAttributes<HTMLDivElement>> & _mirohq_design_system_stitches.StitchesInternals<react.ForwardRefExoticComponent<_radix_ui_react_select.SelectItemProps & react.RefAttributes<HTMLDivElement>>, {}, {}>;
1395
+ declare type StyledItemProps = StrictComponentProps<typeof StyledItem>;
1396
+
1397
+ interface ItemProps extends StyledItemProps {
1398
+ /**
1399
+ * The value given as data when submitted with a name.
1400
+ */
1401
+ value: string;
1402
+ /**
1403
+ * When true, prevents the user from interacting with the item.
1404
+ */
1405
+ disabled?: boolean;
1406
+ /**
1407
+ * Optional text used for typeahead purposes. By default the typeahead
1408
+ * behavior will use the Select's item text. Use this when the content is
1409
+ * complex, or you have non-textual content inside.
1410
+ */
1411
+ textValue?: string;
1412
+ }
1413
+ declare const Item: react__default.ForwardRefExoticComponent<Omit<ItemProps, "ref"> & react__default.RefAttributes<HTMLDivElement>>;
1414
+
1415
+ declare const StyledPortal: react.ForwardRefExoticComponent<Omit<{}, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.SafeProps<Omit<_radix_ui_react_select.SelectPortalProps, "css"> & _stitches_react_types_styled_component.TransformProps<{}, {}> & {
1416
+ css?: _stitches_react_types_css_util.CSS<{}, {
1417
+ 'border-widths': {
1418
+ readonly none: 0;
1419
+ readonly sm: "1px";
1420
+ readonly md: "2px";
1421
+ readonly lg: "4px";
1422
+ };
1423
+ colors: {
1424
+ readonly black: any;
1425
+ readonly 'blue-100': any;
1426
+ readonly 'blue-200': any;
1427
+ readonly 'blue-300': any;
1428
+ readonly 'blue-400': any;
1429
+ readonly 'blue-500': any;
1430
+ readonly 'blue-600': any;
1431
+ readonly 'blue-700': any;
1432
+ readonly 'blue-800': any;
1433
+ readonly 'blue-900': any;
1434
+ readonly 'blue-1000': any;
1435
+ readonly 'gray-100': any;
1436
+ readonly 'gray-200': any;
1437
+ readonly 'gray-300': any;
1438
+ readonly 'gray-400': any;
1439
+ readonly 'gray-500': any;
1440
+ readonly 'gray-600': any;
1441
+ readonly 'gray-700': any;
1442
+ readonly 'gray-800': any;
1443
+ readonly 'gray-900': any;
1444
+ readonly 'green-100': any;
1445
+ readonly 'green-200': any;
1446
+ readonly 'green-300': any;
1447
+ readonly 'green-400': any;
1448
+ readonly 'green-500': any;
1449
+ readonly 'green-600': any;
1450
+ readonly 'green-700': any;
1451
+ readonly 'green-800': any;
1452
+ readonly 'green-900': any;
1453
+ readonly 'indigo-100': any;
1454
+ readonly 'indigo-200': any;
1455
+ readonly 'indigo-300': any;
1456
+ readonly 'indigo-400': any;
1457
+ readonly 'indigo-500': any;
1458
+ readonly 'indigo-600': any;
1459
+ readonly 'indigo-700': any;
1460
+ readonly 'indigo-800': any;
1461
+ readonly 'indigo-900': any;
1462
+ readonly 'red-100': any;
1463
+ readonly 'red-200': any;
1464
+ readonly 'red-300': any;
1465
+ readonly 'red-400': any;
1466
+ readonly 'red-500': any;
1467
+ readonly 'red-600': any;
1468
+ readonly 'red-700': any;
1469
+ readonly 'red-800': any;
1470
+ readonly 'red-900': any;
1471
+ readonly transparent: any;
1472
+ readonly white: any;
1473
+ readonly 'yellow-100': any;
1474
+ readonly 'yellow-200': any;
1475
+ readonly 'yellow-300': any;
1476
+ readonly 'yellow-400': any;
1477
+ readonly 'yellow-500': any;
1478
+ readonly 'yellow-600': any;
1479
+ readonly 'yellow-700': any;
1480
+ readonly 'yellow-800': any;
1481
+ readonly 'yellow-900': any;
1482
+ "background-alpha-active"?: any;
1483
+ "background-alpha-hover"?: any;
1484
+ "background-danger-prominent"?: any;
1485
+ "background-danger-prominent-active"?: any;
1486
+ "background-danger-prominent-hover"?: any;
1487
+ "background-danger-subtle"?: any;
1488
+ "background-danger-subtle-active"?: any;
1489
+ "background-danger-subtle-hover"?: any;
1490
+ "background-neutrals"?: any;
1491
+ "background-neutrals-active"?: any;
1492
+ "background-neutrals-container"?: any;
1493
+ "background-neutrals-controls-disabled"?: any;
1494
+ "background-neutrals-disabled"?: any;
1495
+ "background-neutrals-hover"?: any;
1496
+ "background-neutrals-inactive"?: any;
1497
+ "background-neutrals-inactive-hover"?: any;
1498
+ "background-neutrals-inverted"?: any;
1499
+ "background-neutrals-inverted-subtle"?: any;
1500
+ "background-neutrals-page"?: any;
1501
+ "background-neutrals-page-subtle"?: any;
1502
+ "background-neutrals-scrolls"?: any;
1503
+ "background-neutrals-scrolls-hover"?: any;
1504
+ "background-neutrals-subtle"?: any;
1505
+ "background-neutrals-subtle-active"?: any;
1506
+ "background-neutrals-subtle-hover"?: any;
1507
+ "background-primary-prominent"?: any;
1508
+ "background-primary-prominent-active"?: any;
1509
+ "background-primary-prominent-hover"?: any;
1510
+ "background-primary-prominent-selected"?: any;
1511
+ "background-primary-subtle"?: any;
1512
+ "background-primary-subtle-active"?: any;
1513
+ "background-primary-subtle-hover"?: any;
1514
+ "background-primary-subtle-selected"?: any;
1515
+ "background-success"?: any;
1516
+ "background-warning-prominent"?: any;
1517
+ "background-warning-subtle"?: any;
1518
+ "border-danger"?: any;
1519
+ "border-danger-active"?: any;
1520
+ "border-danger-hover"?: any;
1521
+ "border-focus-inner"?: any;
1522
+ "border-focus-middle"?: any;
1523
+ "border-focus-outer"?: any;
1524
+ "border-neutrals"?: any;
1525
+ "border-neutrals-active"?: any;
1526
+ "border-neutrals-controls"?: any;
1527
+ "border-neutrals-controls-disabled"?: any;
1528
+ "border-neutrals-disabled"?: any;
1529
+ "border-neutrals-hover"?: any;
1530
+ "border-neutrals-inverted"?: any;
1531
+ "border-neutrals-subtle"?: any;
1532
+ "border-neutrals-text"?: any;
1533
+ "border-neutrals-text-active"?: any;
1534
+ "border-neutrals-text-hover"?: any;
1535
+ "border-neutrals-text-subtle"?: any;
1536
+ "border-neutrals-text-subtle-active"?: any;
1537
+ "border-neutrals-text-subtle-hover"?: any;
1538
+ "border-neutrals-transparent"?: any;
1539
+ "border-primary"?: any;
1540
+ "border-primary-active"?: any;
1541
+ "border-primary-hover"?: any;
1542
+ "border-primary-inverted"?: any;
1543
+ "border-success"?: any;
1544
+ "border-warning"?: any;
1545
+ "icon-danger"?: any;
1546
+ "icon-danger-active"?: any;
1547
+ "icon-danger-hover"?: any;
1548
+ "icon-danger-inverted"?: any;
1549
+ "icon-neutrals"?: any;
1550
+ "icon-neutrals-disabled"?: any;
1551
+ "icon-neutrals-inactive"?: any;
1552
+ "icon-neutrals-inactive-hover"?: any;
1553
+ "icon-neutrals-inverted"?: any;
1554
+ "icon-neutrals-search"?: any;
1555
+ "icon-neutrals-subtle"?: any;
1556
+ "icon-neutrals-text"?: any;
1557
+ "icon-primary"?: any;
1558
+ "icon-primary-active"?: any;
1559
+ "icon-primary-hover"?: any;
1560
+ "icon-primary-inverted"?: any;
1561
+ "icon-primary-selected"?: any;
1562
+ "icon-success"?: any;
1563
+ "icon-success-inverted"?: any;
1564
+ "icon-warning"?: any;
1565
+ "icon-warning-prominent"?: any;
1566
+ "text-danger"?: any;
1567
+ "text-danger-active"?: any;
1568
+ "text-danger-hover"?: any;
1569
+ "text-danger-inverted"?: any;
1570
+ "text-neutrals"?: any;
1571
+ "text-neutrals-active"?: any;
1572
+ "text-neutrals-disabled"?: any;
1573
+ "text-neutrals-hover"?: any;
1574
+ "text-neutrals-inverted"?: any;
1575
+ "text-neutrals-placeholder"?: any;
1576
+ "text-neutrals-placeholder-only"?: any;
1577
+ "text-neutrals-subtle"?: any;
1578
+ "text-neutrals-subtle-active"?: any;
1579
+ "text-neutrals-subtle-hover"?: any;
1580
+ "text-primary"?: any;
1581
+ "text-primary-active"?: any;
1582
+ "text-primary-hover"?: any;
1583
+ "text-primary-inverted"?: any;
1584
+ "text-primary-inverted-subtle"?: any;
1585
+ "text-primary-selected"?: any;
1586
+ "text-success"?: any;
1587
+ "text-warning"?: any;
1588
+ };
1589
+ 'font-sizes': {
1590
+ readonly 150: "0.75rem";
1591
+ readonly 175: "0.875rem";
1592
+ readonly 200: "1rem";
1593
+ readonly 225: "1.125rem";
1594
+ readonly 250: "1.25rem";
1595
+ readonly 300: "1.5rem";
1596
+ readonly 400: "2rem";
1597
+ readonly 500: "2.5rem";
1598
+ readonly 600: "3rem";
1599
+ readonly 800: "4rem";
1600
+ readonly 900: "4.5rem";
1601
+ };
1602
+ radii: {
1603
+ readonly none: 0;
1604
+ readonly half: "999em";
1605
+ readonly 25: "2px";
1606
+ readonly 50: "4px";
1607
+ readonly 75: "6px";
1608
+ readonly 100: "8px";
1609
+ readonly 200: "16px";
1610
+ };
1611
+ shadows: {
1612
+ readonly 50: "0 4px 16px #05003812";
1613
+ readonly 100: "0 8px 32px #05003808";
1614
+ readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
1615
+ readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
1616
+ readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
1617
+ readonly 'focus-controls': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-focus-middle, 0 0 0 5px $colors$border-focus-outer";
1618
+ };
1619
+ sizes: {
1620
+ readonly number: string;
1621
+ readonly 'icon-200': "16px";
1622
+ readonly 'icon-300': "24px";
1623
+ readonly 'icon-400': "32px";
1624
+ };
1625
+ space: {
1626
+ readonly 0: 0;
1627
+ readonly 50: "4px";
1628
+ readonly 100: "8px";
1629
+ readonly 150: "12px";
1630
+ readonly 200: "16px";
1631
+ readonly 300: "24px";
1632
+ readonly 400: "32px";
1633
+ readonly 500: "40px";
1634
+ readonly 600: "48px";
1635
+ readonly 800: "64px";
1636
+ readonly 1200: "96px";
1637
+ readonly 1600: "128px";
1638
+ };
1639
+ 'space-gap': {
1640
+ readonly 0: any;
1641
+ readonly 50: any;
1642
+ readonly 100: any;
1643
+ readonly 200: any;
1644
+ readonly 300: any;
1645
+ };
1646
+ 'space-inset': {
1647
+ readonly 0: any;
1648
+ readonly 50: any;
1649
+ readonly 100: any;
1650
+ readonly 150: any;
1651
+ readonly 200: any;
1652
+ readonly 300: any;
1653
+ readonly 400: any;
1654
+ readonly 600: any;
1655
+ readonly 800: any;
1656
+ readonly 1200: any;
1657
+ readonly 1600: any;
1658
+ };
1659
+ 'space-offset': {
1660
+ readonly 0: any;
1661
+ readonly 50: any;
1662
+ readonly 100: any;
1663
+ readonly 150: any;
1664
+ readonly 200: any;
1665
+ readonly 300: any;
1666
+ readonly 400: any;
1667
+ readonly 600: any;
1668
+ readonly 800: any;
1669
+ readonly 1200: any;
1670
+ readonly 1600: any;
1671
+ readonly 'stacking-0': any;
1672
+ readonly 'stacking-100': any;
1673
+ readonly 'stacking-200': any;
1674
+ readonly 'stacking-300': any;
1675
+ readonly 'stacking-400': any;
1676
+ readonly 'stacking-500': any;
1677
+ readonly 'stacking-800': any;
1678
+ };
1679
+ 'stroke-width': {
1680
+ readonly thin: "1.5px";
1681
+ readonly normal: "2px";
1682
+ readonly bold: "4px";
1683
+ };
1684
+ 'z-indices': {
1685
+ readonly dropdownMenu: 100;
1686
+ readonly popover: 200;
1687
+ readonly tooltip: 300;
1688
+ };
1689
+ }, {
1690
+ readonly background: "colors";
1691
+ readonly backgroundColor: "colors";
1692
+ readonly backgroundImage: "colors";
1693
+ readonly blockSize: "sizes";
1694
+ readonly border: "colors";
1695
+ readonly borderBlock: "colors";
1696
+ readonly borderBlockEnd: "colors";
1697
+ readonly borderBlockStart: "colors";
1698
+ readonly borderBottom: "colors";
1699
+ readonly borderBottomColor: "colors";
1700
+ readonly borderBottomLeftRadius: "radii";
1701
+ readonly borderBottomRightRadius: "radii";
1702
+ readonly borderBottomStyle: "border-styles";
1703
+ readonly borderBottomWidth: "border-widths";
1704
+ readonly borderColor: "colors";
1705
+ readonly borderImage: "colors";
1706
+ readonly borderInline: "colors";
1707
+ readonly borderInlineEnd: "colors";
1708
+ readonly borderInlineStart: "colors";
1709
+ readonly borderLeft: "colors";
1710
+ readonly borderLeftColor: "colors";
1711
+ readonly borderLeftStyle: "border-styles";
1712
+ readonly borderLeftWidth: "border-widths";
1713
+ readonly borderRadius: "radii";
1714
+ readonly borderRight: "colors";
1715
+ readonly borderRightColor: "colors";
1716
+ readonly borderRightStyle: "border-styles";
1717
+ readonly borderRightWidth: "border-widths";
1718
+ readonly borderStyle: "border-styles";
1719
+ readonly borderTop: "colors";
1720
+ readonly borderTopColor: "colors";
1721
+ readonly borderTopLeftRadius: "radii";
1722
+ readonly borderTopRightRadius: "radii";
1723
+ readonly borderTopStyle: "border-styles";
1724
+ readonly borderTopWidth: "border-widths";
1725
+ readonly borderWidth: "border-widths";
1726
+ readonly bottom: "space";
1727
+ readonly boxShadow: "shadows";
1728
+ readonly caretColor: "colors";
1729
+ readonly color: "colors";
1730
+ readonly columnGap: "space-gap";
1731
+ readonly columnRuleColor: "colors";
1732
+ readonly fill: "colors";
1733
+ readonly flexBasis: "sizes";
1734
+ readonly fontFamily: "fonts";
1735
+ readonly fontSize: "font-sizes";
1736
+ readonly fontWeight: "font-weights";
1737
+ readonly gap: "space-gap";
1738
+ readonly gridColumnGap: "space-gap";
1739
+ readonly gridGap: "space-gap";
1740
+ readonly gridRowGap: "space-gap";
1741
+ readonly gridTemplateColumns: "sizes";
1742
+ readonly gridTemplateRows: "sizes";
1743
+ readonly height: "sizes";
1744
+ readonly inlineSize: "sizes";
1745
+ readonly inset: "space-inset";
1746
+ readonly insetBlock: "space-inset";
1747
+ readonly insetBlockEnd: "space-inset";
1748
+ readonly insetBlockStart: "space-inset";
1749
+ readonly insetInline: "space-inset";
1750
+ readonly insetInlineEnd: "space-inset";
1751
+ readonly insetInlineStart: "space-inset";
1752
+ readonly left: "space";
1753
+ readonly letterSpacing: "letter-spacings";
1754
+ readonly lineHeight: "line-heights";
1755
+ readonly margin: "space-offset";
1756
+ readonly marginBlock: "space-offset";
1757
+ readonly marginBlockEnd: "space-offset";
1758
+ readonly marginBlockStart: "space-offset";
1759
+ readonly marginBottom: "space-offset";
1760
+ readonly marginInline: "space-offset";
1761
+ readonly marginInlineEnd: "space-offset";
1762
+ readonly marginInlineStart: "space-offset";
1763
+ readonly marginLeft: "space-offset";
1764
+ readonly marginRight: "space-offset";
1765
+ readonly marginTop: "space-offset";
1766
+ readonly maxBlockSize: "sizes";
1767
+ readonly maxHeight: "sizes";
1768
+ readonly maxInlineSize: "sizes";
1769
+ readonly maxWidth: "sizes";
1770
+ readonly minBlockSize: "sizes";
1771
+ readonly minHeight: "sizes";
1772
+ readonly minInlineSize: "sizes";
1773
+ readonly minWidth: "sizes";
1774
+ readonly outline: "colors";
1775
+ readonly outlineColor: "colors";
1776
+ readonly padding: "space-inset";
1777
+ readonly paddingBlock: "space-inset";
1778
+ readonly paddingBlockEnd: "space-inset";
1779
+ readonly paddingBlockStart: "space-inset";
1780
+ readonly paddingBottom: "space-inset";
1781
+ readonly paddingInline: "space-inset";
1782
+ readonly paddingInlineEnd: "space-inset";
1783
+ readonly paddingInlineStart: "space-inset";
1784
+ readonly paddingLeft: "space-inset";
1785
+ readonly paddingRight: "space-inset";
1786
+ readonly paddingTop: "space-inset";
1787
+ readonly right: "space";
1788
+ readonly rowGap: "space-gap";
1789
+ readonly scrollMargin: "space-offset";
1790
+ readonly scrollMarginBlock: "space-offset";
1791
+ readonly scrollMarginBlockEnd: "space-offset";
1792
+ readonly scrollMarginBlockStart: "space-offset";
1793
+ readonly scrollMarginBottom: "space-offset";
1794
+ readonly scrollMarginInline: "space-offset";
1795
+ readonly scrollMarginInlineEnd: "space-offset";
1796
+ readonly scrollMarginInlineStart: "space-offset";
1797
+ readonly scrollMarginLeft: "space-offset";
1798
+ readonly scrollMarginRight: "space-offset";
1799
+ readonly scrollMarginTop: "space-offset";
1800
+ readonly scrollPadding: "space-inset";
1801
+ readonly scrollPaddingBlock: "space-inset";
1802
+ readonly scrollPaddingBlockEnd: "space-inset";
1803
+ readonly scrollPaddingBlockStart: "space-inset";
1804
+ readonly scrollPaddingBottom: "space-inset";
1805
+ readonly scrollPaddingInline: "space-inset";
1806
+ readonly scrollPaddingInlineEnd: "space-inset";
1807
+ readonly scrollPaddingInlineStart: "space-inset";
1808
+ readonly scrollPaddingLeft: "space-inset";
1809
+ readonly scrollPaddingRight: "space-inset";
1810
+ readonly scrollPaddingTop: "space-inset";
1811
+ readonly stroke: "colors";
1812
+ readonly strokeWidth: "stroke-width";
1813
+ readonly textDecorationColor: "colors";
1814
+ readonly textShadow: "shadows";
1815
+ readonly top: "space";
1816
+ readonly transition: "transitions";
1817
+ readonly width: "sizes";
1818
+ readonly zIndex: "z-indices";
1819
+ }, {
1820
+ paddingX: (value: {
1821
+ readonly [$$PropertyValue]: "padding";
1822
+ }) => {
1823
+ paddingLeft: {
1824
+ readonly [$$PropertyValue]: "padding";
1825
+ };
1826
+ paddingRight: {
1827
+ readonly [$$PropertyValue]: "padding";
1828
+ };
1829
+ };
1830
+ paddingY: (value: {
1831
+ readonly [$$PropertyValue]: "padding";
1832
+ }) => {
1833
+ paddingTop: {
1834
+ readonly [$$PropertyValue]: "padding";
1835
+ };
1836
+ paddingBottom: {
1837
+ readonly [$$PropertyValue]: "padding";
1838
+ };
1839
+ };
1840
+ marginX: (value: {
1841
+ readonly [$$PropertyValue]: "margin";
1842
+ }) => {
1843
+ marginLeft: {
1844
+ readonly [$$PropertyValue]: "margin";
1845
+ };
1846
+ marginRight: {
1847
+ readonly [$$PropertyValue]: "margin";
1848
+ };
1849
+ };
1850
+ marginY: (value: {
1851
+ readonly [$$PropertyValue]: "margin";
1852
+ }) => {
1853
+ marginTop: {
1854
+ readonly [$$PropertyValue]: "margin";
1855
+ };
1856
+ marginBottom: {
1857
+ readonly [$$PropertyValue]: "margin";
1858
+ };
1859
+ };
1860
+ square: (value: {
1861
+ readonly [$$PropertyValue]: "width";
1862
+ }) => {
1863
+ width: {
1864
+ readonly [$$PropertyValue]: "width";
1865
+ };
1866
+ height: {
1867
+ readonly [$$PropertyValue]: "width";
1868
+ };
1869
+ };
1870
+ }> | undefined;
1871
+ }> & {
1872
+ children?: react.ReactNode;
1873
+ } & _mirohq_design_system_stitches.CustomStylesProps & react.RefAttributes<never>> & _mirohq_design_system_stitches.StitchesInternals<react.FC<_radix_ui_react_select.SelectPortalProps>, {}, {}>;
1874
+ declare type StyledPortalProps = StrictComponentProps<typeof StyledPortal>;
1875
+
1876
+ interface PortalProps extends StyledPortalProps {
1877
+ /**
1878
+ * Specify a container element to portal the content into.
1879
+ */
1880
+ container?: HTMLElement | null;
1881
+ }
1882
+ declare const Portal: react__default.ForwardRefExoticComponent<Omit<PortalProps, "ref"> & react__default.RefAttributes<never>>;
1883
+
1884
+ declare const StyledTrigger: react.ForwardRefExoticComponent<Omit<Omit<{}, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.SafeProps<Omit<_radix_ui_react_select.SelectTriggerProps & react.RefAttributes<HTMLButtonElement>, "css"> & _stitches_react_types_styled_component.TransformProps<{}, {}> & {
1885
+ css?: _stitches_react_types_css_util.CSS<{}, {
1886
+ 'border-widths': {
1887
+ readonly none: 0;
1888
+ readonly sm: "1px";
1889
+ readonly md: "2px";
1890
+ readonly lg: "4px";
1891
+ };
1892
+ colors: {
1893
+ readonly black: any;
1894
+ readonly 'blue-100': any;
1895
+ readonly 'blue-200': any;
1896
+ readonly 'blue-300': any;
1897
+ readonly 'blue-400': any;
1898
+ readonly 'blue-500': any;
1899
+ readonly 'blue-600': any;
1900
+ readonly 'blue-700': any;
1901
+ readonly 'blue-800': any;
1902
+ readonly 'blue-900': any;
1903
+ readonly 'blue-1000': any;
1904
+ readonly 'gray-100': any;
1905
+ readonly 'gray-200': any;
1906
+ readonly 'gray-300': any;
1907
+ readonly 'gray-400': any;
1908
+ readonly 'gray-500': any;
1909
+ readonly 'gray-600': any;
1910
+ readonly 'gray-700': any;
1911
+ readonly 'gray-800': any;
1912
+ readonly 'gray-900': any;
1913
+ readonly 'green-100': any;
1914
+ readonly 'green-200': any;
1915
+ readonly 'green-300': any;
1916
+ readonly 'green-400': any;
1917
+ readonly 'green-500': any;
1918
+ readonly 'green-600': any;
1919
+ readonly 'green-700': any;
1920
+ readonly 'green-800': any;
1921
+ readonly 'green-900': any;
1922
+ readonly 'indigo-100': any;
1923
+ readonly 'indigo-200': any;
1924
+ readonly 'indigo-300': any;
1925
+ readonly 'indigo-400': any;
1926
+ readonly 'indigo-500': any;
1927
+ readonly 'indigo-600': any;
1928
+ readonly 'indigo-700': any;
1929
+ readonly 'indigo-800': any;
1930
+ readonly 'indigo-900': any;
1931
+ readonly 'red-100': any;
1932
+ readonly 'red-200': any;
1933
+ readonly 'red-300': any;
1934
+ readonly 'red-400': any;
1935
+ readonly 'red-500': any;
1936
+ readonly 'red-600': any;
1937
+ readonly 'red-700': any;
1938
+ readonly 'red-800': any;
1939
+ readonly 'red-900': any;
1940
+ readonly transparent: any;
1941
+ readonly white: any;
1942
+ readonly 'yellow-100': any;
1943
+ readonly 'yellow-200': any;
1944
+ readonly 'yellow-300': any;
1945
+ readonly 'yellow-400': any;
1946
+ readonly 'yellow-500': any;
1947
+ readonly 'yellow-600': any;
1948
+ readonly 'yellow-700': any;
1949
+ readonly 'yellow-800': any;
1950
+ readonly 'yellow-900': any;
1951
+ "background-alpha-active"?: any;
1952
+ "background-alpha-hover"?: any;
1953
+ "background-danger-prominent"?: any;
1954
+ "background-danger-prominent-active"?: any;
1955
+ "background-danger-prominent-hover"?: any;
1956
+ "background-danger-subtle"?: any;
1957
+ "background-danger-subtle-active"?: any;
1958
+ "background-danger-subtle-hover"?: any;
1959
+ "background-neutrals"?: any;
1960
+ "background-neutrals-active"?: any;
1961
+ "background-neutrals-container"?: any;
1962
+ "background-neutrals-controls-disabled"?: any;
1963
+ "background-neutrals-disabled"?: any;
1964
+ "background-neutrals-hover"?: any;
1965
+ "background-neutrals-inactive"?: any;
1966
+ "background-neutrals-inactive-hover"?: any;
1967
+ "background-neutrals-inverted"?: any;
1968
+ "background-neutrals-inverted-subtle"?: any;
1969
+ "background-neutrals-page"?: any;
1970
+ "background-neutrals-page-subtle"?: any;
1971
+ "background-neutrals-scrolls"?: any;
1972
+ "background-neutrals-scrolls-hover"?: any;
1973
+ "background-neutrals-subtle"?: any;
1974
+ "background-neutrals-subtle-active"?: any;
1975
+ "background-neutrals-subtle-hover"?: any;
1976
+ "background-primary-prominent"?: any;
1977
+ "background-primary-prominent-active"?: any;
1978
+ "background-primary-prominent-hover"?: any;
1979
+ "background-primary-prominent-selected"?: any;
1980
+ "background-primary-subtle"?: any;
1981
+ "background-primary-subtle-active"?: any;
1982
+ "background-primary-subtle-hover"?: any;
1983
+ "background-primary-subtle-selected"?: any;
1984
+ "background-success"?: any;
1985
+ "background-warning-prominent"?: any;
1986
+ "background-warning-subtle"?: any;
1987
+ "border-danger"?: any;
1988
+ "border-danger-active"?: any;
1989
+ "border-danger-hover"?: any;
1990
+ "border-focus-inner"?: any;
1991
+ "border-focus-middle"?: any;
1992
+ "border-focus-outer"?: any;
1993
+ "border-neutrals"?: any;
1994
+ "border-neutrals-active"?: any;
1995
+ "border-neutrals-controls"?: any;
1996
+ "border-neutrals-controls-disabled"?: any;
1997
+ "border-neutrals-disabled"?: any;
1998
+ "border-neutrals-hover"?: any;
1999
+ "border-neutrals-inverted"?: any;
2000
+ "border-neutrals-subtle"?: any;
2001
+ "border-neutrals-text"?: any;
2002
+ "border-neutrals-text-active"?: any;
2003
+ "border-neutrals-text-hover"?: any;
2004
+ "border-neutrals-text-subtle"?: any;
2005
+ "border-neutrals-text-subtle-active"?: any;
2006
+ "border-neutrals-text-subtle-hover"?: any;
2007
+ "border-neutrals-transparent"?: any;
2008
+ "border-primary"?: any;
2009
+ "border-primary-active"?: any;
2010
+ "border-primary-hover"?: any;
2011
+ "border-primary-inverted"?: any;
2012
+ "border-success"?: any;
2013
+ "border-warning"?: any;
2014
+ "icon-danger"?: any;
2015
+ "icon-danger-active"?: any;
2016
+ "icon-danger-hover"?: any;
2017
+ "icon-danger-inverted"?: any;
2018
+ "icon-neutrals"?: any;
2019
+ "icon-neutrals-disabled"?: any;
2020
+ "icon-neutrals-inactive"?: any;
2021
+ "icon-neutrals-inactive-hover"?: any;
2022
+ "icon-neutrals-inverted"?: any;
2023
+ "icon-neutrals-search"?: any;
2024
+ "icon-neutrals-subtle"?: any;
2025
+ "icon-neutrals-text"?: any;
2026
+ "icon-primary"?: any;
2027
+ "icon-primary-active"?: any;
2028
+ "icon-primary-hover"?: any;
2029
+ "icon-primary-inverted"?: any;
2030
+ "icon-primary-selected"?: any;
2031
+ "icon-success"?: any;
2032
+ "icon-success-inverted"?: any;
2033
+ "icon-warning"?: any;
2034
+ "icon-warning-prominent"?: any;
2035
+ "text-danger"?: any;
2036
+ "text-danger-active"?: any;
2037
+ "text-danger-hover"?: any;
2038
+ "text-danger-inverted"?: any;
2039
+ "text-neutrals"?: any;
2040
+ "text-neutrals-active"?: any;
2041
+ "text-neutrals-disabled"?: any;
2042
+ "text-neutrals-hover"?: any;
2043
+ "text-neutrals-inverted"?: any;
2044
+ "text-neutrals-placeholder"?: any;
2045
+ "text-neutrals-placeholder-only"?: any;
2046
+ "text-neutrals-subtle"?: any;
2047
+ "text-neutrals-subtle-active"?: any;
2048
+ "text-neutrals-subtle-hover"?: any;
2049
+ "text-primary"?: any;
2050
+ "text-primary-active"?: any;
2051
+ "text-primary-hover"?: any;
2052
+ "text-primary-inverted"?: any;
2053
+ "text-primary-inverted-subtle"?: any;
2054
+ "text-primary-selected"?: any;
2055
+ "text-success"?: any;
2056
+ "text-warning"?: any;
2057
+ };
2058
+ 'font-sizes': {
2059
+ readonly 150: "0.75rem";
2060
+ readonly 175: "0.875rem";
2061
+ readonly 200: "1rem";
2062
+ readonly 225: "1.125rem";
2063
+ readonly 250: "1.25rem";
2064
+ readonly 300: "1.5rem";
2065
+ readonly 400: "2rem";
2066
+ readonly 500: "2.5rem";
2067
+ readonly 600: "3rem";
2068
+ readonly 800: "4rem";
2069
+ readonly 900: "4.5rem";
2070
+ };
2071
+ radii: {
2072
+ readonly none: 0;
2073
+ readonly half: "999em";
2074
+ readonly 25: "2px";
2075
+ readonly 50: "4px";
2076
+ readonly 75: "6px";
2077
+ readonly 100: "8px";
2078
+ readonly 200: "16px";
2079
+ };
2080
+ shadows: {
2081
+ readonly 50: "0 4px 16px #05003812";
2082
+ readonly 100: "0 8px 32px #05003808";
2083
+ readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
2084
+ readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
2085
+ readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
2086
+ readonly 'focus-controls': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-focus-middle, 0 0 0 5px $colors$border-focus-outer";
2087
+ };
2088
+ sizes: {
2089
+ readonly number: string;
2090
+ readonly 'icon-200': "16px";
2091
+ readonly 'icon-300': "24px";
2092
+ readonly 'icon-400': "32px";
2093
+ };
2094
+ space: {
2095
+ readonly 0: 0;
2096
+ readonly 50: "4px";
2097
+ readonly 100: "8px";
2098
+ readonly 150: "12px";
2099
+ readonly 200: "16px";
2100
+ readonly 300: "24px";
2101
+ readonly 400: "32px";
2102
+ readonly 500: "40px";
2103
+ readonly 600: "48px";
2104
+ readonly 800: "64px";
2105
+ readonly 1200: "96px";
2106
+ readonly 1600: "128px";
2107
+ };
2108
+ 'space-gap': {
2109
+ readonly 0: any;
2110
+ readonly 50: any;
2111
+ readonly 100: any;
2112
+ readonly 200: any;
2113
+ readonly 300: any;
2114
+ };
2115
+ 'space-inset': {
2116
+ readonly 0: any;
2117
+ readonly 50: any;
2118
+ readonly 100: any;
2119
+ readonly 150: any;
2120
+ readonly 200: any;
2121
+ readonly 300: any;
2122
+ readonly 400: any;
2123
+ readonly 600: any;
2124
+ readonly 800: any;
2125
+ readonly 1200: any;
2126
+ readonly 1600: any;
2127
+ };
2128
+ 'space-offset': {
2129
+ readonly 0: any;
2130
+ readonly 50: any;
2131
+ readonly 100: any;
2132
+ readonly 150: any;
2133
+ readonly 200: any;
2134
+ readonly 300: any;
2135
+ readonly 400: any;
2136
+ readonly 600: any;
2137
+ readonly 800: any;
2138
+ readonly 1200: any;
2139
+ readonly 1600: any;
2140
+ readonly 'stacking-0': any;
2141
+ readonly 'stacking-100': any;
2142
+ readonly 'stacking-200': any;
2143
+ readonly 'stacking-300': any;
2144
+ readonly 'stacking-400': any;
2145
+ readonly 'stacking-500': any;
2146
+ readonly 'stacking-800': any;
2147
+ };
2148
+ 'stroke-width': {
2149
+ readonly thin: "1.5px";
2150
+ readonly normal: "2px";
2151
+ readonly bold: "4px";
2152
+ };
2153
+ 'z-indices': {
2154
+ readonly dropdownMenu: 100;
2155
+ readonly popover: 200;
2156
+ readonly tooltip: 300;
2157
+ };
2158
+ }, {
2159
+ readonly background: "colors";
2160
+ readonly backgroundColor: "colors";
2161
+ readonly backgroundImage: "colors";
2162
+ readonly blockSize: "sizes";
2163
+ readonly border: "colors";
2164
+ readonly borderBlock: "colors";
2165
+ readonly borderBlockEnd: "colors";
2166
+ readonly borderBlockStart: "colors";
2167
+ readonly borderBottom: "colors";
2168
+ readonly borderBottomColor: "colors";
2169
+ readonly borderBottomLeftRadius: "radii";
2170
+ readonly borderBottomRightRadius: "radii";
2171
+ readonly borderBottomStyle: "border-styles";
2172
+ readonly borderBottomWidth: "border-widths";
2173
+ readonly borderColor: "colors";
2174
+ readonly borderImage: "colors";
2175
+ readonly borderInline: "colors";
2176
+ readonly borderInlineEnd: "colors";
2177
+ readonly borderInlineStart: "colors";
2178
+ readonly borderLeft: "colors";
2179
+ readonly borderLeftColor: "colors";
2180
+ readonly borderLeftStyle: "border-styles";
2181
+ readonly borderLeftWidth: "border-widths";
2182
+ readonly borderRadius: "radii";
2183
+ readonly borderRight: "colors";
2184
+ readonly borderRightColor: "colors";
2185
+ readonly borderRightStyle: "border-styles";
2186
+ readonly borderRightWidth: "border-widths";
2187
+ readonly borderStyle: "border-styles";
2188
+ readonly borderTop: "colors";
2189
+ readonly borderTopColor: "colors";
2190
+ readonly borderTopLeftRadius: "radii";
2191
+ readonly borderTopRightRadius: "radii";
2192
+ readonly borderTopStyle: "border-styles";
2193
+ readonly borderTopWidth: "border-widths";
2194
+ readonly borderWidth: "border-widths";
2195
+ readonly bottom: "space";
2196
+ readonly boxShadow: "shadows";
2197
+ readonly caretColor: "colors";
2198
+ readonly color: "colors";
2199
+ readonly columnGap: "space-gap";
2200
+ readonly columnRuleColor: "colors";
2201
+ readonly fill: "colors";
2202
+ readonly flexBasis: "sizes";
2203
+ readonly fontFamily: "fonts";
2204
+ readonly fontSize: "font-sizes";
2205
+ readonly fontWeight: "font-weights";
2206
+ readonly gap: "space-gap";
2207
+ readonly gridColumnGap: "space-gap";
2208
+ readonly gridGap: "space-gap";
2209
+ readonly gridRowGap: "space-gap";
2210
+ readonly gridTemplateColumns: "sizes";
2211
+ readonly gridTemplateRows: "sizes";
2212
+ readonly height: "sizes";
2213
+ readonly inlineSize: "sizes";
2214
+ readonly inset: "space-inset";
2215
+ readonly insetBlock: "space-inset";
2216
+ readonly insetBlockEnd: "space-inset";
2217
+ readonly insetBlockStart: "space-inset";
2218
+ readonly insetInline: "space-inset";
2219
+ readonly insetInlineEnd: "space-inset";
2220
+ readonly insetInlineStart: "space-inset";
2221
+ readonly left: "space";
2222
+ readonly letterSpacing: "letter-spacings";
2223
+ readonly lineHeight: "line-heights";
2224
+ readonly margin: "space-offset";
2225
+ readonly marginBlock: "space-offset";
2226
+ readonly marginBlockEnd: "space-offset";
2227
+ readonly marginBlockStart: "space-offset";
2228
+ readonly marginBottom: "space-offset";
2229
+ readonly marginInline: "space-offset";
2230
+ readonly marginInlineEnd: "space-offset";
2231
+ readonly marginInlineStart: "space-offset";
2232
+ readonly marginLeft: "space-offset";
2233
+ readonly marginRight: "space-offset";
2234
+ readonly marginTop: "space-offset";
2235
+ readonly maxBlockSize: "sizes";
2236
+ readonly maxHeight: "sizes";
2237
+ readonly maxInlineSize: "sizes";
2238
+ readonly maxWidth: "sizes";
2239
+ readonly minBlockSize: "sizes";
2240
+ readonly minHeight: "sizes";
2241
+ readonly minInlineSize: "sizes";
2242
+ readonly minWidth: "sizes";
2243
+ readonly outline: "colors";
2244
+ readonly outlineColor: "colors";
2245
+ readonly padding: "space-inset";
2246
+ readonly paddingBlock: "space-inset";
2247
+ readonly paddingBlockEnd: "space-inset";
2248
+ readonly paddingBlockStart: "space-inset";
2249
+ readonly paddingBottom: "space-inset";
2250
+ readonly paddingInline: "space-inset";
2251
+ readonly paddingInlineEnd: "space-inset";
2252
+ readonly paddingInlineStart: "space-inset";
2253
+ readonly paddingLeft: "space-inset";
2254
+ readonly paddingRight: "space-inset";
2255
+ readonly paddingTop: "space-inset";
2256
+ readonly right: "space";
2257
+ readonly rowGap: "space-gap";
2258
+ readonly scrollMargin: "space-offset";
2259
+ readonly scrollMarginBlock: "space-offset";
2260
+ readonly scrollMarginBlockEnd: "space-offset";
2261
+ readonly scrollMarginBlockStart: "space-offset";
2262
+ readonly scrollMarginBottom: "space-offset";
2263
+ readonly scrollMarginInline: "space-offset";
2264
+ readonly scrollMarginInlineEnd: "space-offset";
2265
+ readonly scrollMarginInlineStart: "space-offset";
2266
+ readonly scrollMarginLeft: "space-offset";
2267
+ readonly scrollMarginRight: "space-offset";
2268
+ readonly scrollMarginTop: "space-offset";
2269
+ readonly scrollPadding: "space-inset";
2270
+ readonly scrollPaddingBlock: "space-inset";
2271
+ readonly scrollPaddingBlockEnd: "space-inset";
2272
+ readonly scrollPaddingBlockStart: "space-inset";
2273
+ readonly scrollPaddingBottom: "space-inset";
2274
+ readonly scrollPaddingInline: "space-inset";
2275
+ readonly scrollPaddingInlineEnd: "space-inset";
2276
+ readonly scrollPaddingInlineStart: "space-inset";
2277
+ readonly scrollPaddingLeft: "space-inset";
2278
+ readonly scrollPaddingRight: "space-inset";
2279
+ readonly scrollPaddingTop: "space-inset";
2280
+ readonly stroke: "colors";
2281
+ readonly strokeWidth: "stroke-width";
2282
+ readonly textDecorationColor: "colors";
2283
+ readonly textShadow: "shadows";
2284
+ readonly top: "space";
2285
+ readonly transition: "transitions";
2286
+ readonly width: "sizes";
2287
+ readonly zIndex: "z-indices";
2288
+ }, {
2289
+ paddingX: (value: {
2290
+ readonly [$$PropertyValue]: "padding";
2291
+ }) => {
2292
+ paddingLeft: {
2293
+ readonly [$$PropertyValue]: "padding";
2294
+ };
2295
+ paddingRight: {
2296
+ readonly [$$PropertyValue]: "padding";
2297
+ };
2298
+ };
2299
+ paddingY: (value: {
2300
+ readonly [$$PropertyValue]: "padding";
2301
+ }) => {
2302
+ paddingTop: {
2303
+ readonly [$$PropertyValue]: "padding";
2304
+ };
2305
+ paddingBottom: {
2306
+ readonly [$$PropertyValue]: "padding";
2307
+ };
2308
+ };
2309
+ marginX: (value: {
2310
+ readonly [$$PropertyValue]: "margin";
2311
+ }) => {
2312
+ marginLeft: {
2313
+ readonly [$$PropertyValue]: "margin";
2314
+ };
2315
+ marginRight: {
2316
+ readonly [$$PropertyValue]: "margin";
2317
+ };
2318
+ };
2319
+ marginY: (value: {
2320
+ readonly [$$PropertyValue]: "margin";
2321
+ }) => {
2322
+ marginTop: {
2323
+ readonly [$$PropertyValue]: "margin";
2324
+ };
2325
+ marginBottom: {
2326
+ readonly [$$PropertyValue]: "margin";
2327
+ };
2328
+ };
2329
+ square: (value: {
2330
+ readonly [$$PropertyValue]: "width";
2331
+ }) => {
2332
+ width: {
2333
+ readonly [$$PropertyValue]: "width";
2334
+ };
2335
+ height: {
2336
+ readonly [$$PropertyValue]: "width";
2337
+ };
2338
+ };
2339
+ }> | undefined;
2340
+ }> & {
2341
+ children?: react.ReactNode;
2342
+ } & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react.RefAttributes<HTMLButtonElement>> & _mirohq_design_system_stitches.StitchesInternals<react.ForwardRefExoticComponent<_radix_ui_react_select.SelectTriggerProps & react.RefAttributes<HTMLButtonElement>>, {}, {}>;
2343
+ declare type StyledTriggerProps = StrictComponentProps<typeof StyledTrigger>;
2344
+
2345
+ interface TriggerProps extends StyledTriggerProps {
2346
+ children: react__default.ReactNode;
2347
+ }
2348
+ declare const Trigger: react__default.ForwardRefExoticComponent<Omit<TriggerProps, "ref"> & react__default.RefAttributes<HTMLButtonElement>>;
2349
+
2350
+ declare const StyledValue: react.ForwardRefExoticComponent<Omit<Omit<{}, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.SafeProps<Omit<_radix_ui_react_select.SelectValueProps & react.RefAttributes<HTMLSpanElement>, "css"> & _stitches_react_types_styled_component.TransformProps<{}, {}> & {
2351
+ css?: _stitches_react_types_css_util.CSS<{}, {
2352
+ 'border-widths': {
2353
+ readonly none: 0;
2354
+ readonly sm: "1px";
2355
+ readonly md: "2px";
2356
+ readonly lg: "4px";
2357
+ };
2358
+ colors: {
2359
+ readonly black: any;
2360
+ readonly 'blue-100': any;
2361
+ readonly 'blue-200': any;
2362
+ readonly 'blue-300': any;
2363
+ readonly 'blue-400': any;
2364
+ readonly 'blue-500': any;
2365
+ readonly 'blue-600': any;
2366
+ readonly 'blue-700': any;
2367
+ readonly 'blue-800': any;
2368
+ readonly 'blue-900': any;
2369
+ readonly 'blue-1000': any;
2370
+ readonly 'gray-100': any;
2371
+ readonly 'gray-200': any;
2372
+ readonly 'gray-300': any;
2373
+ readonly 'gray-400': any;
2374
+ readonly 'gray-500': any;
2375
+ readonly 'gray-600': any;
2376
+ readonly 'gray-700': any;
2377
+ readonly 'gray-800': any;
2378
+ readonly 'gray-900': any;
2379
+ readonly 'green-100': any;
2380
+ readonly 'green-200': any;
2381
+ readonly 'green-300': any;
2382
+ readonly 'green-400': any;
2383
+ readonly 'green-500': any;
2384
+ readonly 'green-600': any;
2385
+ readonly 'green-700': any;
2386
+ readonly 'green-800': any;
2387
+ readonly 'green-900': any;
2388
+ readonly 'indigo-100': any;
2389
+ readonly 'indigo-200': any;
2390
+ readonly 'indigo-300': any;
2391
+ readonly 'indigo-400': any;
2392
+ readonly 'indigo-500': any;
2393
+ readonly 'indigo-600': any;
2394
+ readonly 'indigo-700': any;
2395
+ readonly 'indigo-800': any;
2396
+ readonly 'indigo-900': any;
2397
+ readonly 'red-100': any;
2398
+ readonly 'red-200': any;
2399
+ readonly 'red-300': any;
2400
+ readonly 'red-400': any;
2401
+ readonly 'red-500': any;
2402
+ readonly 'red-600': any;
2403
+ readonly 'red-700': any;
2404
+ readonly 'red-800': any;
2405
+ readonly 'red-900': any;
2406
+ readonly transparent: any;
2407
+ readonly white: any;
2408
+ readonly 'yellow-100': any;
2409
+ readonly 'yellow-200': any;
2410
+ readonly 'yellow-300': any;
2411
+ readonly 'yellow-400': any;
2412
+ readonly 'yellow-500': any;
2413
+ readonly 'yellow-600': any;
2414
+ readonly 'yellow-700': any;
2415
+ readonly 'yellow-800': any;
2416
+ readonly 'yellow-900': any;
2417
+ "background-alpha-active"?: any;
2418
+ "background-alpha-hover"?: any;
2419
+ "background-danger-prominent"?: any;
2420
+ "background-danger-prominent-active"?: any;
2421
+ "background-danger-prominent-hover"?: any;
2422
+ "background-danger-subtle"?: any;
2423
+ "background-danger-subtle-active"?: any;
2424
+ "background-danger-subtle-hover"?: any;
2425
+ "background-neutrals"?: any;
2426
+ "background-neutrals-active"?: any;
2427
+ "background-neutrals-container"?: any;
2428
+ "background-neutrals-controls-disabled"?: any;
2429
+ "background-neutrals-disabled"?: any;
2430
+ "background-neutrals-hover"?: any;
2431
+ "background-neutrals-inactive"?: any;
2432
+ "background-neutrals-inactive-hover"?: any;
2433
+ "background-neutrals-inverted"?: any;
2434
+ "background-neutrals-inverted-subtle"?: any;
2435
+ "background-neutrals-page"?: any;
2436
+ "background-neutrals-page-subtle"?: any;
2437
+ "background-neutrals-scrolls"?: any;
2438
+ "background-neutrals-scrolls-hover"?: any;
2439
+ "background-neutrals-subtle"?: any;
2440
+ "background-neutrals-subtle-active"?: any;
2441
+ "background-neutrals-subtle-hover"?: any;
2442
+ "background-primary-prominent"?: any;
2443
+ "background-primary-prominent-active"?: any;
2444
+ "background-primary-prominent-hover"?: any;
2445
+ "background-primary-prominent-selected"?: any;
2446
+ "background-primary-subtle"?: any;
2447
+ "background-primary-subtle-active"?: any;
2448
+ "background-primary-subtle-hover"?: any;
2449
+ "background-primary-subtle-selected"?: any;
2450
+ "background-success"?: any;
2451
+ "background-warning-prominent"?: any;
2452
+ "background-warning-subtle"?: any;
2453
+ "border-danger"?: any;
2454
+ "border-danger-active"?: any;
2455
+ "border-danger-hover"?: any;
2456
+ "border-focus-inner"?: any;
2457
+ "border-focus-middle"?: any;
2458
+ "border-focus-outer"?: any;
2459
+ "border-neutrals"?: any;
2460
+ "border-neutrals-active"?: any;
2461
+ "border-neutrals-controls"?: any;
2462
+ "border-neutrals-controls-disabled"?: any;
2463
+ "border-neutrals-disabled"?: any;
2464
+ "border-neutrals-hover"?: any;
2465
+ "border-neutrals-inverted"?: any;
2466
+ "border-neutrals-subtle"?: any;
2467
+ "border-neutrals-text"?: any;
2468
+ "border-neutrals-text-active"?: any;
2469
+ "border-neutrals-text-hover"?: any;
2470
+ "border-neutrals-text-subtle"?: any;
2471
+ "border-neutrals-text-subtle-active"?: any;
2472
+ "border-neutrals-text-subtle-hover"?: any;
2473
+ "border-neutrals-transparent"?: any;
2474
+ "border-primary"?: any;
2475
+ "border-primary-active"?: any;
2476
+ "border-primary-hover"?: any;
2477
+ "border-primary-inverted"?: any;
2478
+ "border-success"?: any;
2479
+ "border-warning"?: any;
2480
+ "icon-danger"?: any;
2481
+ "icon-danger-active"?: any;
2482
+ "icon-danger-hover"?: any;
2483
+ "icon-danger-inverted"?: any;
2484
+ "icon-neutrals"?: any;
2485
+ "icon-neutrals-disabled"?: any;
2486
+ "icon-neutrals-inactive"?: any;
2487
+ "icon-neutrals-inactive-hover"?: any;
2488
+ "icon-neutrals-inverted"?: any;
2489
+ "icon-neutrals-search"?: any;
2490
+ "icon-neutrals-subtle"?: any;
2491
+ "icon-neutrals-text"?: any;
2492
+ "icon-primary"?: any;
2493
+ "icon-primary-active"?: any;
2494
+ "icon-primary-hover"?: any;
2495
+ "icon-primary-inverted"?: any;
2496
+ "icon-primary-selected"?: any;
2497
+ "icon-success"?: any;
2498
+ "icon-success-inverted"?: any;
2499
+ "icon-warning"?: any;
2500
+ "icon-warning-prominent"?: any;
2501
+ "text-danger"?: any;
2502
+ "text-danger-active"?: any;
2503
+ "text-danger-hover"?: any;
2504
+ "text-danger-inverted"?: any;
2505
+ "text-neutrals"?: any;
2506
+ "text-neutrals-active"?: any;
2507
+ "text-neutrals-disabled"?: any;
2508
+ "text-neutrals-hover"?: any;
2509
+ "text-neutrals-inverted"?: any;
2510
+ "text-neutrals-placeholder"?: any;
2511
+ "text-neutrals-placeholder-only"?: any;
2512
+ "text-neutrals-subtle"?: any;
2513
+ "text-neutrals-subtle-active"?: any;
2514
+ "text-neutrals-subtle-hover"?: any;
2515
+ "text-primary"?: any;
2516
+ "text-primary-active"?: any;
2517
+ "text-primary-hover"?: any;
2518
+ "text-primary-inverted"?: any;
2519
+ "text-primary-inverted-subtle"?: any;
2520
+ "text-primary-selected"?: any;
2521
+ "text-success"?: any;
2522
+ "text-warning"?: any;
2523
+ };
2524
+ 'font-sizes': {
2525
+ readonly 150: "0.75rem";
2526
+ readonly 175: "0.875rem";
2527
+ readonly 200: "1rem";
2528
+ readonly 225: "1.125rem";
2529
+ readonly 250: "1.25rem";
2530
+ readonly 300: "1.5rem";
2531
+ readonly 400: "2rem";
2532
+ readonly 500: "2.5rem";
2533
+ readonly 600: "3rem";
2534
+ readonly 800: "4rem";
2535
+ readonly 900: "4.5rem";
2536
+ };
2537
+ radii: {
2538
+ readonly none: 0;
2539
+ readonly half: "999em";
2540
+ readonly 25: "2px";
2541
+ readonly 50: "4px";
2542
+ readonly 75: "6px";
2543
+ readonly 100: "8px";
2544
+ readonly 200: "16px";
2545
+ };
2546
+ shadows: {
2547
+ readonly 50: "0 4px 16px #05003812";
2548
+ readonly 100: "0 8px 32px #05003808";
2549
+ readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
2550
+ readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
2551
+ readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
2552
+ readonly 'focus-controls': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-focus-middle, 0 0 0 5px $colors$border-focus-outer";
2553
+ };
2554
+ sizes: {
2555
+ readonly number: string;
2556
+ readonly 'icon-200': "16px";
2557
+ readonly 'icon-300': "24px";
2558
+ readonly 'icon-400': "32px";
2559
+ };
2560
+ space: {
2561
+ readonly 0: 0;
2562
+ readonly 50: "4px";
2563
+ readonly 100: "8px";
2564
+ readonly 150: "12px";
2565
+ readonly 200: "16px";
2566
+ readonly 300: "24px";
2567
+ readonly 400: "32px";
2568
+ readonly 500: "40px";
2569
+ readonly 600: "48px";
2570
+ readonly 800: "64px";
2571
+ readonly 1200: "96px";
2572
+ readonly 1600: "128px";
2573
+ };
2574
+ 'space-gap': {
2575
+ readonly 0: any;
2576
+ readonly 50: any;
2577
+ readonly 100: any;
2578
+ readonly 200: any;
2579
+ readonly 300: any;
2580
+ };
2581
+ 'space-inset': {
2582
+ readonly 0: any;
2583
+ readonly 50: any;
2584
+ readonly 100: any;
2585
+ readonly 150: any;
2586
+ readonly 200: any;
2587
+ readonly 300: any;
2588
+ readonly 400: any;
2589
+ readonly 600: any;
2590
+ readonly 800: any;
2591
+ readonly 1200: any;
2592
+ readonly 1600: any;
2593
+ };
2594
+ 'space-offset': {
2595
+ readonly 0: any;
2596
+ readonly 50: any;
2597
+ readonly 100: any;
2598
+ readonly 150: any;
2599
+ readonly 200: any;
2600
+ readonly 300: any;
2601
+ readonly 400: any;
2602
+ readonly 600: any;
2603
+ readonly 800: any;
2604
+ readonly 1200: any;
2605
+ readonly 1600: any;
2606
+ readonly 'stacking-0': any;
2607
+ readonly 'stacking-100': any;
2608
+ readonly 'stacking-200': any;
2609
+ readonly 'stacking-300': any;
2610
+ readonly 'stacking-400': any;
2611
+ readonly 'stacking-500': any;
2612
+ readonly 'stacking-800': any;
2613
+ };
2614
+ 'stroke-width': {
2615
+ readonly thin: "1.5px";
2616
+ readonly normal: "2px";
2617
+ readonly bold: "4px";
2618
+ };
2619
+ 'z-indices': {
2620
+ readonly dropdownMenu: 100;
2621
+ readonly popover: 200;
2622
+ readonly tooltip: 300;
2623
+ };
2624
+ }, {
2625
+ readonly background: "colors";
2626
+ readonly backgroundColor: "colors";
2627
+ readonly backgroundImage: "colors";
2628
+ readonly blockSize: "sizes";
2629
+ readonly border: "colors";
2630
+ readonly borderBlock: "colors";
2631
+ readonly borderBlockEnd: "colors";
2632
+ readonly borderBlockStart: "colors";
2633
+ readonly borderBottom: "colors";
2634
+ readonly borderBottomColor: "colors";
2635
+ readonly borderBottomLeftRadius: "radii";
2636
+ readonly borderBottomRightRadius: "radii";
2637
+ readonly borderBottomStyle: "border-styles";
2638
+ readonly borderBottomWidth: "border-widths";
2639
+ readonly borderColor: "colors";
2640
+ readonly borderImage: "colors";
2641
+ readonly borderInline: "colors";
2642
+ readonly borderInlineEnd: "colors";
2643
+ readonly borderInlineStart: "colors";
2644
+ readonly borderLeft: "colors";
2645
+ readonly borderLeftColor: "colors";
2646
+ readonly borderLeftStyle: "border-styles";
2647
+ readonly borderLeftWidth: "border-widths";
2648
+ readonly borderRadius: "radii";
2649
+ readonly borderRight: "colors";
2650
+ readonly borderRightColor: "colors";
2651
+ readonly borderRightStyle: "border-styles";
2652
+ readonly borderRightWidth: "border-widths";
2653
+ readonly borderStyle: "border-styles";
2654
+ readonly borderTop: "colors";
2655
+ readonly borderTopColor: "colors";
2656
+ readonly borderTopLeftRadius: "radii";
2657
+ readonly borderTopRightRadius: "radii";
2658
+ readonly borderTopStyle: "border-styles";
2659
+ readonly borderTopWidth: "border-widths";
2660
+ readonly borderWidth: "border-widths";
2661
+ readonly bottom: "space";
2662
+ readonly boxShadow: "shadows";
2663
+ readonly caretColor: "colors";
2664
+ readonly color: "colors";
2665
+ readonly columnGap: "space-gap";
2666
+ readonly columnRuleColor: "colors";
2667
+ readonly fill: "colors";
2668
+ readonly flexBasis: "sizes";
2669
+ readonly fontFamily: "fonts";
2670
+ readonly fontSize: "font-sizes";
2671
+ readonly fontWeight: "font-weights";
2672
+ readonly gap: "space-gap";
2673
+ readonly gridColumnGap: "space-gap";
2674
+ readonly gridGap: "space-gap";
2675
+ readonly gridRowGap: "space-gap";
2676
+ readonly gridTemplateColumns: "sizes";
2677
+ readonly gridTemplateRows: "sizes";
2678
+ readonly height: "sizes";
2679
+ readonly inlineSize: "sizes";
2680
+ readonly inset: "space-inset";
2681
+ readonly insetBlock: "space-inset";
2682
+ readonly insetBlockEnd: "space-inset";
2683
+ readonly insetBlockStart: "space-inset";
2684
+ readonly insetInline: "space-inset";
2685
+ readonly insetInlineEnd: "space-inset";
2686
+ readonly insetInlineStart: "space-inset";
2687
+ readonly left: "space";
2688
+ readonly letterSpacing: "letter-spacings";
2689
+ readonly lineHeight: "line-heights";
2690
+ readonly margin: "space-offset";
2691
+ readonly marginBlock: "space-offset";
2692
+ readonly marginBlockEnd: "space-offset";
2693
+ readonly marginBlockStart: "space-offset";
2694
+ readonly marginBottom: "space-offset";
2695
+ readonly marginInline: "space-offset";
2696
+ readonly marginInlineEnd: "space-offset";
2697
+ readonly marginInlineStart: "space-offset";
2698
+ readonly marginLeft: "space-offset";
2699
+ readonly marginRight: "space-offset";
2700
+ readonly marginTop: "space-offset";
2701
+ readonly maxBlockSize: "sizes";
2702
+ readonly maxHeight: "sizes";
2703
+ readonly maxInlineSize: "sizes";
2704
+ readonly maxWidth: "sizes";
2705
+ readonly minBlockSize: "sizes";
2706
+ readonly minHeight: "sizes";
2707
+ readonly minInlineSize: "sizes";
2708
+ readonly minWidth: "sizes";
2709
+ readonly outline: "colors";
2710
+ readonly outlineColor: "colors";
2711
+ readonly padding: "space-inset";
2712
+ readonly paddingBlock: "space-inset";
2713
+ readonly paddingBlockEnd: "space-inset";
2714
+ readonly paddingBlockStart: "space-inset";
2715
+ readonly paddingBottom: "space-inset";
2716
+ readonly paddingInline: "space-inset";
2717
+ readonly paddingInlineEnd: "space-inset";
2718
+ readonly paddingInlineStart: "space-inset";
2719
+ readonly paddingLeft: "space-inset";
2720
+ readonly paddingRight: "space-inset";
2721
+ readonly paddingTop: "space-inset";
2722
+ readonly right: "space";
2723
+ readonly rowGap: "space-gap";
2724
+ readonly scrollMargin: "space-offset";
2725
+ readonly scrollMarginBlock: "space-offset";
2726
+ readonly scrollMarginBlockEnd: "space-offset";
2727
+ readonly scrollMarginBlockStart: "space-offset";
2728
+ readonly scrollMarginBottom: "space-offset";
2729
+ readonly scrollMarginInline: "space-offset";
2730
+ readonly scrollMarginInlineEnd: "space-offset";
2731
+ readonly scrollMarginInlineStart: "space-offset";
2732
+ readonly scrollMarginLeft: "space-offset";
2733
+ readonly scrollMarginRight: "space-offset";
2734
+ readonly scrollMarginTop: "space-offset";
2735
+ readonly scrollPadding: "space-inset";
2736
+ readonly scrollPaddingBlock: "space-inset";
2737
+ readonly scrollPaddingBlockEnd: "space-inset";
2738
+ readonly scrollPaddingBlockStart: "space-inset";
2739
+ readonly scrollPaddingBottom: "space-inset";
2740
+ readonly scrollPaddingInline: "space-inset";
2741
+ readonly scrollPaddingInlineEnd: "space-inset";
2742
+ readonly scrollPaddingInlineStart: "space-inset";
2743
+ readonly scrollPaddingLeft: "space-inset";
2744
+ readonly scrollPaddingRight: "space-inset";
2745
+ readonly scrollPaddingTop: "space-inset";
2746
+ readonly stroke: "colors";
2747
+ readonly strokeWidth: "stroke-width";
2748
+ readonly textDecorationColor: "colors";
2749
+ readonly textShadow: "shadows";
2750
+ readonly top: "space";
2751
+ readonly transition: "transitions";
2752
+ readonly width: "sizes";
2753
+ readonly zIndex: "z-indices";
2754
+ }, {
2755
+ paddingX: (value: {
2756
+ readonly [$$PropertyValue]: "padding";
2757
+ }) => {
2758
+ paddingLeft: {
2759
+ readonly [$$PropertyValue]: "padding";
2760
+ };
2761
+ paddingRight: {
2762
+ readonly [$$PropertyValue]: "padding";
2763
+ };
2764
+ };
2765
+ paddingY: (value: {
2766
+ readonly [$$PropertyValue]: "padding";
2767
+ }) => {
2768
+ paddingTop: {
2769
+ readonly [$$PropertyValue]: "padding";
2770
+ };
2771
+ paddingBottom: {
2772
+ readonly [$$PropertyValue]: "padding";
2773
+ };
2774
+ };
2775
+ marginX: (value: {
2776
+ readonly [$$PropertyValue]: "margin";
2777
+ }) => {
2778
+ marginLeft: {
2779
+ readonly [$$PropertyValue]: "margin";
2780
+ };
2781
+ marginRight: {
2782
+ readonly [$$PropertyValue]: "margin";
2783
+ };
2784
+ };
2785
+ marginY: (value: {
2786
+ readonly [$$PropertyValue]: "margin";
2787
+ }) => {
2788
+ marginTop: {
2789
+ readonly [$$PropertyValue]: "margin";
2790
+ };
2791
+ marginBottom: {
2792
+ readonly [$$PropertyValue]: "margin";
2793
+ };
2794
+ };
2795
+ square: (value: {
2796
+ readonly [$$PropertyValue]: "width";
2797
+ }) => {
2798
+ width: {
2799
+ readonly [$$PropertyValue]: "width";
2800
+ };
2801
+ height: {
2802
+ readonly [$$PropertyValue]: "width";
2803
+ };
2804
+ };
2805
+ }> | undefined;
2806
+ }> & {
2807
+ children?: react.ReactNode;
2808
+ } & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react.RefAttributes<HTMLSpanElement>> & _mirohq_design_system_stitches.StitchesInternals<react.ForwardRefExoticComponent<_radix_ui_react_select.SelectValueProps & react.RefAttributes<HTMLSpanElement>>, {}, {}>;
2809
+ declare type StyledValueProps = StrictComponentProps<typeof StyledValue>;
2810
+
2811
+ interface ValueProps extends StyledValueProps {
2812
+ /**
2813
+ * The content that will be rendered inside the Select.Value when no value or
2814
+ * defaultValue is set.
2815
+ */
2816
+ placeholder?: react__default.ReactNode;
2817
+ /**
2818
+ * The controlled content that will be rendered inside the Select.Value.
2819
+ */
2820
+ children?: react__default.ReactNode;
2821
+ }
2822
+ declare const Value: react__default.ForwardRefExoticComponent<Omit<ValueProps, "ref"> & react__default.RefAttributes<HTMLSpanElement>>;
2823
+
2824
+ declare const StyledContent: react.ForwardRefExoticComponent<Omit<Omit<{}, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.SafeProps<Omit<_radix_ui_react_select.SelectContentProps & react.RefAttributes<HTMLDivElement>, "css"> & _stitches_react_types_styled_component.TransformProps<{}, {}> & {
2825
+ css?: _stitches_react_types_css_util.CSS<{}, {
2826
+ 'border-widths': {
2827
+ readonly none: 0;
2828
+ readonly sm: "1px";
2829
+ readonly md: "2px";
2830
+ readonly lg: "4px";
2831
+ };
2832
+ colors: {
2833
+ readonly black: any;
2834
+ readonly 'blue-100': any;
2835
+ readonly 'blue-200': any;
2836
+ readonly 'blue-300': any;
2837
+ readonly 'blue-400': any;
2838
+ readonly 'blue-500': any;
2839
+ readonly 'blue-600': any;
2840
+ readonly 'blue-700': any;
2841
+ readonly 'blue-800': any;
2842
+ readonly 'blue-900': any;
2843
+ readonly 'blue-1000': any;
2844
+ readonly 'gray-100': any;
2845
+ readonly 'gray-200': any;
2846
+ readonly 'gray-300': any;
2847
+ readonly 'gray-400': any;
2848
+ readonly 'gray-500': any;
2849
+ readonly 'gray-600': any;
2850
+ readonly 'gray-700': any;
2851
+ readonly 'gray-800': any;
2852
+ readonly 'gray-900': any;
2853
+ readonly 'green-100': any;
2854
+ readonly 'green-200': any;
2855
+ readonly 'green-300': any;
2856
+ readonly 'green-400': any;
2857
+ readonly 'green-500': any;
2858
+ readonly 'green-600': any;
2859
+ readonly 'green-700': any;
2860
+ readonly 'green-800': any;
2861
+ readonly 'green-900': any;
2862
+ readonly 'indigo-100': any;
2863
+ readonly 'indigo-200': any;
2864
+ readonly 'indigo-300': any;
2865
+ readonly 'indigo-400': any;
2866
+ readonly 'indigo-500': any;
2867
+ readonly 'indigo-600': any;
2868
+ readonly 'indigo-700': any;
2869
+ readonly 'indigo-800': any;
2870
+ readonly 'indigo-900': any;
2871
+ readonly 'red-100': any;
2872
+ readonly 'red-200': any;
2873
+ readonly 'red-300': any;
2874
+ readonly 'red-400': any;
2875
+ readonly 'red-500': any;
2876
+ readonly 'red-600': any;
2877
+ readonly 'red-700': any;
2878
+ readonly 'red-800': any;
2879
+ readonly 'red-900': any;
2880
+ readonly transparent: any;
2881
+ readonly white: any;
2882
+ readonly 'yellow-100': any;
2883
+ readonly 'yellow-200': any;
2884
+ readonly 'yellow-300': any;
2885
+ readonly 'yellow-400': any;
2886
+ readonly 'yellow-500': any;
2887
+ readonly 'yellow-600': any;
2888
+ readonly 'yellow-700': any;
2889
+ readonly 'yellow-800': any;
2890
+ readonly 'yellow-900': any;
2891
+ "background-alpha-active"?: any;
2892
+ "background-alpha-hover"?: any;
2893
+ "background-danger-prominent"?: any;
2894
+ "background-danger-prominent-active"?: any;
2895
+ "background-danger-prominent-hover"?: any;
2896
+ "background-danger-subtle"?: any;
2897
+ "background-danger-subtle-active"?: any;
2898
+ "background-danger-subtle-hover"?: any;
2899
+ "background-neutrals"?: any;
2900
+ "background-neutrals-active"?: any;
2901
+ "background-neutrals-container"?: any;
2902
+ "background-neutrals-controls-disabled"?: any;
2903
+ "background-neutrals-disabled"?: any;
2904
+ "background-neutrals-hover"?: any;
2905
+ "background-neutrals-inactive"?: any;
2906
+ "background-neutrals-inactive-hover"?: any;
2907
+ "background-neutrals-inverted"?: any;
2908
+ "background-neutrals-inverted-subtle"?: any;
2909
+ "background-neutrals-page"?: any;
2910
+ "background-neutrals-page-subtle"?: any;
2911
+ "background-neutrals-scrolls"?: any;
2912
+ "background-neutrals-scrolls-hover"?: any;
2913
+ "background-neutrals-subtle"?: any;
2914
+ "background-neutrals-subtle-active"?: any;
2915
+ "background-neutrals-subtle-hover"?: any;
2916
+ "background-primary-prominent"?: any;
2917
+ "background-primary-prominent-active"?: any;
2918
+ "background-primary-prominent-hover"?: any;
2919
+ "background-primary-prominent-selected"?: any;
2920
+ "background-primary-subtle"?: any;
2921
+ "background-primary-subtle-active"?: any;
2922
+ "background-primary-subtle-hover"?: any;
2923
+ "background-primary-subtle-selected"?: any;
2924
+ "background-success"?: any;
2925
+ "background-warning-prominent"?: any;
2926
+ "background-warning-subtle"?: any;
2927
+ "border-danger"?: any;
2928
+ "border-danger-active"?: any;
2929
+ "border-danger-hover"?: any;
2930
+ "border-focus-inner"?: any;
2931
+ "border-focus-middle"?: any;
2932
+ "border-focus-outer"?: any;
2933
+ "border-neutrals"?: any;
2934
+ "border-neutrals-active"?: any;
2935
+ "border-neutrals-controls"?: any;
2936
+ "border-neutrals-controls-disabled"?: any;
2937
+ "border-neutrals-disabled"?: any;
2938
+ "border-neutrals-hover"?: any;
2939
+ "border-neutrals-inverted"?: any;
2940
+ "border-neutrals-subtle"?: any;
2941
+ "border-neutrals-text"?: any;
2942
+ "border-neutrals-text-active"?: any;
2943
+ "border-neutrals-text-hover"?: any;
2944
+ "border-neutrals-text-subtle"?: any;
2945
+ "border-neutrals-text-subtle-active"?: any;
2946
+ "border-neutrals-text-subtle-hover"?: any;
2947
+ "border-neutrals-transparent"?: any;
2948
+ "border-primary"?: any;
2949
+ "border-primary-active"?: any;
2950
+ "border-primary-hover"?: any;
2951
+ "border-primary-inverted"?: any;
2952
+ "border-success"?: any;
2953
+ "border-warning"?: any;
2954
+ "icon-danger"?: any;
2955
+ "icon-danger-active"?: any;
2956
+ "icon-danger-hover"?: any;
2957
+ "icon-danger-inverted"?: any;
2958
+ "icon-neutrals"?: any;
2959
+ "icon-neutrals-disabled"?: any;
2960
+ "icon-neutrals-inactive"?: any;
2961
+ "icon-neutrals-inactive-hover"?: any;
2962
+ "icon-neutrals-inverted"?: any;
2963
+ "icon-neutrals-search"?: any;
2964
+ "icon-neutrals-subtle"?: any;
2965
+ "icon-neutrals-text"?: any;
2966
+ "icon-primary"?: any;
2967
+ "icon-primary-active"?: any;
2968
+ "icon-primary-hover"?: any;
2969
+ "icon-primary-inverted"?: any;
2970
+ "icon-primary-selected"?: any;
2971
+ "icon-success"?: any;
2972
+ "icon-success-inverted"?: any;
2973
+ "icon-warning"?: any;
2974
+ "icon-warning-prominent"?: any;
2975
+ "text-danger"?: any;
2976
+ "text-danger-active"?: any;
2977
+ "text-danger-hover"?: any;
2978
+ "text-danger-inverted"?: any;
2979
+ "text-neutrals"?: any;
2980
+ "text-neutrals-active"?: any;
2981
+ "text-neutrals-disabled"?: any;
2982
+ "text-neutrals-hover"?: any;
2983
+ "text-neutrals-inverted"?: any;
2984
+ "text-neutrals-placeholder"?: any;
2985
+ "text-neutrals-placeholder-only"?: any;
2986
+ "text-neutrals-subtle"?: any;
2987
+ "text-neutrals-subtle-active"?: any;
2988
+ "text-neutrals-subtle-hover"?: any;
2989
+ "text-primary"?: any;
2990
+ "text-primary-active"?: any;
2991
+ "text-primary-hover"?: any;
2992
+ "text-primary-inverted"?: any;
2993
+ "text-primary-inverted-subtle"?: any;
2994
+ "text-primary-selected"?: any;
2995
+ "text-success"?: any;
2996
+ "text-warning"?: any;
2997
+ };
2998
+ 'font-sizes': {
2999
+ readonly 150: "0.75rem";
3000
+ readonly 175: "0.875rem";
3001
+ readonly 200: "1rem";
3002
+ readonly 225: "1.125rem";
3003
+ readonly 250: "1.25rem";
3004
+ readonly 300: "1.5rem";
3005
+ readonly 400: "2rem";
3006
+ readonly 500: "2.5rem";
3007
+ readonly 600: "3rem";
3008
+ readonly 800: "4rem";
3009
+ readonly 900: "4.5rem";
3010
+ };
3011
+ radii: {
3012
+ readonly none: 0;
3013
+ readonly half: "999em";
3014
+ readonly 25: "2px";
3015
+ readonly 50: "4px";
3016
+ readonly 75: "6px";
3017
+ readonly 100: "8px";
3018
+ readonly 200: "16px";
3019
+ };
3020
+ shadows: {
3021
+ readonly 50: "0 4px 16px #05003812";
3022
+ readonly 100: "0 8px 32px #05003808";
3023
+ readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
3024
+ readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
3025
+ readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
3026
+ readonly 'focus-controls': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-focus-middle, 0 0 0 5px $colors$border-focus-outer";
3027
+ };
3028
+ sizes: {
3029
+ readonly number: string;
3030
+ readonly 'icon-200': "16px";
3031
+ readonly 'icon-300': "24px";
3032
+ readonly 'icon-400': "32px";
3033
+ };
3034
+ space: {
3035
+ readonly 0: 0;
3036
+ readonly 50: "4px";
3037
+ readonly 100: "8px";
3038
+ readonly 150: "12px";
3039
+ readonly 200: "16px";
3040
+ readonly 300: "24px";
3041
+ readonly 400: "32px";
3042
+ readonly 500: "40px";
3043
+ readonly 600: "48px";
3044
+ readonly 800: "64px";
3045
+ readonly 1200: "96px";
3046
+ readonly 1600: "128px";
3047
+ };
3048
+ 'space-gap': {
3049
+ readonly 0: any;
3050
+ readonly 50: any;
3051
+ readonly 100: any;
3052
+ readonly 200: any;
3053
+ readonly 300: any;
3054
+ };
3055
+ 'space-inset': {
3056
+ readonly 0: any;
3057
+ readonly 50: any;
3058
+ readonly 100: any;
3059
+ readonly 150: any;
3060
+ readonly 200: any;
3061
+ readonly 300: any;
3062
+ readonly 400: any;
3063
+ readonly 600: any;
3064
+ readonly 800: any;
3065
+ readonly 1200: any;
3066
+ readonly 1600: any;
3067
+ };
3068
+ 'space-offset': {
3069
+ readonly 0: any;
3070
+ readonly 50: any;
3071
+ readonly 100: any;
3072
+ readonly 150: any;
3073
+ readonly 200: any;
3074
+ readonly 300: any;
3075
+ readonly 400: any;
3076
+ readonly 600: any;
3077
+ readonly 800: any;
3078
+ readonly 1200: any;
3079
+ readonly 1600: any;
3080
+ readonly 'stacking-0': any;
3081
+ readonly 'stacking-100': any;
3082
+ readonly 'stacking-200': any;
3083
+ readonly 'stacking-300': any;
3084
+ readonly 'stacking-400': any;
3085
+ readonly 'stacking-500': any;
3086
+ readonly 'stacking-800': any;
3087
+ };
3088
+ 'stroke-width': {
3089
+ readonly thin: "1.5px";
3090
+ readonly normal: "2px";
3091
+ readonly bold: "4px";
3092
+ };
3093
+ 'z-indices': {
3094
+ readonly dropdownMenu: 100;
3095
+ readonly popover: 200;
3096
+ readonly tooltip: 300;
3097
+ };
3098
+ }, {
3099
+ readonly background: "colors";
3100
+ readonly backgroundColor: "colors";
3101
+ readonly backgroundImage: "colors";
3102
+ readonly blockSize: "sizes";
3103
+ readonly border: "colors";
3104
+ readonly borderBlock: "colors";
3105
+ readonly borderBlockEnd: "colors";
3106
+ readonly borderBlockStart: "colors";
3107
+ readonly borderBottom: "colors";
3108
+ readonly borderBottomColor: "colors";
3109
+ readonly borderBottomLeftRadius: "radii";
3110
+ readonly borderBottomRightRadius: "radii";
3111
+ readonly borderBottomStyle: "border-styles";
3112
+ readonly borderBottomWidth: "border-widths";
3113
+ readonly borderColor: "colors";
3114
+ readonly borderImage: "colors";
3115
+ readonly borderInline: "colors";
3116
+ readonly borderInlineEnd: "colors";
3117
+ readonly borderInlineStart: "colors";
3118
+ readonly borderLeft: "colors";
3119
+ readonly borderLeftColor: "colors";
3120
+ readonly borderLeftStyle: "border-styles";
3121
+ readonly borderLeftWidth: "border-widths";
3122
+ readonly borderRadius: "radii";
3123
+ readonly borderRight: "colors";
3124
+ readonly borderRightColor: "colors";
3125
+ readonly borderRightStyle: "border-styles";
3126
+ readonly borderRightWidth: "border-widths";
3127
+ readonly borderStyle: "border-styles";
3128
+ readonly borderTop: "colors";
3129
+ readonly borderTopColor: "colors";
3130
+ readonly borderTopLeftRadius: "radii";
3131
+ readonly borderTopRightRadius: "radii";
3132
+ readonly borderTopStyle: "border-styles";
3133
+ readonly borderTopWidth: "border-widths";
3134
+ readonly borderWidth: "border-widths";
3135
+ readonly bottom: "space";
3136
+ readonly boxShadow: "shadows";
3137
+ readonly caretColor: "colors";
3138
+ readonly color: "colors";
3139
+ readonly columnGap: "space-gap";
3140
+ readonly columnRuleColor: "colors";
3141
+ readonly fill: "colors";
3142
+ readonly flexBasis: "sizes";
3143
+ readonly fontFamily: "fonts";
3144
+ readonly fontSize: "font-sizes";
3145
+ readonly fontWeight: "font-weights";
3146
+ readonly gap: "space-gap";
3147
+ readonly gridColumnGap: "space-gap";
3148
+ readonly gridGap: "space-gap";
3149
+ readonly gridRowGap: "space-gap";
3150
+ readonly gridTemplateColumns: "sizes";
3151
+ readonly gridTemplateRows: "sizes";
3152
+ readonly height: "sizes";
3153
+ readonly inlineSize: "sizes";
3154
+ readonly inset: "space-inset";
3155
+ readonly insetBlock: "space-inset";
3156
+ readonly insetBlockEnd: "space-inset";
3157
+ readonly insetBlockStart: "space-inset";
3158
+ readonly insetInline: "space-inset";
3159
+ readonly insetInlineEnd: "space-inset";
3160
+ readonly insetInlineStart: "space-inset";
3161
+ readonly left: "space";
3162
+ readonly letterSpacing: "letter-spacings";
3163
+ readonly lineHeight: "line-heights";
3164
+ readonly margin: "space-offset";
3165
+ readonly marginBlock: "space-offset";
3166
+ readonly marginBlockEnd: "space-offset";
3167
+ readonly marginBlockStart: "space-offset";
3168
+ readonly marginBottom: "space-offset";
3169
+ readonly marginInline: "space-offset";
3170
+ readonly marginInlineEnd: "space-offset";
3171
+ readonly marginInlineStart: "space-offset";
3172
+ readonly marginLeft: "space-offset";
3173
+ readonly marginRight: "space-offset";
3174
+ readonly marginTop: "space-offset";
3175
+ readonly maxBlockSize: "sizes";
3176
+ readonly maxHeight: "sizes";
3177
+ readonly maxInlineSize: "sizes";
3178
+ readonly maxWidth: "sizes";
3179
+ readonly minBlockSize: "sizes";
3180
+ readonly minHeight: "sizes";
3181
+ readonly minInlineSize: "sizes";
3182
+ readonly minWidth: "sizes";
3183
+ readonly outline: "colors";
3184
+ readonly outlineColor: "colors";
3185
+ readonly padding: "space-inset";
3186
+ readonly paddingBlock: "space-inset";
3187
+ readonly paddingBlockEnd: "space-inset";
3188
+ readonly paddingBlockStart: "space-inset";
3189
+ readonly paddingBottom: "space-inset";
3190
+ readonly paddingInline: "space-inset";
3191
+ readonly paddingInlineEnd: "space-inset";
3192
+ readonly paddingInlineStart: "space-inset";
3193
+ readonly paddingLeft: "space-inset";
3194
+ readonly paddingRight: "space-inset";
3195
+ readonly paddingTop: "space-inset";
3196
+ readonly right: "space";
3197
+ readonly rowGap: "space-gap";
3198
+ readonly scrollMargin: "space-offset";
3199
+ readonly scrollMarginBlock: "space-offset";
3200
+ readonly scrollMarginBlockEnd: "space-offset";
3201
+ readonly scrollMarginBlockStart: "space-offset";
3202
+ readonly scrollMarginBottom: "space-offset";
3203
+ readonly scrollMarginInline: "space-offset";
3204
+ readonly scrollMarginInlineEnd: "space-offset";
3205
+ readonly scrollMarginInlineStart: "space-offset";
3206
+ readonly scrollMarginLeft: "space-offset";
3207
+ readonly scrollMarginRight: "space-offset";
3208
+ readonly scrollMarginTop: "space-offset";
3209
+ readonly scrollPadding: "space-inset";
3210
+ readonly scrollPaddingBlock: "space-inset";
3211
+ readonly scrollPaddingBlockEnd: "space-inset";
3212
+ readonly scrollPaddingBlockStart: "space-inset";
3213
+ readonly scrollPaddingBottom: "space-inset";
3214
+ readonly scrollPaddingInline: "space-inset";
3215
+ readonly scrollPaddingInlineEnd: "space-inset";
3216
+ readonly scrollPaddingInlineStart: "space-inset";
3217
+ readonly scrollPaddingLeft: "space-inset";
3218
+ readonly scrollPaddingRight: "space-inset";
3219
+ readonly scrollPaddingTop: "space-inset";
3220
+ readonly stroke: "colors";
3221
+ readonly strokeWidth: "stroke-width";
3222
+ readonly textDecorationColor: "colors";
3223
+ readonly textShadow: "shadows";
3224
+ readonly top: "space";
3225
+ readonly transition: "transitions";
3226
+ readonly width: "sizes";
3227
+ readonly zIndex: "z-indices";
3228
+ }, {
3229
+ paddingX: (value: {
3230
+ readonly [$$PropertyValue]: "padding";
3231
+ }) => {
3232
+ paddingLeft: {
3233
+ readonly [$$PropertyValue]: "padding";
3234
+ };
3235
+ paddingRight: {
3236
+ readonly [$$PropertyValue]: "padding";
3237
+ };
3238
+ };
3239
+ paddingY: (value: {
3240
+ readonly [$$PropertyValue]: "padding";
3241
+ }) => {
3242
+ paddingTop: {
3243
+ readonly [$$PropertyValue]: "padding";
3244
+ };
3245
+ paddingBottom: {
3246
+ readonly [$$PropertyValue]: "padding";
3247
+ };
3248
+ };
3249
+ marginX: (value: {
3250
+ readonly [$$PropertyValue]: "margin";
3251
+ }) => {
3252
+ marginLeft: {
3253
+ readonly [$$PropertyValue]: "margin";
3254
+ };
3255
+ marginRight: {
3256
+ readonly [$$PropertyValue]: "margin";
3257
+ };
3258
+ };
3259
+ marginY: (value: {
3260
+ readonly [$$PropertyValue]: "margin";
3261
+ }) => {
3262
+ marginTop: {
3263
+ readonly [$$PropertyValue]: "margin";
3264
+ };
3265
+ marginBottom: {
3266
+ readonly [$$PropertyValue]: "margin";
3267
+ };
3268
+ };
3269
+ square: (value: {
3270
+ readonly [$$PropertyValue]: "width";
3271
+ }) => {
3272
+ width: {
3273
+ readonly [$$PropertyValue]: "width";
3274
+ };
3275
+ height: {
3276
+ readonly [$$PropertyValue]: "width";
3277
+ };
3278
+ };
3279
+ }> | undefined;
3280
+ }> & {
3281
+ children?: react.ReactNode;
3282
+ } & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react.RefAttributes<HTMLDivElement>> & _mirohq_design_system_stitches.StitchesInternals<react.ForwardRefExoticComponent<_radix_ui_react_select.SelectContentProps & react.RefAttributes<HTMLDivElement>>, {}, {}>;
3283
+ declare type StyledContentProps = StrictComponentProps<typeof StyledContent>;
3284
+
3285
+ declare type PointerDownOutsideEvent = CustomEvent<{
3286
+ originalEvent: PointerEvent;
3287
+ }>;
3288
+ declare type Boundary = Element | null | Array<Element | null>;
3289
+ declare type Side = 'top' | 'right' | 'bottom' | 'left';
3290
+ declare type Padding = Partial<Record<Side, number>>;
3291
+ declare type Overflow = 'auto' | 'visible';
3292
+
3293
+ type types_PointerDownOutsideEvent = PointerDownOutsideEvent;
3294
+ type types_Boundary = Boundary;
3295
+ type types_Side = Side;
3296
+ type types_Padding = Padding;
3297
+ type types_Overflow = Overflow;
3298
+ declare namespace types {
3299
+ export {
3300
+ types_PointerDownOutsideEvent as PointerDownOutsideEvent,
3301
+ types_Boundary as Boundary,
3302
+ types_Side as Side,
3303
+ types_Padding as Padding,
3304
+ types_Overflow as Overflow,
3305
+ };
3306
+ }
3307
+
3308
+ interface ContentProps extends StyledContentProps {
3309
+ /**
3310
+ * Event handler called when focus moves to the trigger after closing. It can
3311
+ * be prevented by calling event.preventDefault.
3312
+ */
3313
+ onCloseAutoFocus?: (event: Event) => void;
3314
+ /**
3315
+ * Event handler called when focus moves to the trigger after closing. It can
3316
+ * be prevented by calling event.preventDefault.
3317
+ */
3318
+ onEscapeKeyDown?: (event: KeyboardEvent) => void;
3319
+ /**
3320
+ * Event handler called when a pointer event occurs outside the bounds of the
3321
+ * component. It can be prevented by calling event.preventDefault.
3322
+ */
3323
+ onPointerDownOutside?: (event: PointerDownOutsideEvent) => void;
3324
+ /**
3325
+ * The positioning mode to use, item-aligned is the default and behaves
3326
+ * similarly to a native MacOS menu by positioning content relative to the
3327
+ * active item. popper positions content in the same way as our other
3328
+ * primitives, for example Popover or DropdownMenu.
3329
+ */
3330
+ position?: 'item-aligned' | 'popper';
3331
+ /**
3332
+ * The preferred side of the anchor to render against when open. Will be
3333
+ * reversed when collisions occur and avoidCollisions is enabled. Only
3334
+ * available when position is set to popper.
3335
+ */
3336
+ side?: 'top' | 'right' | 'bottom' | 'left';
3337
+ /**
3338
+ * The distance in pixels from the anchor. Only available when position is set
3339
+ * to popper.
3340
+ */
3341
+ sideOffset?: number;
3342
+ /**
3343
+ * The preferred alignment against the anchor. May change when collisions
3344
+ * occur. Only available when position is set to popper.
3345
+ */
3346
+ align?: 'start' | 'center' | 'end';
3347
+ /**
3348
+ * An offset in pixels from the "start" or "end" alignment options. Only
3349
+ * available when position is set to popper.
3350
+ */
3351
+ alignOffset?: number;
3352
+ /**
3353
+ * When true, overrides the side andalign preferences to prevent collisions
3354
+ * with boundary edges. Only available when position is set to popper.
3355
+ */
3356
+ avoidCollisions?: boolean;
3357
+ /**
3358
+ * The element used as the collision boundary. By default this is the
3359
+ * viewport, though you can provide additional element(s) to be included in
3360
+ * this check. Only available when position is set to popper.
3361
+ */
3362
+ collisionBoundary?: Boundary;
3363
+ /**
3364
+ * The distance in pixels from the boundary edges where collision detection
3365
+ * should occur. Accepts a number (same for all sides), or a partial padding
3366
+ * object, for example: { top: 20, left: 20 }. Only available when position is
3367
+ * set to popper.
3368
+ */
3369
+ collisionPadding?: number | Partial<Record<Side, number>>;
3370
+ /**
3371
+ * The sticky behavior on the align axis. "partial" will keep the content in the
3372
+ * boundary as long as the trigger is at least partially in the boundary whilst
3373
+ * "always" will keep the content in the boundary regardless. Only available
3374
+ * when position is set to popper.
3375
+ */
3376
+ sticky?: 'partial' | 'always';
3377
+ /**
3378
+ * Whether to hide the content when the trigger becomes fully occluded. Only
3379
+ * available when position is set to popper.
3380
+ */
3381
+ hideWhenDetached?: boolean;
3382
+ /**
3383
+ * The max height for the content.
3384
+ */
3385
+ maxHeight?: CSSProperties['maxHeight'];
3386
+ /**
3387
+ * Setting overflow as "visible" means that the content can extend beyond the
3388
+ * its collision boundary without any clipping or scrolling being
3389
+ * applied.
3390
+ * When set to "auto," a scrollbar is added if the content exceeds its
3391
+ * boundaries. If no maxHeight is defined, it will be automatically adjusted
3392
+ * to fit the remaining space between the trigger and the boundary edge.
3393
+ */
3394
+ overflow?: Overflow;
3395
+ /**
3396
+ * Select's content.
3397
+ */
3398
+ children?: ReactNode;
3399
+ }
3400
+ declare const Content: react__default.ForwardRefExoticComponent<Omit<ContentProps, "ref"> & react__default.RefAttributes<HTMLDivElement>>;
3401
+
3402
+ declare const StyledLabel: react.ForwardRefExoticComponent<Omit<Omit<{}, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.SafeProps<Omit<_radix_ui_react_select.SelectLabelProps & react.RefAttributes<HTMLDivElement>, "css"> & _stitches_react_types_styled_component.TransformProps<{}, {}> & {
3403
+ css?: _stitches_react_types_css_util.CSS<{}, {
3404
+ 'border-widths': {
3405
+ readonly none: 0;
3406
+ readonly sm: "1px";
3407
+ readonly md: "2px";
3408
+ readonly lg: "4px";
3409
+ };
3410
+ colors: {
3411
+ readonly black: any;
3412
+ readonly 'blue-100': any;
3413
+ readonly 'blue-200': any;
3414
+ readonly 'blue-300': any;
3415
+ readonly 'blue-400': any;
3416
+ readonly 'blue-500': any;
3417
+ readonly 'blue-600': any;
3418
+ readonly 'blue-700': any;
3419
+ readonly 'blue-800': any;
3420
+ readonly 'blue-900': any;
3421
+ readonly 'blue-1000': any;
3422
+ readonly 'gray-100': any;
3423
+ readonly 'gray-200': any;
3424
+ readonly 'gray-300': any;
3425
+ readonly 'gray-400': any;
3426
+ readonly 'gray-500': any;
3427
+ readonly 'gray-600': any;
3428
+ readonly 'gray-700': any;
3429
+ readonly 'gray-800': any;
3430
+ readonly 'gray-900': any;
3431
+ readonly 'green-100': any;
3432
+ readonly 'green-200': any;
3433
+ readonly 'green-300': any;
3434
+ readonly 'green-400': any;
3435
+ readonly 'green-500': any;
3436
+ readonly 'green-600': any;
3437
+ readonly 'green-700': any;
3438
+ readonly 'green-800': any;
3439
+ readonly 'green-900': any;
3440
+ readonly 'indigo-100': any;
3441
+ readonly 'indigo-200': any;
3442
+ readonly 'indigo-300': any;
3443
+ readonly 'indigo-400': any;
3444
+ readonly 'indigo-500': any;
3445
+ readonly 'indigo-600': any;
3446
+ readonly 'indigo-700': any;
3447
+ readonly 'indigo-800': any;
3448
+ readonly 'indigo-900': any;
3449
+ readonly 'red-100': any;
3450
+ readonly 'red-200': any;
3451
+ readonly 'red-300': any;
3452
+ readonly 'red-400': any;
3453
+ readonly 'red-500': any;
3454
+ readonly 'red-600': any;
3455
+ readonly 'red-700': any;
3456
+ readonly 'red-800': any;
3457
+ readonly 'red-900': any;
3458
+ readonly transparent: any;
3459
+ readonly white: any;
3460
+ readonly 'yellow-100': any;
3461
+ readonly 'yellow-200': any;
3462
+ readonly 'yellow-300': any;
3463
+ readonly 'yellow-400': any;
3464
+ readonly 'yellow-500': any;
3465
+ readonly 'yellow-600': any;
3466
+ readonly 'yellow-700': any;
3467
+ readonly 'yellow-800': any;
3468
+ readonly 'yellow-900': any;
3469
+ "background-alpha-active"?: any;
3470
+ "background-alpha-hover"?: any;
3471
+ "background-danger-prominent"?: any;
3472
+ "background-danger-prominent-active"?: any;
3473
+ "background-danger-prominent-hover"?: any;
3474
+ "background-danger-subtle"?: any;
3475
+ "background-danger-subtle-active"?: any;
3476
+ "background-danger-subtle-hover"?: any;
3477
+ "background-neutrals"?: any;
3478
+ "background-neutrals-active"?: any;
3479
+ "background-neutrals-container"?: any;
3480
+ "background-neutrals-controls-disabled"?: any;
3481
+ "background-neutrals-disabled"?: any;
3482
+ "background-neutrals-hover"?: any;
3483
+ "background-neutrals-inactive"?: any;
3484
+ "background-neutrals-inactive-hover"?: any;
3485
+ "background-neutrals-inverted"?: any;
3486
+ "background-neutrals-inverted-subtle"?: any;
3487
+ "background-neutrals-page"?: any;
3488
+ "background-neutrals-page-subtle"?: any;
3489
+ "background-neutrals-scrolls"?: any;
3490
+ "background-neutrals-scrolls-hover"?: any;
3491
+ "background-neutrals-subtle"?: any;
3492
+ "background-neutrals-subtle-active"?: any;
3493
+ "background-neutrals-subtle-hover"?: any;
3494
+ "background-primary-prominent"?: any;
3495
+ "background-primary-prominent-active"?: any;
3496
+ "background-primary-prominent-hover"?: any;
3497
+ "background-primary-prominent-selected"?: any;
3498
+ "background-primary-subtle"?: any;
3499
+ "background-primary-subtle-active"?: any;
3500
+ "background-primary-subtle-hover"?: any;
3501
+ "background-primary-subtle-selected"?: any;
3502
+ "background-success"?: any;
3503
+ "background-warning-prominent"?: any;
3504
+ "background-warning-subtle"?: any;
3505
+ "border-danger"?: any;
3506
+ "border-danger-active"?: any;
3507
+ "border-danger-hover"?: any;
3508
+ "border-focus-inner"?: any;
3509
+ "border-focus-middle"?: any;
3510
+ "border-focus-outer"?: any;
3511
+ "border-neutrals"?: any;
3512
+ "border-neutrals-active"?: any;
3513
+ "border-neutrals-controls"?: any;
3514
+ "border-neutrals-controls-disabled"?: any;
3515
+ "border-neutrals-disabled"?: any;
3516
+ "border-neutrals-hover"?: any;
3517
+ "border-neutrals-inverted"?: any;
3518
+ "border-neutrals-subtle"?: any;
3519
+ "border-neutrals-text"?: any;
3520
+ "border-neutrals-text-active"?: any;
3521
+ "border-neutrals-text-hover"?: any;
3522
+ "border-neutrals-text-subtle"?: any;
3523
+ "border-neutrals-text-subtle-active"?: any;
3524
+ "border-neutrals-text-subtle-hover"?: any;
3525
+ "border-neutrals-transparent"?: any;
3526
+ "border-primary"?: any;
3527
+ "border-primary-active"?: any;
3528
+ "border-primary-hover"?: any;
3529
+ "border-primary-inverted"?: any;
3530
+ "border-success"?: any;
3531
+ "border-warning"?: any;
3532
+ "icon-danger"?: any;
3533
+ "icon-danger-active"?: any;
3534
+ "icon-danger-hover"?: any;
3535
+ "icon-danger-inverted"?: any;
3536
+ "icon-neutrals"?: any;
3537
+ "icon-neutrals-disabled"?: any;
3538
+ "icon-neutrals-inactive"?: any;
3539
+ "icon-neutrals-inactive-hover"?: any;
3540
+ "icon-neutrals-inverted"?: any;
3541
+ "icon-neutrals-search"?: any;
3542
+ "icon-neutrals-subtle"?: any;
3543
+ "icon-neutrals-text"?: any;
3544
+ "icon-primary"?: any;
3545
+ "icon-primary-active"?: any;
3546
+ "icon-primary-hover"?: any;
3547
+ "icon-primary-inverted"?: any;
3548
+ "icon-primary-selected"?: any;
3549
+ "icon-success"?: any;
3550
+ "icon-success-inverted"?: any;
3551
+ "icon-warning"?: any;
3552
+ "icon-warning-prominent"?: any;
3553
+ "text-danger"?: any;
3554
+ "text-danger-active"?: any;
3555
+ "text-danger-hover"?: any;
3556
+ "text-danger-inverted"?: any;
3557
+ "text-neutrals"?: any;
3558
+ "text-neutrals-active"?: any;
3559
+ "text-neutrals-disabled"?: any;
3560
+ "text-neutrals-hover"?: any;
3561
+ "text-neutrals-inverted"?: any;
3562
+ "text-neutrals-placeholder"?: any;
3563
+ "text-neutrals-placeholder-only"?: any;
3564
+ "text-neutrals-subtle"?: any;
3565
+ "text-neutrals-subtle-active"?: any;
3566
+ "text-neutrals-subtle-hover"?: any;
3567
+ "text-primary"?: any;
3568
+ "text-primary-active"?: any;
3569
+ "text-primary-hover"?: any;
3570
+ "text-primary-inverted"?: any;
3571
+ "text-primary-inverted-subtle"?: any;
3572
+ "text-primary-selected"?: any;
3573
+ "text-success"?: any;
3574
+ "text-warning"?: any;
3575
+ };
3576
+ 'font-sizes': {
3577
+ readonly 150: "0.75rem";
3578
+ readonly 175: "0.875rem";
3579
+ readonly 200: "1rem";
3580
+ readonly 225: "1.125rem";
3581
+ readonly 250: "1.25rem";
3582
+ readonly 300: "1.5rem";
3583
+ readonly 400: "2rem";
3584
+ readonly 500: "2.5rem";
3585
+ readonly 600: "3rem";
3586
+ readonly 800: "4rem";
3587
+ readonly 900: "4.5rem";
3588
+ };
3589
+ radii: {
3590
+ readonly none: 0;
3591
+ readonly half: "999em";
3592
+ readonly 25: "2px";
3593
+ readonly 50: "4px";
3594
+ readonly 75: "6px";
3595
+ readonly 100: "8px";
3596
+ readonly 200: "16px";
3597
+ };
3598
+ shadows: {
3599
+ readonly 50: "0 4px 16px #05003812";
3600
+ readonly 100: "0 8px 32px #05003808";
3601
+ readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
3602
+ readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
3603
+ readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
3604
+ readonly 'focus-controls': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-focus-middle, 0 0 0 5px $colors$border-focus-outer";
3605
+ };
3606
+ sizes: {
3607
+ readonly number: string;
3608
+ readonly 'icon-200': "16px";
3609
+ readonly 'icon-300': "24px";
3610
+ readonly 'icon-400': "32px";
3611
+ };
3612
+ space: {
3613
+ readonly 0: 0;
3614
+ readonly 50: "4px";
3615
+ readonly 100: "8px";
3616
+ readonly 150: "12px";
3617
+ readonly 200: "16px";
3618
+ readonly 300: "24px";
3619
+ readonly 400: "32px";
3620
+ readonly 500: "40px";
3621
+ readonly 600: "48px";
3622
+ readonly 800: "64px";
3623
+ readonly 1200: "96px";
3624
+ readonly 1600: "128px";
3625
+ };
3626
+ 'space-gap': {
3627
+ readonly 0: any;
3628
+ readonly 50: any;
3629
+ readonly 100: any;
3630
+ readonly 200: any;
3631
+ readonly 300: any;
3632
+ };
3633
+ 'space-inset': {
3634
+ readonly 0: any;
3635
+ readonly 50: any;
3636
+ readonly 100: any;
3637
+ readonly 150: any;
3638
+ readonly 200: any;
3639
+ readonly 300: any;
3640
+ readonly 400: any;
3641
+ readonly 600: any;
3642
+ readonly 800: any;
3643
+ readonly 1200: any;
3644
+ readonly 1600: any;
3645
+ };
3646
+ 'space-offset': {
3647
+ readonly 0: any;
3648
+ readonly 50: any;
3649
+ readonly 100: any;
3650
+ readonly 150: any;
3651
+ readonly 200: any;
3652
+ readonly 300: any;
3653
+ readonly 400: any;
3654
+ readonly 600: any;
3655
+ readonly 800: any;
3656
+ readonly 1200: any;
3657
+ readonly 1600: any;
3658
+ readonly 'stacking-0': any;
3659
+ readonly 'stacking-100': any;
3660
+ readonly 'stacking-200': any;
3661
+ readonly 'stacking-300': any;
3662
+ readonly 'stacking-400': any;
3663
+ readonly 'stacking-500': any;
3664
+ readonly 'stacking-800': any;
3665
+ };
3666
+ 'stroke-width': {
3667
+ readonly thin: "1.5px";
3668
+ readonly normal: "2px";
3669
+ readonly bold: "4px";
3670
+ };
3671
+ 'z-indices': {
3672
+ readonly dropdownMenu: 100;
3673
+ readonly popover: 200;
3674
+ readonly tooltip: 300;
3675
+ };
3676
+ }, {
3677
+ readonly background: "colors";
3678
+ readonly backgroundColor: "colors";
3679
+ readonly backgroundImage: "colors";
3680
+ readonly blockSize: "sizes";
3681
+ readonly border: "colors";
3682
+ readonly borderBlock: "colors";
3683
+ readonly borderBlockEnd: "colors";
3684
+ readonly borderBlockStart: "colors";
3685
+ readonly borderBottom: "colors";
3686
+ readonly borderBottomColor: "colors";
3687
+ readonly borderBottomLeftRadius: "radii";
3688
+ readonly borderBottomRightRadius: "radii";
3689
+ readonly borderBottomStyle: "border-styles";
3690
+ readonly borderBottomWidth: "border-widths";
3691
+ readonly borderColor: "colors";
3692
+ readonly borderImage: "colors";
3693
+ readonly borderInline: "colors";
3694
+ readonly borderInlineEnd: "colors";
3695
+ readonly borderInlineStart: "colors";
3696
+ readonly borderLeft: "colors";
3697
+ readonly borderLeftColor: "colors";
3698
+ readonly borderLeftStyle: "border-styles";
3699
+ readonly borderLeftWidth: "border-widths";
3700
+ readonly borderRadius: "radii";
3701
+ readonly borderRight: "colors";
3702
+ readonly borderRightColor: "colors";
3703
+ readonly borderRightStyle: "border-styles";
3704
+ readonly borderRightWidth: "border-widths";
3705
+ readonly borderStyle: "border-styles";
3706
+ readonly borderTop: "colors";
3707
+ readonly borderTopColor: "colors";
3708
+ readonly borderTopLeftRadius: "radii";
3709
+ readonly borderTopRightRadius: "radii";
3710
+ readonly borderTopStyle: "border-styles";
3711
+ readonly borderTopWidth: "border-widths";
3712
+ readonly borderWidth: "border-widths";
3713
+ readonly bottom: "space";
3714
+ readonly boxShadow: "shadows";
3715
+ readonly caretColor: "colors";
3716
+ readonly color: "colors";
3717
+ readonly columnGap: "space-gap";
3718
+ readonly columnRuleColor: "colors";
3719
+ readonly fill: "colors";
3720
+ readonly flexBasis: "sizes";
3721
+ readonly fontFamily: "fonts";
3722
+ readonly fontSize: "font-sizes";
3723
+ readonly fontWeight: "font-weights";
3724
+ readonly gap: "space-gap";
3725
+ readonly gridColumnGap: "space-gap";
3726
+ readonly gridGap: "space-gap";
3727
+ readonly gridRowGap: "space-gap";
3728
+ readonly gridTemplateColumns: "sizes";
3729
+ readonly gridTemplateRows: "sizes";
3730
+ readonly height: "sizes";
3731
+ readonly inlineSize: "sizes";
3732
+ readonly inset: "space-inset";
3733
+ readonly insetBlock: "space-inset";
3734
+ readonly insetBlockEnd: "space-inset";
3735
+ readonly insetBlockStart: "space-inset";
3736
+ readonly insetInline: "space-inset";
3737
+ readonly insetInlineEnd: "space-inset";
3738
+ readonly insetInlineStart: "space-inset";
3739
+ readonly left: "space";
3740
+ readonly letterSpacing: "letter-spacings";
3741
+ readonly lineHeight: "line-heights";
3742
+ readonly margin: "space-offset";
3743
+ readonly marginBlock: "space-offset";
3744
+ readonly marginBlockEnd: "space-offset";
3745
+ readonly marginBlockStart: "space-offset";
3746
+ readonly marginBottom: "space-offset";
3747
+ readonly marginInline: "space-offset";
3748
+ readonly marginInlineEnd: "space-offset";
3749
+ readonly marginInlineStart: "space-offset";
3750
+ readonly marginLeft: "space-offset";
3751
+ readonly marginRight: "space-offset";
3752
+ readonly marginTop: "space-offset";
3753
+ readonly maxBlockSize: "sizes";
3754
+ readonly maxHeight: "sizes";
3755
+ readonly maxInlineSize: "sizes";
3756
+ readonly maxWidth: "sizes";
3757
+ readonly minBlockSize: "sizes";
3758
+ readonly minHeight: "sizes";
3759
+ readonly minInlineSize: "sizes";
3760
+ readonly minWidth: "sizes";
3761
+ readonly outline: "colors";
3762
+ readonly outlineColor: "colors";
3763
+ readonly padding: "space-inset";
3764
+ readonly paddingBlock: "space-inset";
3765
+ readonly paddingBlockEnd: "space-inset";
3766
+ readonly paddingBlockStart: "space-inset";
3767
+ readonly paddingBottom: "space-inset";
3768
+ readonly paddingInline: "space-inset";
3769
+ readonly paddingInlineEnd: "space-inset";
3770
+ readonly paddingInlineStart: "space-inset";
3771
+ readonly paddingLeft: "space-inset";
3772
+ readonly paddingRight: "space-inset";
3773
+ readonly paddingTop: "space-inset";
3774
+ readonly right: "space";
3775
+ readonly rowGap: "space-gap";
3776
+ readonly scrollMargin: "space-offset";
3777
+ readonly scrollMarginBlock: "space-offset";
3778
+ readonly scrollMarginBlockEnd: "space-offset";
3779
+ readonly scrollMarginBlockStart: "space-offset";
3780
+ readonly scrollMarginBottom: "space-offset";
3781
+ readonly scrollMarginInline: "space-offset";
3782
+ readonly scrollMarginInlineEnd: "space-offset";
3783
+ readonly scrollMarginInlineStart: "space-offset";
3784
+ readonly scrollMarginLeft: "space-offset";
3785
+ readonly scrollMarginRight: "space-offset";
3786
+ readonly scrollMarginTop: "space-offset";
3787
+ readonly scrollPadding: "space-inset";
3788
+ readonly scrollPaddingBlock: "space-inset";
3789
+ readonly scrollPaddingBlockEnd: "space-inset";
3790
+ readonly scrollPaddingBlockStart: "space-inset";
3791
+ readonly scrollPaddingBottom: "space-inset";
3792
+ readonly scrollPaddingInline: "space-inset";
3793
+ readonly scrollPaddingInlineEnd: "space-inset";
3794
+ readonly scrollPaddingInlineStart: "space-inset";
3795
+ readonly scrollPaddingLeft: "space-inset";
3796
+ readonly scrollPaddingRight: "space-inset";
3797
+ readonly scrollPaddingTop: "space-inset";
3798
+ readonly stroke: "colors";
3799
+ readonly strokeWidth: "stroke-width";
3800
+ readonly textDecorationColor: "colors";
3801
+ readonly textShadow: "shadows";
3802
+ readonly top: "space";
3803
+ readonly transition: "transitions";
3804
+ readonly width: "sizes";
3805
+ readonly zIndex: "z-indices";
3806
+ }, {
3807
+ paddingX: (value: {
3808
+ readonly [$$PropertyValue]: "padding";
3809
+ }) => {
3810
+ paddingLeft: {
3811
+ readonly [$$PropertyValue]: "padding";
3812
+ };
3813
+ paddingRight: {
3814
+ readonly [$$PropertyValue]: "padding";
3815
+ };
3816
+ };
3817
+ paddingY: (value: {
3818
+ readonly [$$PropertyValue]: "padding";
3819
+ }) => {
3820
+ paddingTop: {
3821
+ readonly [$$PropertyValue]: "padding";
3822
+ };
3823
+ paddingBottom: {
3824
+ readonly [$$PropertyValue]: "padding";
3825
+ };
3826
+ };
3827
+ marginX: (value: {
3828
+ readonly [$$PropertyValue]: "margin";
3829
+ }) => {
3830
+ marginLeft: {
3831
+ readonly [$$PropertyValue]: "margin";
3832
+ };
3833
+ marginRight: {
3834
+ readonly [$$PropertyValue]: "margin";
3835
+ };
3836
+ };
3837
+ marginY: (value: {
3838
+ readonly [$$PropertyValue]: "margin";
3839
+ }) => {
3840
+ marginTop: {
3841
+ readonly [$$PropertyValue]: "margin";
3842
+ };
3843
+ marginBottom: {
3844
+ readonly [$$PropertyValue]: "margin";
3845
+ };
3846
+ };
3847
+ square: (value: {
3848
+ readonly [$$PropertyValue]: "width";
3849
+ }) => {
3850
+ width: {
3851
+ readonly [$$PropertyValue]: "width";
3852
+ };
3853
+ height: {
3854
+ readonly [$$PropertyValue]: "width";
3855
+ };
3856
+ };
3857
+ }> | undefined;
3858
+ }> & {
3859
+ children?: react.ReactNode;
3860
+ } & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react.RefAttributes<HTMLDivElement>> & _mirohq_design_system_stitches.StitchesInternals<react.ForwardRefExoticComponent<_radix_ui_react_select.SelectLabelProps & react.RefAttributes<HTMLDivElement>>, {}, {}>;
3861
+ declare type StyledLabelProps = StrictComponentProps<typeof StyledLabel>;
3862
+
3863
+ interface LabelProps extends StyledLabelProps {
3864
+ }
3865
+ declare const Label: react__default.ForwardRefExoticComponent<Omit<LabelProps, "ref"> & react__default.RefAttributes<HTMLDivElement>>;
3866
+
3867
+ declare const StyledSeparator: react.ForwardRefExoticComponent<Omit<Omit<{}, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.SafeProps<Omit<_radix_ui_react_select.SelectSeparatorProps & react.RefAttributes<HTMLDivElement>, "css"> & _stitches_react_types_styled_component.TransformProps<{}, {}> & {
3868
+ css?: _stitches_react_types_css_util.CSS<{}, {
3869
+ 'border-widths': {
3870
+ readonly none: 0;
3871
+ readonly sm: "1px";
3872
+ readonly md: "2px";
3873
+ readonly lg: "4px";
3874
+ };
3875
+ colors: {
3876
+ readonly black: any;
3877
+ readonly 'blue-100': any;
3878
+ readonly 'blue-200': any;
3879
+ readonly 'blue-300': any;
3880
+ readonly 'blue-400': any;
3881
+ readonly 'blue-500': any;
3882
+ readonly 'blue-600': any;
3883
+ readonly 'blue-700': any;
3884
+ readonly 'blue-800': any;
3885
+ readonly 'blue-900': any;
3886
+ readonly 'blue-1000': any;
3887
+ readonly 'gray-100': any;
3888
+ readonly 'gray-200': any;
3889
+ readonly 'gray-300': any;
3890
+ readonly 'gray-400': any;
3891
+ readonly 'gray-500': any;
3892
+ readonly 'gray-600': any;
3893
+ readonly 'gray-700': any;
3894
+ readonly 'gray-800': any;
3895
+ readonly 'gray-900': any;
3896
+ readonly 'green-100': any;
3897
+ readonly 'green-200': any;
3898
+ readonly 'green-300': any;
3899
+ readonly 'green-400': any;
3900
+ readonly 'green-500': any;
3901
+ readonly 'green-600': any;
3902
+ readonly 'green-700': any;
3903
+ readonly 'green-800': any;
3904
+ readonly 'green-900': any;
3905
+ readonly 'indigo-100': any;
3906
+ readonly 'indigo-200': any;
3907
+ readonly 'indigo-300': any;
3908
+ readonly 'indigo-400': any;
3909
+ readonly 'indigo-500': any;
3910
+ readonly 'indigo-600': any;
3911
+ readonly 'indigo-700': any;
3912
+ readonly 'indigo-800': any;
3913
+ readonly 'indigo-900': any;
3914
+ readonly 'red-100': any;
3915
+ readonly 'red-200': any;
3916
+ readonly 'red-300': any;
3917
+ readonly 'red-400': any;
3918
+ readonly 'red-500': any;
3919
+ readonly 'red-600': any;
3920
+ readonly 'red-700': any;
3921
+ readonly 'red-800': any;
3922
+ readonly 'red-900': any;
3923
+ readonly transparent: any;
3924
+ readonly white: any;
3925
+ readonly 'yellow-100': any;
3926
+ readonly 'yellow-200': any;
3927
+ readonly 'yellow-300': any;
3928
+ readonly 'yellow-400': any;
3929
+ readonly 'yellow-500': any;
3930
+ readonly 'yellow-600': any;
3931
+ readonly 'yellow-700': any;
3932
+ readonly 'yellow-800': any;
3933
+ readonly 'yellow-900': any;
3934
+ "background-alpha-active"?: any;
3935
+ "background-alpha-hover"?: any;
3936
+ "background-danger-prominent"?: any;
3937
+ "background-danger-prominent-active"?: any;
3938
+ "background-danger-prominent-hover"?: any;
3939
+ "background-danger-subtle"?: any;
3940
+ "background-danger-subtle-active"?: any;
3941
+ "background-danger-subtle-hover"?: any;
3942
+ "background-neutrals"?: any;
3943
+ "background-neutrals-active"?: any;
3944
+ "background-neutrals-container"?: any;
3945
+ "background-neutrals-controls-disabled"?: any;
3946
+ "background-neutrals-disabled"?: any;
3947
+ "background-neutrals-hover"?: any;
3948
+ "background-neutrals-inactive"?: any;
3949
+ "background-neutrals-inactive-hover"?: any;
3950
+ "background-neutrals-inverted"?: any;
3951
+ "background-neutrals-inverted-subtle"?: any;
3952
+ "background-neutrals-page"?: any;
3953
+ "background-neutrals-page-subtle"?: any;
3954
+ "background-neutrals-scrolls"?: any;
3955
+ "background-neutrals-scrolls-hover"?: any;
3956
+ "background-neutrals-subtle"?: any;
3957
+ "background-neutrals-subtle-active"?: any;
3958
+ "background-neutrals-subtle-hover"?: any;
3959
+ "background-primary-prominent"?: any;
3960
+ "background-primary-prominent-active"?: any;
3961
+ "background-primary-prominent-hover"?: any;
3962
+ "background-primary-prominent-selected"?: any;
3963
+ "background-primary-subtle"?: any;
3964
+ "background-primary-subtle-active"?: any;
3965
+ "background-primary-subtle-hover"?: any;
3966
+ "background-primary-subtle-selected"?: any;
3967
+ "background-success"?: any;
3968
+ "background-warning-prominent"?: any;
3969
+ "background-warning-subtle"?: any;
3970
+ "border-danger"?: any;
3971
+ "border-danger-active"?: any;
3972
+ "border-danger-hover"?: any;
3973
+ "border-focus-inner"?: any;
3974
+ "border-focus-middle"?: any;
3975
+ "border-focus-outer"?: any;
3976
+ "border-neutrals"?: any;
3977
+ "border-neutrals-active"?: any;
3978
+ "border-neutrals-controls"?: any;
3979
+ "border-neutrals-controls-disabled"?: any;
3980
+ "border-neutrals-disabled"?: any;
3981
+ "border-neutrals-hover"?: any;
3982
+ "border-neutrals-inverted"?: any;
3983
+ "border-neutrals-subtle"?: any;
3984
+ "border-neutrals-text"?: any;
3985
+ "border-neutrals-text-active"?: any;
3986
+ "border-neutrals-text-hover"?: any;
3987
+ "border-neutrals-text-subtle"?: any;
3988
+ "border-neutrals-text-subtle-active"?: any;
3989
+ "border-neutrals-text-subtle-hover"?: any;
3990
+ "border-neutrals-transparent"?: any;
3991
+ "border-primary"?: any;
3992
+ "border-primary-active"?: any;
3993
+ "border-primary-hover"?: any;
3994
+ "border-primary-inverted"?: any;
3995
+ "border-success"?: any;
3996
+ "border-warning"?: any;
3997
+ "icon-danger"?: any;
3998
+ "icon-danger-active"?: any;
3999
+ "icon-danger-hover"?: any;
4000
+ "icon-danger-inverted"?: any;
4001
+ "icon-neutrals"?: any;
4002
+ "icon-neutrals-disabled"?: any;
4003
+ "icon-neutrals-inactive"?: any;
4004
+ "icon-neutrals-inactive-hover"?: any;
4005
+ "icon-neutrals-inverted"?: any;
4006
+ "icon-neutrals-search"?: any;
4007
+ "icon-neutrals-subtle"?: any;
4008
+ "icon-neutrals-text"?: any;
4009
+ "icon-primary"?: any;
4010
+ "icon-primary-active"?: any;
4011
+ "icon-primary-hover"?: any;
4012
+ "icon-primary-inverted"?: any;
4013
+ "icon-primary-selected"?: any;
4014
+ "icon-success"?: any;
4015
+ "icon-success-inverted"?: any;
4016
+ "icon-warning"?: any;
4017
+ "icon-warning-prominent"?: any;
4018
+ "text-danger"?: any;
4019
+ "text-danger-active"?: any;
4020
+ "text-danger-hover"?: any;
4021
+ "text-danger-inverted"?: any;
4022
+ "text-neutrals"?: any;
4023
+ "text-neutrals-active"?: any;
4024
+ "text-neutrals-disabled"?: any;
4025
+ "text-neutrals-hover"?: any;
4026
+ "text-neutrals-inverted"?: any;
4027
+ "text-neutrals-placeholder"?: any;
4028
+ "text-neutrals-placeholder-only"?: any;
4029
+ "text-neutrals-subtle"?: any;
4030
+ "text-neutrals-subtle-active"?: any;
4031
+ "text-neutrals-subtle-hover"?: any;
4032
+ "text-primary"?: any;
4033
+ "text-primary-active"?: any;
4034
+ "text-primary-hover"?: any;
4035
+ "text-primary-inverted"?: any;
4036
+ "text-primary-inverted-subtle"?: any;
4037
+ "text-primary-selected"?: any;
4038
+ "text-success"?: any;
4039
+ "text-warning"?: any;
4040
+ };
4041
+ 'font-sizes': {
4042
+ readonly 150: "0.75rem";
4043
+ readonly 175: "0.875rem";
4044
+ readonly 200: "1rem";
4045
+ readonly 225: "1.125rem";
4046
+ readonly 250: "1.25rem";
4047
+ readonly 300: "1.5rem";
4048
+ readonly 400: "2rem";
4049
+ readonly 500: "2.5rem";
4050
+ readonly 600: "3rem";
4051
+ readonly 800: "4rem";
4052
+ readonly 900: "4.5rem";
4053
+ };
4054
+ radii: {
4055
+ readonly none: 0;
4056
+ readonly half: "999em";
4057
+ readonly 25: "2px";
4058
+ readonly 50: "4px";
4059
+ readonly 75: "6px";
4060
+ readonly 100: "8px";
4061
+ readonly 200: "16px";
4062
+ };
4063
+ shadows: {
4064
+ readonly 50: "0 4px 16px #05003812";
4065
+ readonly 100: "0 8px 32px #05003808";
4066
+ readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
4067
+ readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
4068
+ readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
4069
+ readonly 'focus-controls': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-focus-middle, 0 0 0 5px $colors$border-focus-outer";
4070
+ };
4071
+ sizes: {
4072
+ readonly number: string;
4073
+ readonly 'icon-200': "16px";
4074
+ readonly 'icon-300': "24px";
4075
+ readonly 'icon-400': "32px";
4076
+ };
4077
+ space: {
4078
+ readonly 0: 0;
4079
+ readonly 50: "4px";
4080
+ readonly 100: "8px";
4081
+ readonly 150: "12px";
4082
+ readonly 200: "16px";
4083
+ readonly 300: "24px";
4084
+ readonly 400: "32px";
4085
+ readonly 500: "40px";
4086
+ readonly 600: "48px";
4087
+ readonly 800: "64px";
4088
+ readonly 1200: "96px";
4089
+ readonly 1600: "128px";
4090
+ };
4091
+ 'space-gap': {
4092
+ readonly 0: any;
4093
+ readonly 50: any;
4094
+ readonly 100: any;
4095
+ readonly 200: any;
4096
+ readonly 300: any;
4097
+ };
4098
+ 'space-inset': {
4099
+ readonly 0: any;
4100
+ readonly 50: any;
4101
+ readonly 100: any;
4102
+ readonly 150: any;
4103
+ readonly 200: any;
4104
+ readonly 300: any;
4105
+ readonly 400: any;
4106
+ readonly 600: any;
4107
+ readonly 800: any;
4108
+ readonly 1200: any;
4109
+ readonly 1600: any;
4110
+ };
4111
+ 'space-offset': {
4112
+ readonly 0: any;
4113
+ readonly 50: any;
4114
+ readonly 100: any;
4115
+ readonly 150: any;
4116
+ readonly 200: any;
4117
+ readonly 300: any;
4118
+ readonly 400: any;
4119
+ readonly 600: any;
4120
+ readonly 800: any;
4121
+ readonly 1200: any;
4122
+ readonly 1600: any;
4123
+ readonly 'stacking-0': any;
4124
+ readonly 'stacking-100': any;
4125
+ readonly 'stacking-200': any;
4126
+ readonly 'stacking-300': any;
4127
+ readonly 'stacking-400': any;
4128
+ readonly 'stacking-500': any;
4129
+ readonly 'stacking-800': any;
4130
+ };
4131
+ 'stroke-width': {
4132
+ readonly thin: "1.5px";
4133
+ readonly normal: "2px";
4134
+ readonly bold: "4px";
4135
+ };
4136
+ 'z-indices': {
4137
+ readonly dropdownMenu: 100;
4138
+ readonly popover: 200;
4139
+ readonly tooltip: 300;
4140
+ };
4141
+ }, {
4142
+ readonly background: "colors";
4143
+ readonly backgroundColor: "colors";
4144
+ readonly backgroundImage: "colors";
4145
+ readonly blockSize: "sizes";
4146
+ readonly border: "colors";
4147
+ readonly borderBlock: "colors";
4148
+ readonly borderBlockEnd: "colors";
4149
+ readonly borderBlockStart: "colors";
4150
+ readonly borderBottom: "colors";
4151
+ readonly borderBottomColor: "colors";
4152
+ readonly borderBottomLeftRadius: "radii";
4153
+ readonly borderBottomRightRadius: "radii";
4154
+ readonly borderBottomStyle: "border-styles";
4155
+ readonly borderBottomWidth: "border-widths";
4156
+ readonly borderColor: "colors";
4157
+ readonly borderImage: "colors";
4158
+ readonly borderInline: "colors";
4159
+ readonly borderInlineEnd: "colors";
4160
+ readonly borderInlineStart: "colors";
4161
+ readonly borderLeft: "colors";
4162
+ readonly borderLeftColor: "colors";
4163
+ readonly borderLeftStyle: "border-styles";
4164
+ readonly borderLeftWidth: "border-widths";
4165
+ readonly borderRadius: "radii";
4166
+ readonly borderRight: "colors";
4167
+ readonly borderRightColor: "colors";
4168
+ readonly borderRightStyle: "border-styles";
4169
+ readonly borderRightWidth: "border-widths";
4170
+ readonly borderStyle: "border-styles";
4171
+ readonly borderTop: "colors";
4172
+ readonly borderTopColor: "colors";
4173
+ readonly borderTopLeftRadius: "radii";
4174
+ readonly borderTopRightRadius: "radii";
4175
+ readonly borderTopStyle: "border-styles";
4176
+ readonly borderTopWidth: "border-widths";
4177
+ readonly borderWidth: "border-widths";
4178
+ readonly bottom: "space";
4179
+ readonly boxShadow: "shadows";
4180
+ readonly caretColor: "colors";
4181
+ readonly color: "colors";
4182
+ readonly columnGap: "space-gap";
4183
+ readonly columnRuleColor: "colors";
4184
+ readonly fill: "colors";
4185
+ readonly flexBasis: "sizes";
4186
+ readonly fontFamily: "fonts";
4187
+ readonly fontSize: "font-sizes";
4188
+ readonly fontWeight: "font-weights";
4189
+ readonly gap: "space-gap";
4190
+ readonly gridColumnGap: "space-gap";
4191
+ readonly gridGap: "space-gap";
4192
+ readonly gridRowGap: "space-gap";
4193
+ readonly gridTemplateColumns: "sizes";
4194
+ readonly gridTemplateRows: "sizes";
4195
+ readonly height: "sizes";
4196
+ readonly inlineSize: "sizes";
4197
+ readonly inset: "space-inset";
4198
+ readonly insetBlock: "space-inset";
4199
+ readonly insetBlockEnd: "space-inset";
4200
+ readonly insetBlockStart: "space-inset";
4201
+ readonly insetInline: "space-inset";
4202
+ readonly insetInlineEnd: "space-inset";
4203
+ readonly insetInlineStart: "space-inset";
4204
+ readonly left: "space";
4205
+ readonly letterSpacing: "letter-spacings";
4206
+ readonly lineHeight: "line-heights";
4207
+ readonly margin: "space-offset";
4208
+ readonly marginBlock: "space-offset";
4209
+ readonly marginBlockEnd: "space-offset";
4210
+ readonly marginBlockStart: "space-offset";
4211
+ readonly marginBottom: "space-offset";
4212
+ readonly marginInline: "space-offset";
4213
+ readonly marginInlineEnd: "space-offset";
4214
+ readonly marginInlineStart: "space-offset";
4215
+ readonly marginLeft: "space-offset";
4216
+ readonly marginRight: "space-offset";
4217
+ readonly marginTop: "space-offset";
4218
+ readonly maxBlockSize: "sizes";
4219
+ readonly maxHeight: "sizes";
4220
+ readonly maxInlineSize: "sizes";
4221
+ readonly maxWidth: "sizes";
4222
+ readonly minBlockSize: "sizes";
4223
+ readonly minHeight: "sizes";
4224
+ readonly minInlineSize: "sizes";
4225
+ readonly minWidth: "sizes";
4226
+ readonly outline: "colors";
4227
+ readonly outlineColor: "colors";
4228
+ readonly padding: "space-inset";
4229
+ readonly paddingBlock: "space-inset";
4230
+ readonly paddingBlockEnd: "space-inset";
4231
+ readonly paddingBlockStart: "space-inset";
4232
+ readonly paddingBottom: "space-inset";
4233
+ readonly paddingInline: "space-inset";
4234
+ readonly paddingInlineEnd: "space-inset";
4235
+ readonly paddingInlineStart: "space-inset";
4236
+ readonly paddingLeft: "space-inset";
4237
+ readonly paddingRight: "space-inset";
4238
+ readonly paddingTop: "space-inset";
4239
+ readonly right: "space";
4240
+ readonly rowGap: "space-gap";
4241
+ readonly scrollMargin: "space-offset";
4242
+ readonly scrollMarginBlock: "space-offset";
4243
+ readonly scrollMarginBlockEnd: "space-offset";
4244
+ readonly scrollMarginBlockStart: "space-offset";
4245
+ readonly scrollMarginBottom: "space-offset";
4246
+ readonly scrollMarginInline: "space-offset";
4247
+ readonly scrollMarginInlineEnd: "space-offset";
4248
+ readonly scrollMarginInlineStart: "space-offset";
4249
+ readonly scrollMarginLeft: "space-offset";
4250
+ readonly scrollMarginRight: "space-offset";
4251
+ readonly scrollMarginTop: "space-offset";
4252
+ readonly scrollPadding: "space-inset";
4253
+ readonly scrollPaddingBlock: "space-inset";
4254
+ readonly scrollPaddingBlockEnd: "space-inset";
4255
+ readonly scrollPaddingBlockStart: "space-inset";
4256
+ readonly scrollPaddingBottom: "space-inset";
4257
+ readonly scrollPaddingInline: "space-inset";
4258
+ readonly scrollPaddingInlineEnd: "space-inset";
4259
+ readonly scrollPaddingInlineStart: "space-inset";
4260
+ readonly scrollPaddingLeft: "space-inset";
4261
+ readonly scrollPaddingRight: "space-inset";
4262
+ readonly scrollPaddingTop: "space-inset";
4263
+ readonly stroke: "colors";
4264
+ readonly strokeWidth: "stroke-width";
4265
+ readonly textDecorationColor: "colors";
4266
+ readonly textShadow: "shadows";
4267
+ readonly top: "space";
4268
+ readonly transition: "transitions";
4269
+ readonly width: "sizes";
4270
+ readonly zIndex: "z-indices";
4271
+ }, {
4272
+ paddingX: (value: {
4273
+ readonly [$$PropertyValue]: "padding";
4274
+ }) => {
4275
+ paddingLeft: {
4276
+ readonly [$$PropertyValue]: "padding";
4277
+ };
4278
+ paddingRight: {
4279
+ readonly [$$PropertyValue]: "padding";
4280
+ };
4281
+ };
4282
+ paddingY: (value: {
4283
+ readonly [$$PropertyValue]: "padding";
4284
+ }) => {
4285
+ paddingTop: {
4286
+ readonly [$$PropertyValue]: "padding";
4287
+ };
4288
+ paddingBottom: {
4289
+ readonly [$$PropertyValue]: "padding";
4290
+ };
4291
+ };
4292
+ marginX: (value: {
4293
+ readonly [$$PropertyValue]: "margin";
4294
+ }) => {
4295
+ marginLeft: {
4296
+ readonly [$$PropertyValue]: "margin";
4297
+ };
4298
+ marginRight: {
4299
+ readonly [$$PropertyValue]: "margin";
4300
+ };
4301
+ };
4302
+ marginY: (value: {
4303
+ readonly [$$PropertyValue]: "margin";
4304
+ }) => {
4305
+ marginTop: {
4306
+ readonly [$$PropertyValue]: "margin";
4307
+ };
4308
+ marginBottom: {
4309
+ readonly [$$PropertyValue]: "margin";
4310
+ };
4311
+ };
4312
+ square: (value: {
4313
+ readonly [$$PropertyValue]: "width";
4314
+ }) => {
4315
+ width: {
4316
+ readonly [$$PropertyValue]: "width";
4317
+ };
4318
+ height: {
4319
+ readonly [$$PropertyValue]: "width";
4320
+ };
4321
+ };
4322
+ }> | undefined;
4323
+ }> & {
4324
+ children?: react.ReactNode;
4325
+ } & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react.RefAttributes<HTMLDivElement>> & _mirohq_design_system_stitches.StitchesInternals<react.ForwardRefExoticComponent<_radix_ui_react_select.SelectSeparatorProps & react.RefAttributes<HTMLDivElement>>, {}, {}>;
4326
+ declare type StyledSeparatorProps = StrictComponentProps<typeof StyledSeparator>;
4327
+
4328
+ interface SeparatorProps extends StyledSeparatorProps {
4329
+ }
4330
+ declare const Separator: react__default.ForwardRefExoticComponent<Omit<SeparatorProps, "ref"> & react__default.RefAttributes<HTMLDivElement>>;
4331
+
4332
+ interface SelectProps extends StyledSelectProps {
4333
+ /**
4334
+ * The value of the select when initially rendered. Use when you do not need
4335
+ * to control the state of the select.
4336
+ */
4337
+ defaultValue?: string;
4338
+ /**
4339
+ * The controlled value of the select. Should be used in conjunction with
4340
+ * onValueChange.
4341
+ */
4342
+ value?: string;
4343
+ /**
4344
+ * Event handler called when the value changes.
4345
+ */
4346
+ onValueChange?: (value: string) => void;
4347
+ /**
4348
+ * The open state of the select when it is initially rendered. Use when you do
4349
+ * not need to control its open state.
4350
+ */
4351
+ defaultOpen?: boolean;
4352
+ /**
4353
+ * The controlled open state of the select. Must be used in conjunction with
4354
+ * onOpenChange.
4355
+ */
4356
+ open?: boolean;
4357
+ /**
4358
+ * Event handler called when the select opens.
4359
+ */
4360
+ onOpen?: () => void;
4361
+ /**
4362
+ * Event handler called when the select closes.
4363
+ */
4364
+ onClose?: () => void;
4365
+ /**
4366
+ * The reading direction of the select when applicable. If omitted, inherits
4367
+ * globally from DirectionProvider or assumes LTR (left-to-right) reading
4368
+ * mode.
4369
+ */
4370
+ direction?: 'ltr' | 'rtl';
4371
+ /**
4372
+ * The name of the select. Submitted with its owning form as part of a
4373
+ * name/value pair.
4374
+ */
4375
+ name?: string;
4376
+ /**
4377
+ * When true, prevents the user from interacting with select.
4378
+ */
4379
+ disabled?: boolean;
4380
+ /**
4381
+ * When true, indicates that the user must select a value before the owning
4382
+ * form can be submitted.
4383
+ */
4384
+ required?: boolean;
4385
+ }
4386
+ declare const Select: react__default.ForwardRefExoticComponent<SelectProps> & Partials;
4387
+ interface Partials {
4388
+ Content: typeof Content;
4389
+ Separator: typeof Separator;
4390
+ Label: typeof Label;
4391
+ Group: typeof Group;
4392
+ Item: typeof Item;
4393
+ Portal: typeof Portal;
4394
+ Trigger: typeof Trigger;
4395
+ Value: typeof Value;
4396
+ }
4397
+
4398
+ export { Select, SelectProps, types as SelectTypes };