@mirohq/design-system-combobox 0.1.0-combobox.2 → 0.1.0-combobox.4

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 +350 -70
  2. package/dist/main.js.map +1 -1
  3. package/dist/module.js +352 -73
  4. package/dist/module.js.map +1 -1
  5. package/dist/types.d.ts +1100 -546
  6. package/package.json +11 -13
package/dist/types.d.ts CHANGED
@@ -1,6 +1,7 @@
1
- import * as React from 'react';
2
- import React__default, { ReactNode } from 'react';
1
+ import * as react from 'react';
2
+ import react__default, { ReactNode, FC } from 'react';
3
3
  import * as packages_components_input_src_types from 'packages/components/input/src/types';
4
+ import * as _mirohq_design_system_input from '@mirohq/design-system-input';
4
5
  import { InputProps } from '@mirohq/design-system-input';
5
6
  import * as _mirohq_design_system_stitches from '@mirohq/design-system-stitches';
6
7
  import { StrictComponentProps } from '@mirohq/design-system-stitches';
@@ -9,13 +10,538 @@ import * as _stitches_react_types_css_util from '@stitches/react/types/css-util'
9
10
  import * as RadixPopover from '@radix-ui/react-popover';
10
11
  import { PopoverPortalProps } from '@radix-ui/react-popover';
11
12
  import * as _ariakit_react from '@ariakit/react';
13
+ import { GroupProps as GroupProps$1 } from '@ariakit/react';
14
+ import * as _mirohq_design_system_primitive from '@mirohq/design-system-primitive';
12
15
  import { FormElementProps } from '@mirohq/design-system-base-form';
13
16
 
14
- declare const Trigger: React__default.ForwardRefExoticComponent<(Omit<packages_components_input_src_types.InputSharedProps & packages_components_input_src_types.ClearProps & {
17
+ declare const StyledActionButton: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<_stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<Omit<_mirohq_design_system_input.InputActionButtonProps, "ref"> & react.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>, {}, {}, _stitches_react_types_css_util.CSS<{}, {
18
+ 'border-widths': {
19
+ readonly none: 0;
20
+ readonly sm: "1px";
21
+ readonly md: "2px";
22
+ readonly lg: "4px";
23
+ };
24
+ colors: {
25
+ readonly black: any;
26
+ readonly 'blue-50': any;
27
+ readonly 'blue-100': any;
28
+ readonly 'blue-150': any;
29
+ readonly 'blue-200': any;
30
+ readonly 'blue-250': any;
31
+ readonly 'blue-300': any;
32
+ readonly 'blue-350': any;
33
+ readonly 'blue-400': any;
34
+ readonly 'blue-450': any;
35
+ readonly 'blue-500': any;
36
+ readonly 'blue-550': any;
37
+ readonly 'blue-600': any;
38
+ readonly 'blue-650': any;
39
+ readonly 'blue-700': any;
40
+ readonly 'blue-750': any;
41
+ readonly 'blue-800': any;
42
+ readonly 'blue-850': any;
43
+ readonly 'blue-900': any;
44
+ readonly 'blue-950': any;
45
+ readonly 'gray-50': any;
46
+ readonly 'gray-100': any;
47
+ readonly 'gray-150': any;
48
+ readonly 'gray-200': any;
49
+ readonly 'gray-250': any;
50
+ readonly 'gray-300': any;
51
+ readonly 'gray-350': any;
52
+ readonly 'gray-400': any;
53
+ readonly 'gray-450': any;
54
+ readonly 'gray-500': any;
55
+ readonly 'gray-550': any;
56
+ readonly 'gray-600': any;
57
+ readonly 'gray-650': any;
58
+ readonly 'gray-700': any;
59
+ readonly 'gray-750': any;
60
+ readonly 'gray-800': any;
61
+ readonly 'gray-850': any;
62
+ readonly 'gray-900': any;
63
+ readonly 'gray-950': any;
64
+ readonly 'green-50': any;
65
+ readonly 'green-100': any;
66
+ readonly 'green-150': any;
67
+ readonly 'green-200': any;
68
+ readonly 'green-250': any;
69
+ readonly 'green-300': any;
70
+ readonly 'green-350': any;
71
+ readonly 'green-400': any;
72
+ readonly 'green-450': any;
73
+ readonly 'green-500': any;
74
+ readonly 'green-550': any;
75
+ readonly 'green-600': any;
76
+ readonly 'green-650': any;
77
+ readonly 'green-700': any;
78
+ readonly 'green-750': any;
79
+ readonly 'green-800': any;
80
+ readonly 'green-850': any;
81
+ readonly 'green-900': any;
82
+ readonly 'green-950': any;
83
+ readonly 'red-50': any;
84
+ readonly 'red-100': any;
85
+ readonly 'red-150': any;
86
+ readonly 'red-200': any;
87
+ readonly 'red-250': any;
88
+ readonly 'red-300': any;
89
+ readonly 'red-350': any;
90
+ readonly 'red-400': any;
91
+ readonly 'red-450': any;
92
+ readonly 'red-500': any;
93
+ readonly 'red-550': any;
94
+ readonly 'red-600': any;
95
+ readonly 'red-650': any;
96
+ readonly 'red-700': any;
97
+ readonly 'red-750': any;
98
+ readonly 'red-800': any;
99
+ readonly 'red-850': any;
100
+ readonly 'red-900': any;
101
+ readonly 'red-950': any;
102
+ readonly transparent: any;
103
+ readonly white: any;
104
+ readonly 'yellow-50': any;
105
+ readonly 'yellow-100': any;
106
+ readonly 'yellow-150': any;
107
+ readonly 'yellow-200': any;
108
+ readonly 'yellow-250': any;
109
+ readonly 'yellow-300': any;
110
+ readonly 'yellow-350': any;
111
+ readonly 'yellow-400': any;
112
+ readonly 'yellow-450': any;
113
+ readonly 'yellow-500': any;
114
+ readonly 'yellow-550': any;
115
+ readonly 'yellow-600': any;
116
+ readonly 'yellow-650': any;
117
+ readonly 'yellow-700': any;
118
+ readonly 'yellow-750': any;
119
+ readonly 'yellow-800': any;
120
+ readonly 'yellow-850': any;
121
+ readonly 'yellow-900': any;
122
+ readonly 'yellow-950': any;
123
+ "background-alpha-active"?: any;
124
+ "background-alpha-hover"?: any;
125
+ "background-danger-prominent"?: any;
126
+ "background-danger-prominent-active"?: any;
127
+ "background-danger-prominent-hover"?: any;
128
+ "background-danger-subtle"?: any;
129
+ "background-danger-subtle-active"?: any;
130
+ "background-danger-subtle-hover"?: any;
131
+ "background-neutrals"?: any;
132
+ "background-neutrals-active"?: any;
133
+ "background-neutrals-container"?: any;
134
+ "background-neutrals-controls-disabled"?: any;
135
+ "background-neutrals-disabled"?: any;
136
+ "background-neutrals-hover"?: any;
137
+ "background-neutrals-inactive"?: any;
138
+ "background-neutrals-inactive-hover"?: any;
139
+ "background-neutrals-inverted"?: any;
140
+ "background-neutrals-inverted-subtle"?: any;
141
+ "background-neutrals-page"?: any;
142
+ "background-neutrals-page-subtle"?: any;
143
+ "background-neutrals-scrollbar"?: any;
144
+ "background-neutrals-scrollbar-active"?: any;
145
+ "background-neutrals-scrollbar-hover"?: any;
146
+ "background-neutrals-subtle"?: any;
147
+ "background-neutrals-subtle-active"?: any;
148
+ "background-neutrals-subtle-hover"?: any;
149
+ "background-primary-prominent"?: any;
150
+ "background-primary-prominent-active"?: any;
151
+ "background-primary-prominent-hover"?: any;
152
+ "background-primary-prominent-selected"?: any;
153
+ "background-primary-subtle"?: any;
154
+ "background-primary-subtle-active"?: any;
155
+ "background-primary-subtle-hover"?: any;
156
+ "background-primary-subtle-selected"?: any;
157
+ "background-success"?: any;
158
+ "background-success-prominent"?: any;
159
+ "background-success-prominent-active"?: any;
160
+ "background-success-prominent-hover"?: any;
161
+ "background-warning-prominent"?: any;
162
+ "background-warning-subtle"?: any;
163
+ "border-danger"?: any;
164
+ "border-danger-active"?: any;
165
+ "border-danger-hover"?: any;
166
+ "border-focus-error-inner"?: any;
167
+ "border-focus-error-middle"?: any;
168
+ "border-focus-error-outer"?: any;
169
+ "border-focus-inner"?: any;
170
+ "border-focus-middle"?: any;
171
+ "border-focus-outer"?: any;
172
+ "border-focus-success-inner"?: any;
173
+ "border-focus-success-middle"?: any;
174
+ "border-focus-success-outer"?: any;
175
+ "border-neutrals"?: any;
176
+ "border-neutrals-active"?: any;
177
+ "border-neutrals-controls"?: any;
178
+ "border-neutrals-controls-disabled"?: any;
179
+ "border-neutrals-disabled"?: any;
180
+ "border-neutrals-hover"?: any;
181
+ "border-neutrals-inverted"?: any;
182
+ "border-neutrals-subtle"?: any;
183
+ "border-neutrals-text"?: any;
184
+ "border-neutrals-text-active"?: any;
185
+ "border-neutrals-text-hover"?: any;
186
+ "border-neutrals-text-subtle"?: any;
187
+ "border-neutrals-text-subtle-active"?: any;
188
+ "border-neutrals-text-subtle-hover"?: any;
189
+ "border-neutrals-transparent"?: any;
190
+ "border-primary"?: any;
191
+ "border-primary-active"?: any;
192
+ "border-primary-hover"?: any;
193
+ "border-primary-inverted"?: any;
194
+ "border-success"?: any;
195
+ "border-success-active"?: any;
196
+ "border-success-hover"?: any;
197
+ "border-warning"?: any;
198
+ "icon-danger"?: any;
199
+ "icon-danger-active"?: any;
200
+ "icon-danger-hover"?: any;
201
+ "icon-danger-inverted"?: any;
202
+ "icon-neutrals"?: any;
203
+ "icon-neutrals-disabled"?: any;
204
+ "icon-neutrals-inactive"?: any;
205
+ "icon-neutrals-inactive-hover"?: any;
206
+ "icon-neutrals-inverted"?: any;
207
+ "icon-neutrals-search"?: any;
208
+ "icon-neutrals-subtle"?: any;
209
+ "icon-neutrals-text"?: any;
210
+ "icon-primary"?: any;
211
+ "icon-primary-active"?: any;
212
+ "icon-primary-hover"?: any;
213
+ "icon-primary-inverted"?: any;
214
+ "icon-primary-selected"?: any;
215
+ "icon-success"?: any;
216
+ "icon-success-active"?: any;
217
+ "icon-success-hover"?: any;
218
+ "icon-success-inverted"?: any;
219
+ "icon-warning"?: any;
220
+ "icon-warning-prominent"?: any;
221
+ "icon-warning-subtle"?: any;
222
+ "text-danger"?: any;
223
+ "text-danger-active"?: any;
224
+ "text-danger-hover"?: any;
225
+ "text-danger-inverted"?: any;
226
+ "text-neutrals"?: any;
227
+ "text-neutrals-active"?: any;
228
+ "text-neutrals-disabled"?: any;
229
+ "text-neutrals-hover"?: any;
230
+ "text-neutrals-inverted"?: any;
231
+ "text-neutrals-placeholder"?: any;
232
+ "text-neutrals-placeholder-only"?: any;
233
+ "text-neutrals-subtle"?: any;
234
+ "text-neutrals-subtle-active"?: any;
235
+ "text-neutrals-subtle-hover"?: any;
236
+ "text-primary"?: any;
237
+ "text-primary-active"?: any;
238
+ "text-primary-hover"?: any;
239
+ "text-primary-inverted"?: any;
240
+ "text-primary-inverted-subtle"?: any;
241
+ "text-primary-selected"?: any;
242
+ "text-success"?: any;
243
+ "text-success-active"?: any;
244
+ "text-success-hover"?: any;
245
+ "text-success-inverted"?: any;
246
+ "text-warning"?: any;
247
+ "text-warning-subtle"?: any;
248
+ };
249
+ 'font-sizes': {
250
+ readonly 125: "0.625rem";
251
+ readonly 150: "0.75rem";
252
+ readonly 175: "0.875rem";
253
+ readonly 200: "1rem";
254
+ readonly 225: "1.125rem";
255
+ readonly 250: "1.25rem";
256
+ readonly 300: "1.5rem";
257
+ readonly 400: "2rem";
258
+ readonly 500: "2.5rem";
259
+ readonly 600: "3rem";
260
+ readonly 800: "4rem";
261
+ readonly 900: "4.5rem";
262
+ };
263
+ fonts: {
264
+ readonly heading: "Roobert, sans-serif";
265
+ readonly body: "Open Sans, sans-serif";
266
+ };
267
+ radii: {
268
+ readonly 0: "0px";
269
+ readonly 25: "2px";
270
+ readonly 50: "4px";
271
+ readonly 75: "6px";
272
+ readonly 100: "8px";
273
+ readonly 200: "16px";
274
+ readonly round: "999px";
275
+ };
276
+ shadows: {
277
+ 100: any;
278
+ 50: any;
279
+ "focus-small": any;
280
+ "focus-small-outline": any;
281
+ "focus-large": any;
282
+ "focus-controls": any;
283
+ "focus-controls-error": any;
284
+ "focus-controls-success": any;
285
+ };
286
+ sizes: {
287
+ readonly number: string;
288
+ readonly 'icon-200': "16px";
289
+ readonly 'icon-300': "24px";
290
+ readonly 'icon-400': "32px";
291
+ };
292
+ space: {
293
+ readonly 0: "0px";
294
+ readonly 25: "2px";
295
+ readonly 50: "4px";
296
+ readonly 100: "8px";
297
+ readonly 150: "12px";
298
+ readonly 200: "16px";
299
+ readonly 300: "24px";
300
+ readonly 400: "32px";
301
+ readonly 500: "40px";
302
+ readonly 600: "48px";
303
+ readonly 700: "56px";
304
+ readonly 800: "64px";
305
+ readonly 1200: "96px";
306
+ readonly 1600: "128px";
307
+ };
308
+ 'stroke-width': {
309
+ readonly thin: "1.5px";
310
+ readonly normal: "2px";
311
+ readonly bold: "4px";
312
+ };
313
+ 'z-indices': {
314
+ readonly dropdownMenu: 100;
315
+ readonly select: 200;
316
+ readonly popover: 300;
317
+ readonly tooltip: 400;
318
+ };
319
+ }, {
320
+ readonly background: "colors";
321
+ readonly backgroundColor: "colors";
322
+ readonly backgroundImage: "colors";
323
+ readonly blockSize: "sizes";
324
+ readonly border: "colors";
325
+ readonly borderBlock: "colors";
326
+ readonly borderBlockEnd: "colors";
327
+ readonly borderBlockStart: "colors";
328
+ readonly borderBottom: "colors";
329
+ readonly borderBottomColor: "colors";
330
+ readonly borderBottomLeftRadius: "radii";
331
+ readonly borderBottomRightRadius: "radii";
332
+ readonly borderBottomStyle: "border-styles";
333
+ readonly borderBottomWidth: "border-widths";
334
+ readonly borderColor: "colors";
335
+ readonly borderImage: "colors";
336
+ readonly borderInline: "colors";
337
+ readonly borderInlineEnd: "colors";
338
+ readonly borderInlineStart: "colors";
339
+ readonly borderLeft: "colors";
340
+ readonly borderLeftColor: "colors";
341
+ readonly borderLeftStyle: "border-styles";
342
+ readonly borderLeftWidth: "border-widths";
343
+ readonly borderRadius: "radii";
344
+ readonly borderRight: "colors";
345
+ readonly borderRightColor: "colors";
346
+ readonly borderRightStyle: "border-styles";
347
+ readonly borderRightWidth: "border-widths";
348
+ readonly borderSpacing: "space";
349
+ readonly borderStyle: "border-styles";
350
+ readonly borderTop: "colors";
351
+ readonly borderTopColor: "colors";
352
+ readonly borderTopLeftRadius: "radii";
353
+ readonly borderTopRightRadius: "radii";
354
+ readonly borderTopStyle: "border-styles";
355
+ readonly borderTopWidth: "border-widths";
356
+ readonly borderWidth: "border-widths";
357
+ readonly bottom: "space";
358
+ readonly boxShadow: "shadows";
359
+ readonly caretColor: "colors";
360
+ readonly color: "colors";
361
+ readonly columnGap: "space";
362
+ readonly columnRuleColor: "colors";
363
+ readonly fill: "colors";
364
+ readonly flexBasis: "sizes";
365
+ readonly fontFamily: "fonts";
366
+ readonly fontSize: "font-sizes";
367
+ readonly fontWeight: "font-weights";
368
+ readonly gap: "space";
369
+ readonly gridColumnGap: "space";
370
+ readonly gridGap: "space";
371
+ readonly gridRowGap: "space";
372
+ readonly gridTemplateColumns: "sizes";
373
+ readonly gridTemplateRows: "sizes";
374
+ readonly height: "sizes";
375
+ readonly inlineSize: "sizes";
376
+ readonly inset: "space";
377
+ readonly insetBlock: "space";
378
+ readonly insetBlockEnd: "space";
379
+ readonly insetBlockStart: "space";
380
+ readonly insetInline: "space";
381
+ readonly insetInlineEnd: "space";
382
+ readonly insetInlineStart: "space";
383
+ readonly left: "space";
384
+ readonly letterSpacing: "letter-spacings";
385
+ readonly lineHeight: "line-heights";
386
+ readonly margin: "space";
387
+ readonly marginBlock: "space";
388
+ readonly marginBlockEnd: "space";
389
+ readonly marginBlockStart: "space";
390
+ readonly marginBottom: "space";
391
+ readonly marginInline: "space";
392
+ readonly marginInlineEnd: "space";
393
+ readonly marginInlineStart: "space";
394
+ readonly marginLeft: "space";
395
+ readonly marginRight: "space";
396
+ readonly marginTop: "space";
397
+ readonly maxBlockSize: "sizes";
398
+ readonly maxHeight: "sizes";
399
+ readonly maxInlineSize: "sizes";
400
+ readonly maxWidth: "sizes";
401
+ readonly minBlockSize: "sizes";
402
+ readonly minHeight: "sizes";
403
+ readonly minInlineSize: "sizes";
404
+ readonly minWidth: "sizes";
405
+ readonly outline: "colors";
406
+ readonly outlineColor: "colors";
407
+ readonly padding: "space";
408
+ readonly paddingBlock: "space";
409
+ readonly paddingBlockEnd: "space";
410
+ readonly paddingBlockStart: "space";
411
+ readonly paddingBottom: "space";
412
+ readonly paddingInline: "space";
413
+ readonly paddingInlineEnd: "space";
414
+ readonly paddingInlineStart: "space";
415
+ readonly paddingLeft: "space";
416
+ readonly paddingRight: "space";
417
+ readonly paddingTop: "space";
418
+ readonly right: "space";
419
+ readonly rowGap: "space";
420
+ readonly scrollMargin: "space";
421
+ readonly scrollMarginBlock: "space";
422
+ readonly scrollMarginBlockEnd: "space";
423
+ readonly scrollMarginBlockStart: "space";
424
+ readonly scrollMarginBottom: "space";
425
+ readonly scrollMarginInline: "space";
426
+ readonly scrollMarginInlineEnd: "space";
427
+ readonly scrollMarginInlineStart: "space";
428
+ readonly scrollMarginLeft: "space";
429
+ readonly scrollMarginRight: "space";
430
+ readonly scrollMarginTop: "space";
431
+ readonly scrollPadding: "space";
432
+ readonly scrollPaddingBlock: "space";
433
+ readonly scrollPaddingBlockEnd: "space";
434
+ readonly scrollPaddingBlockStart: "space";
435
+ readonly scrollPaddingBottom: "space";
436
+ readonly scrollPaddingInline: "space";
437
+ readonly scrollPaddingInlineEnd: "space";
438
+ readonly scrollPaddingInlineStart: "space";
439
+ readonly scrollPaddingLeft: "space";
440
+ readonly scrollPaddingRight: "space";
441
+ readonly scrollPaddingTop: "space";
442
+ readonly stroke: "colors";
443
+ readonly strokeWidth: "stroke-width";
444
+ readonly textDecorationColor: "colors";
445
+ readonly textShadow: "shadows";
446
+ readonly top: "space";
447
+ readonly transition: "transitions";
448
+ readonly width: "sizes";
449
+ readonly zIndex: "z-indices";
450
+ }, {
451
+ paddingX: (value: {
452
+ readonly [$$PropertyValue]: "padding";
453
+ }) => {
454
+ paddingLeft: {
455
+ readonly [$$PropertyValue]: "padding";
456
+ };
457
+ paddingRight: {
458
+ readonly [$$PropertyValue]: "padding";
459
+ };
460
+ };
461
+ paddingY: (value: {
462
+ readonly [$$PropertyValue]: "padding";
463
+ }) => {
464
+ paddingTop: {
465
+ readonly [$$PropertyValue]: "padding";
466
+ };
467
+ paddingBottom: {
468
+ readonly [$$PropertyValue]: "padding";
469
+ };
470
+ };
471
+ marginX: (value: {
472
+ readonly [$$PropertyValue]: "margin";
473
+ }) => {
474
+ marginLeft: {
475
+ readonly [$$PropertyValue]: "margin";
476
+ };
477
+ marginRight: {
478
+ readonly [$$PropertyValue]: "margin";
479
+ };
480
+ };
481
+ marginY: (value: {
482
+ readonly [$$PropertyValue]: "margin";
483
+ }) => {
484
+ marginTop: {
485
+ readonly [$$PropertyValue]: "margin";
486
+ };
487
+ marginBottom: {
488
+ readonly [$$PropertyValue]: "margin";
489
+ };
490
+ };
491
+ square: (value: {
492
+ readonly [$$PropertyValue]: "width";
493
+ }) => {
494
+ width: {
495
+ readonly [$$PropertyValue]: "width";
496
+ };
497
+ height: {
498
+ readonly [$$PropertyValue]: "width";
499
+ };
500
+ };
501
+ _hover: (css: _stitches_react_types_css_util.CSSProperties) => {
502
+ '&:hover, &[data-hovered]': _stitches_react_types_css_util.CSSProperties;
503
+ };
504
+ }>>>, "size"> & _stitches_react_types_styled_component.TransformProps<{
505
+ size?: "large" | "x-large" | undefined;
506
+ }, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react.RefAttributes<HTMLAnchorElement | HTMLButtonElement>> & _mirohq_design_system_stitches.StitchesInternals<react.ForwardRefExoticComponent<Omit<_mirohq_design_system_input.InputActionButtonProps, "ref"> & react.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>, {
507
+ size?: "large" | "x-large" | undefined;
508
+ }, {}>;
509
+ declare type StyledActionButtonProps = StrictComponentProps<typeof StyledActionButton>;
510
+
511
+ declare type TriggerActionButtonProps = Omit<StyledActionButtonProps, 'label'> & {
512
+ /**
513
+ * The label text for Trigger's action button when Combobox is empty. Open/Close action will be performed.
514
+ * Will be rendered in a Tooltip.
515
+ */
516
+ openActionLabel: string;
517
+ /**
518
+ * The label text for Trigger's action button when Combobox has values selected. Clear Combobox values action
519
+ * will be performed. Will be rendered in a Tooltip.
520
+ */
521
+ clearActionLabel: string;
522
+ };
523
+
524
+ declare type TriggerProps = InputProps & Pick<TriggerActionButtonProps, 'openActionLabel' | 'clearActionLabel'> & {
15
525
  /**
16
526
  * The content.
17
527
  */
18
- children?: React__default.ReactNode;
528
+ children?: react__default.ReactNode;
529
+ /**
530
+ * The size of the trigger.
531
+ * @default 'large'
532
+ */
533
+ size?: InputProps['size'];
534
+ /**
535
+ * The content that will be rendered inside the Combobox.Trigger when no value or
536
+ * defaultValue is set.
537
+ */
538
+ placeholder?: string;
539
+ };
540
+ declare const Trigger: react__default.ForwardRefExoticComponent<(Omit<packages_components_input_src_types.InputSharedProps & packages_components_input_src_types.ClearProps & Pick<TriggerActionButtonProps, "openActionLabel" | "clearActionLabel"> & {
541
+ /**
542
+ * The content.
543
+ */
544
+ children?: react__default.ReactNode;
19
545
  /**
20
546
  * The size of the trigger.
21
547
  * @default 'large'
@@ -28,11 +554,11 @@ declare const Trigger: React__default.ForwardRefExoticComponent<(Omit<packages_c
28
554
  placeholder?: string | undefined;
29
555
  }, "ref"> | Omit<packages_components_input_src_types.InputSharedProps & {
30
556
  clearable?: undefined;
31
- } & {
557
+ } & Pick<TriggerActionButtonProps, "openActionLabel" | "clearActionLabel"> & {
32
558
  /**
33
559
  * The content.
34
560
  */
35
- children?: React__default.ReactNode;
561
+ children?: react__default.ReactNode;
36
562
  /**
37
563
  * The size of the trigger.
38
564
  * @default 'large'
@@ -43,9 +569,9 @@ declare const Trigger: React__default.ForwardRefExoticComponent<(Omit<packages_c
43
569
  * defaultValue is set.
44
570
  */
45
571
  placeholder?: string | undefined;
46
- }, "ref">) & React__default.RefAttributes<HTMLInputElement>>;
572
+ }, "ref">) & react__default.RefAttributes<HTMLInputElement>>;
47
573
 
48
- declare const StyledContent: React.ForwardRefExoticComponent<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<_stitches_react_types_styled_component.StyledComponent<React.ForwardRefExoticComponent<RadixPopover.PopoverContentProps & React.RefAttributes<HTMLDivElement>>, {}, {}, _stitches_react_types_css_util.CSS<{}, {
574
+ declare const StyledContent: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<_stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<RadixPopover.PopoverContentProps & react.RefAttributes<HTMLDivElement>>, {}, {}, _stitches_react_types_css_util.CSS<{}, {
49
575
  'border-widths': {
50
576
  readonly none: 0;
51
577
  readonly sm: "1px";
@@ -54,63 +580,103 @@ declare const StyledContent: React.ForwardRefExoticComponent<Omit<Omit<_mirohq_d
54
580
  };
55
581
  colors: {
56
582
  readonly black: any;
583
+ readonly 'blue-50': any;
57
584
  readonly 'blue-100': any;
585
+ readonly 'blue-150': any;
58
586
  readonly 'blue-200': any;
587
+ readonly 'blue-250': any;
59
588
  readonly 'blue-300': any;
589
+ readonly 'blue-350': any;
60
590
  readonly 'blue-400': any;
591
+ readonly 'blue-450': any;
61
592
  readonly 'blue-500': any;
593
+ readonly 'blue-550': any;
62
594
  readonly 'blue-600': any;
595
+ readonly 'blue-650': any;
63
596
  readonly 'blue-700': any;
597
+ readonly 'blue-750': any;
64
598
  readonly 'blue-800': any;
599
+ readonly 'blue-850': any;
65
600
  readonly 'blue-900': any;
66
- readonly 'blue-1000': any;
601
+ readonly 'blue-950': any;
602
+ readonly 'gray-50': any;
67
603
  readonly 'gray-100': any;
604
+ readonly 'gray-150': any;
68
605
  readonly 'gray-200': any;
606
+ readonly 'gray-250': any;
69
607
  readonly 'gray-300': any;
608
+ readonly 'gray-350': any;
70
609
  readonly 'gray-400': any;
610
+ readonly 'gray-450': any;
71
611
  readonly 'gray-500': any;
612
+ readonly 'gray-550': any;
72
613
  readonly 'gray-600': any;
614
+ readonly 'gray-650': any;
73
615
  readonly 'gray-700': any;
616
+ readonly 'gray-750': any;
74
617
  readonly 'gray-800': any;
618
+ readonly 'gray-850': any;
75
619
  readonly 'gray-900': any;
620
+ readonly 'gray-950': any;
621
+ readonly 'green-50': any;
76
622
  readonly 'green-100': any;
623
+ readonly 'green-150': any;
77
624
  readonly 'green-200': any;
625
+ readonly 'green-250': any;
78
626
  readonly 'green-300': any;
627
+ readonly 'green-350': any;
79
628
  readonly 'green-400': any;
629
+ readonly 'green-450': any;
80
630
  readonly 'green-500': any;
631
+ readonly 'green-550': any;
81
632
  readonly 'green-600': any;
633
+ readonly 'green-650': any;
82
634
  readonly 'green-700': any;
635
+ readonly 'green-750': any;
83
636
  readonly 'green-800': any;
637
+ readonly 'green-850': any;
84
638
  readonly 'green-900': any;
85
- readonly 'indigo-100': any;
86
- readonly 'indigo-200': any;
87
- readonly 'indigo-300': any;
88
- readonly 'indigo-400': any;
89
- readonly 'indigo-500': any;
90
- readonly 'indigo-600': any;
91
- readonly 'indigo-700': any;
92
- readonly 'indigo-800': any;
93
- readonly 'indigo-900': any;
639
+ readonly 'green-950': any;
640
+ readonly 'red-50': any;
94
641
  readonly 'red-100': any;
642
+ readonly 'red-150': any;
95
643
  readonly 'red-200': any;
644
+ readonly 'red-250': any;
96
645
  readonly 'red-300': any;
646
+ readonly 'red-350': any;
97
647
  readonly 'red-400': any;
648
+ readonly 'red-450': any;
98
649
  readonly 'red-500': any;
650
+ readonly 'red-550': any;
99
651
  readonly 'red-600': any;
652
+ readonly 'red-650': any;
100
653
  readonly 'red-700': any;
654
+ readonly 'red-750': any;
101
655
  readonly 'red-800': any;
656
+ readonly 'red-850': any;
102
657
  readonly 'red-900': any;
658
+ readonly 'red-950': any;
103
659
  readonly transparent: any;
104
660
  readonly white: any;
661
+ readonly 'yellow-50': any;
105
662
  readonly 'yellow-100': any;
663
+ readonly 'yellow-150': any;
106
664
  readonly 'yellow-200': any;
665
+ readonly 'yellow-250': any;
107
666
  readonly 'yellow-300': any;
667
+ readonly 'yellow-350': any;
108
668
  readonly 'yellow-400': any;
669
+ readonly 'yellow-450': any;
109
670
  readonly 'yellow-500': any;
671
+ readonly 'yellow-550': any;
110
672
  readonly 'yellow-600': any;
673
+ readonly 'yellow-650': any;
111
674
  readonly 'yellow-700': any;
675
+ readonly 'yellow-750': any;
112
676
  readonly 'yellow-800': any;
677
+ readonly 'yellow-850': any;
113
678
  readonly 'yellow-900': any;
679
+ readonly 'yellow-950': any;
114
680
  "background-alpha-active"?: any;
115
681
  "background-alpha-hover"?: any;
116
682
  "background-danger-prominent"?: any;
@@ -131,27 +697,19 @@ declare const StyledContent: React.ForwardRefExoticComponent<Omit<Omit<_mirohq_d
131
697
  "background-neutrals-inverted-subtle"?: any;
132
698
  "background-neutrals-page"?: any;
133
699
  "background-neutrals-page-subtle"?: any;
134
- "background-neutrals-scrolls"?: any;
135
- "background-neutrals-scrolls-expanded"?: any;
136
- "background-neutrals-scrolls-hover"?: any;
137
- "background-neutrals-scrolls-pressed"?: any;
138
- "background-neutrals-scrolls-pressed-hover"?: any;
700
+ "background-neutrals-scrollbar"?: any;
701
+ "background-neutrals-scrollbar-active"?: any;
702
+ "background-neutrals-scrollbar-hover"?: any;
139
703
  "background-neutrals-subtle"?: any;
140
704
  "background-neutrals-subtle-active"?: any;
141
705
  "background-neutrals-subtle-hover"?: any;
142
706
  "background-primary-prominent"?: any;
143
707
  "background-primary-prominent-active"?: any;
144
- "background-primary-prominent-expanded"?: any;
145
708
  "background-primary-prominent-hover"?: any;
146
- "background-primary-prominent-pressed"?: any;
147
- "background-primary-prominent-pressed-hover"?: any;
148
709
  "background-primary-prominent-selected"?: any;
149
710
  "background-primary-subtle"?: any;
150
711
  "background-primary-subtle-active"?: any;
151
- "background-primary-subtle-expanded"?: any;
152
712
  "background-primary-subtle-hover"?: any;
153
- "background-primary-subtle-pressed"?: any;
154
- "background-primary-subtle-pressed-hover"?: any;
155
713
  "background-primary-subtle-selected"?: any;
156
714
  "background-success"?: any;
157
715
  "background-success-prominent"?: any;
@@ -162,9 +720,15 @@ declare const StyledContent: React.ForwardRefExoticComponent<Omit<Omit<_mirohq_d
162
720
  "border-danger"?: any;
163
721
  "border-danger-active"?: any;
164
722
  "border-danger-hover"?: any;
723
+ "border-focus-error-inner"?: any;
724
+ "border-focus-error-middle"?: any;
725
+ "border-focus-error-outer"?: any;
165
726
  "border-focus-inner"?: any;
166
727
  "border-focus-middle"?: any;
167
728
  "border-focus-outer"?: any;
729
+ "border-focus-success-inner"?: any;
730
+ "border-focus-success-middle"?: any;
731
+ "border-focus-success-outer"?: any;
168
732
  "border-neutrals"?: any;
169
733
  "border-neutrals-active"?: any;
170
734
  "border-neutrals-controls"?: any;
@@ -240,6 +804,7 @@ declare const StyledContent: React.ForwardRefExoticComponent<Omit<Omit<_mirohq_d
240
804
  "text-warning-subtle"?: any;
241
805
  };
242
806
  'font-sizes': {
807
+ readonly 125: "0.625rem";
243
808
  readonly 150: "0.75rem";
244
809
  readonly 175: "0.875rem";
245
810
  readonly 200: "1rem";
@@ -257,21 +822,23 @@ declare const StyledContent: React.ForwardRefExoticComponent<Omit<Omit<_mirohq_d
257
822
  readonly body: "Open Sans, sans-serif";
258
823
  };
259
824
  radii: {
260
- readonly none: 0;
261
- readonly half: "999em";
825
+ readonly 0: "0px";
262
826
  readonly 25: "2px";
263
827
  readonly 50: "4px";
264
828
  readonly 75: "6px";
265
829
  readonly 100: "8px";
266
830
  readonly 200: "16px";
831
+ readonly round: "999px";
267
832
  };
268
833
  shadows: {
269
- 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";
270
- 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";
271
- 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";
272
- 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";
273
- readonly 'focus-controls-error': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-danger, 0 0 0 5px $colors$background-danger-subtle-hover";
274
- readonly 'focus-controls-success': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$background-success-prominent, 0 0 0 5px $colors$background-success";
834
+ 100: any;
835
+ 50: any;
836
+ "focus-small": any;
837
+ "focus-small-outline": any;
838
+ "focus-large": any;
839
+ "focus-controls": any;
840
+ "focus-controls-error": any;
841
+ "focus-controls-success": any;
275
842
  };
276
843
  sizes: {
277
844
  readonly number: string;
@@ -295,48 +862,6 @@ declare const StyledContent: React.ForwardRefExoticComponent<Omit<Omit<_mirohq_d
295
862
  readonly 1200: "96px";
296
863
  readonly 1600: "128px";
297
864
  };
298
- 'space-gap': {
299
- readonly 0: any;
300
- readonly 50: any;
301
- readonly 100: any;
302
- readonly 200: any;
303
- readonly 300: any;
304
- };
305
- 'space-inset': {
306
- readonly 0: any;
307
- readonly 50: any;
308
- readonly 100: any;
309
- readonly 150: any;
310
- readonly 200: any;
311
- readonly 300: any;
312
- readonly 400: any;
313
- readonly 500: any;
314
- readonly 600: any;
315
- readonly 700: any;
316
- readonly 800: any;
317
- readonly 1200: any;
318
- readonly 1600: any;
319
- };
320
- 'space-offset': {
321
- readonly 0: any;
322
- readonly 50: any;
323
- readonly 100: any;
324
- readonly 150: any;
325
- readonly 200: any;
326
- readonly 300: any;
327
- readonly 400: any;
328
- readonly 600: any;
329
- readonly 800: any;
330
- readonly 1200: any;
331
- readonly 1600: any;
332
- readonly 'stacking-0': any;
333
- readonly 'stacking-100': any;
334
- readonly 'stacking-200': any;
335
- readonly 'stacking-300': any;
336
- readonly 'stacking-400': any;
337
- readonly 'stacking-500': any;
338
- readonly 'stacking-800': any;
339
- };
340
865
  'stroke-width': {
341
866
  readonly thin: "1.5px";
342
867
  readonly normal: "2px";
@@ -377,7 +902,7 @@ declare const StyledContent: React.ForwardRefExoticComponent<Omit<Omit<_mirohq_d
377
902
  readonly borderRightColor: "colors";
378
903
  readonly borderRightStyle: "border-styles";
379
904
  readonly borderRightWidth: "border-widths";
380
- readonly borderSpacing: "space-offset";
905
+ readonly borderSpacing: "space";
381
906
  readonly borderStyle: "border-styles";
382
907
  readonly borderTop: "colors";
383
908
  readonly borderTopColor: "colors";
@@ -390,42 +915,42 @@ declare const StyledContent: React.ForwardRefExoticComponent<Omit<Omit<_mirohq_d
390
915
  readonly boxShadow: "shadows";
391
916
  readonly caretColor: "colors";
392
917
  readonly color: "colors";
393
- readonly columnGap: "space-gap";
918
+ readonly columnGap: "space";
394
919
  readonly columnRuleColor: "colors";
395
920
  readonly fill: "colors";
396
921
  readonly flexBasis: "sizes";
397
922
  readonly fontFamily: "fonts";
398
923
  readonly fontSize: "font-sizes";
399
924
  readonly fontWeight: "font-weights";
400
- readonly gap: "space-gap";
401
- readonly gridColumnGap: "space-gap";
402
- readonly gridGap: "space-gap";
403
- readonly gridRowGap: "space-gap";
925
+ readonly gap: "space";
926
+ readonly gridColumnGap: "space";
927
+ readonly gridGap: "space";
928
+ readonly gridRowGap: "space";
404
929
  readonly gridTemplateColumns: "sizes";
405
930
  readonly gridTemplateRows: "sizes";
406
931
  readonly height: "sizes";
407
932
  readonly inlineSize: "sizes";
408
- readonly inset: "space-inset";
409
- readonly insetBlock: "space-inset";
410
- readonly insetBlockEnd: "space-inset";
411
- readonly insetBlockStart: "space-inset";
412
- readonly insetInline: "space-inset";
413
- readonly insetInlineEnd: "space-inset";
414
- readonly insetInlineStart: "space-inset";
933
+ readonly inset: "space";
934
+ readonly insetBlock: "space";
935
+ readonly insetBlockEnd: "space";
936
+ readonly insetBlockStart: "space";
937
+ readonly insetInline: "space";
938
+ readonly insetInlineEnd: "space";
939
+ readonly insetInlineStart: "space";
415
940
  readonly left: "space";
416
941
  readonly letterSpacing: "letter-spacings";
417
942
  readonly lineHeight: "line-heights";
418
- readonly margin: "space-offset";
419
- readonly marginBlock: "space-offset";
420
- readonly marginBlockEnd: "space-offset";
421
- readonly marginBlockStart: "space-offset";
422
- readonly marginBottom: "space-offset";
423
- readonly marginInline: "space-offset";
424
- readonly marginInlineEnd: "space-offset";
425
- readonly marginInlineStart: "space-offset";
426
- readonly marginLeft: "space-offset";
427
- readonly marginRight: "space-offset";
428
- readonly marginTop: "space-offset";
943
+ readonly margin: "space";
944
+ readonly marginBlock: "space";
945
+ readonly marginBlockEnd: "space";
946
+ readonly marginBlockStart: "space";
947
+ readonly marginBottom: "space";
948
+ readonly marginInline: "space";
949
+ readonly marginInlineEnd: "space";
950
+ readonly marginInlineStart: "space";
951
+ readonly marginLeft: "space";
952
+ readonly marginRight: "space";
953
+ readonly marginTop: "space";
429
954
  readonly maxBlockSize: "sizes";
430
955
  readonly maxHeight: "sizes";
431
956
  readonly maxInlineSize: "sizes";
@@ -436,41 +961,41 @@ declare const StyledContent: React.ForwardRefExoticComponent<Omit<Omit<_mirohq_d
436
961
  readonly minWidth: "sizes";
437
962
  readonly outline: "colors";
438
963
  readonly outlineColor: "colors";
439
- readonly padding: "space-inset";
440
- readonly paddingBlock: "space-inset";
441
- readonly paddingBlockEnd: "space-inset";
442
- readonly paddingBlockStart: "space-inset";
443
- readonly paddingBottom: "space-inset";
444
- readonly paddingInline: "space-inset";
445
- readonly paddingInlineEnd: "space-inset";
446
- readonly paddingInlineStart: "space-inset";
447
- readonly paddingLeft: "space-inset";
448
- readonly paddingRight: "space-inset";
449
- readonly paddingTop: "space-inset";
964
+ readonly padding: "space";
965
+ readonly paddingBlock: "space";
966
+ readonly paddingBlockEnd: "space";
967
+ readonly paddingBlockStart: "space";
968
+ readonly paddingBottom: "space";
969
+ readonly paddingInline: "space";
970
+ readonly paddingInlineEnd: "space";
971
+ readonly paddingInlineStart: "space";
972
+ readonly paddingLeft: "space";
973
+ readonly paddingRight: "space";
974
+ readonly paddingTop: "space";
450
975
  readonly right: "space";
451
- readonly rowGap: "space-gap";
452
- readonly scrollMargin: "space-offset";
453
- readonly scrollMarginBlock: "space-offset";
454
- readonly scrollMarginBlockEnd: "space-offset";
455
- readonly scrollMarginBlockStart: "space-offset";
456
- readonly scrollMarginBottom: "space-offset";
457
- readonly scrollMarginInline: "space-offset";
458
- readonly scrollMarginInlineEnd: "space-offset";
459
- readonly scrollMarginInlineStart: "space-offset";
460
- readonly scrollMarginLeft: "space-offset";
461
- readonly scrollMarginRight: "space-offset";
462
- readonly scrollMarginTop: "space-offset";
463
- readonly scrollPadding: "space-inset";
464
- readonly scrollPaddingBlock: "space-inset";
465
- readonly scrollPaddingBlockEnd: "space-inset";
466
- readonly scrollPaddingBlockStart: "space-inset";
467
- readonly scrollPaddingBottom: "space-inset";
468
- readonly scrollPaddingInline: "space-inset";
469
- readonly scrollPaddingInlineEnd: "space-inset";
470
- readonly scrollPaddingInlineStart: "space-inset";
471
- readonly scrollPaddingLeft: "space-inset";
472
- readonly scrollPaddingRight: "space-inset";
473
- readonly scrollPaddingTop: "space-inset";
976
+ readonly rowGap: "space";
977
+ readonly scrollMargin: "space";
978
+ readonly scrollMarginBlock: "space";
979
+ readonly scrollMarginBlockEnd: "space";
980
+ readonly scrollMarginBlockStart: "space";
981
+ readonly scrollMarginBottom: "space";
982
+ readonly scrollMarginInline: "space";
983
+ readonly scrollMarginInlineEnd: "space";
984
+ readonly scrollMarginInlineStart: "space";
985
+ readonly scrollMarginLeft: "space";
986
+ readonly scrollMarginRight: "space";
987
+ readonly scrollMarginTop: "space";
988
+ readonly scrollPadding: "space";
989
+ readonly scrollPaddingBlock: "space";
990
+ readonly scrollPaddingBlockEnd: "space";
991
+ readonly scrollPaddingBlockStart: "space";
992
+ readonly scrollPaddingBottom: "space";
993
+ readonly scrollPaddingInline: "space";
994
+ readonly scrollPaddingInlineEnd: "space";
995
+ readonly scrollPaddingInlineStart: "space";
996
+ readonly scrollPaddingLeft: "space";
997
+ readonly scrollPaddingRight: "space";
998
+ readonly scrollPaddingTop: "space";
474
999
  readonly stroke: "colors";
475
1000
  readonly strokeWidth: "stroke-width";
476
1001
  readonly textDecorationColor: "colors";
@@ -533,7 +1058,7 @@ declare const StyledContent: React.ForwardRefExoticComponent<Omit<Omit<_mirohq_d
533
1058
  _hover: (css: _stitches_react_types_css_util.CSSProperties) => {
534
1059
  '&:hover, &[data-hovered]': _stitches_react_types_css_util.CSSProperties;
535
1060
  };
536
- }>>>, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & React.RefAttributes<HTMLDivElement>> & _mirohq_design_system_stitches.StitchesInternals<React.ForwardRefExoticComponent<RadixPopover.PopoverContentProps & React.RefAttributes<HTMLDivElement>>, {}, {}>;
1061
+ }>>>, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react.RefAttributes<HTMLDivElement>> & _mirohq_design_system_stitches.StitchesInternals<react.ForwardRefExoticComponent<RadixPopover.PopoverContentProps & react.RefAttributes<HTMLDivElement>>, {}, {}>;
537
1062
  declare type StyledContentProps = StrictComponentProps<typeof StyledContent>;
538
1063
 
539
1064
  interface ContentProps extends StyledContentProps {
@@ -542,9 +1067,9 @@ interface ContentProps extends StyledContentProps {
542
1067
  */
543
1068
  children?: ReactNode;
544
1069
  }
545
- declare const Content: React__default.ForwardRefExoticComponent<Omit<ContentProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
1070
+ declare const Content: react__default.ForwardRefExoticComponent<Omit<ContentProps, "ref"> & react__default.RefAttributes<HTMLDivElement>>;
546
1071
 
547
- declare const StyledItem: React.ForwardRefExoticComponent<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<_stitches_react_types_styled_component.StyledComponent<(props: _ariakit_react.ComboboxItemProps<"div">) => React.ReactElement<any, string | React.JSXElementConstructor<any>>, {}, {}, _stitches_react_types_css_util.CSS<{}, {
1072
+ declare const StyledItem: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<_stitches_react_types_styled_component.StyledComponent<(props: _ariakit_react.ComboboxItemProps<"div">) => react.ReactElement<any, string | react.JSXElementConstructor<any>>, {}, {}, _stitches_react_types_css_util.CSS<{}, {
548
1073
  'border-widths': {
549
1074
  readonly none: 0;
550
1075
  readonly sm: "1px";
@@ -553,63 +1078,103 @@ declare const StyledItem: React.ForwardRefExoticComponent<Omit<Omit<_mirohq_desi
553
1078
  };
554
1079
  colors: {
555
1080
  readonly black: any;
1081
+ readonly 'blue-50': any;
556
1082
  readonly 'blue-100': any;
1083
+ readonly 'blue-150': any;
557
1084
  readonly 'blue-200': any;
1085
+ readonly 'blue-250': any;
558
1086
  readonly 'blue-300': any;
1087
+ readonly 'blue-350': any;
559
1088
  readonly 'blue-400': any;
1089
+ readonly 'blue-450': any;
560
1090
  readonly 'blue-500': any;
1091
+ readonly 'blue-550': any;
561
1092
  readonly 'blue-600': any;
1093
+ readonly 'blue-650': any;
562
1094
  readonly 'blue-700': any;
1095
+ readonly 'blue-750': any;
563
1096
  readonly 'blue-800': any;
1097
+ readonly 'blue-850': any;
564
1098
  readonly 'blue-900': any;
565
- readonly 'blue-1000': any;
1099
+ readonly 'blue-950': any;
1100
+ readonly 'gray-50': any;
566
1101
  readonly 'gray-100': any;
1102
+ readonly 'gray-150': any;
567
1103
  readonly 'gray-200': any;
1104
+ readonly 'gray-250': any;
568
1105
  readonly 'gray-300': any;
1106
+ readonly 'gray-350': any;
569
1107
  readonly 'gray-400': any;
1108
+ readonly 'gray-450': any;
570
1109
  readonly 'gray-500': any;
1110
+ readonly 'gray-550': any;
571
1111
  readonly 'gray-600': any;
1112
+ readonly 'gray-650': any;
572
1113
  readonly 'gray-700': any;
1114
+ readonly 'gray-750': any;
573
1115
  readonly 'gray-800': any;
1116
+ readonly 'gray-850': any;
574
1117
  readonly 'gray-900': any;
1118
+ readonly 'gray-950': any;
1119
+ readonly 'green-50': any;
575
1120
  readonly 'green-100': any;
1121
+ readonly 'green-150': any;
576
1122
  readonly 'green-200': any;
1123
+ readonly 'green-250': any;
577
1124
  readonly 'green-300': any;
1125
+ readonly 'green-350': any;
578
1126
  readonly 'green-400': any;
1127
+ readonly 'green-450': any;
579
1128
  readonly 'green-500': any;
1129
+ readonly 'green-550': any;
580
1130
  readonly 'green-600': any;
1131
+ readonly 'green-650': any;
581
1132
  readonly 'green-700': any;
1133
+ readonly 'green-750': any;
582
1134
  readonly 'green-800': any;
1135
+ readonly 'green-850': any;
583
1136
  readonly 'green-900': any;
584
- readonly 'indigo-100': any;
585
- readonly 'indigo-200': any;
586
- readonly 'indigo-300': any;
587
- readonly 'indigo-400': any;
588
- readonly 'indigo-500': any;
589
- readonly 'indigo-600': any;
590
- readonly 'indigo-700': any;
591
- readonly 'indigo-800': any;
592
- readonly 'indigo-900': any;
1137
+ readonly 'green-950': any;
1138
+ readonly 'red-50': any;
593
1139
  readonly 'red-100': any;
1140
+ readonly 'red-150': any;
594
1141
  readonly 'red-200': any;
1142
+ readonly 'red-250': any;
595
1143
  readonly 'red-300': any;
1144
+ readonly 'red-350': any;
596
1145
  readonly 'red-400': any;
1146
+ readonly 'red-450': any;
597
1147
  readonly 'red-500': any;
1148
+ readonly 'red-550': any;
598
1149
  readonly 'red-600': any;
1150
+ readonly 'red-650': any;
599
1151
  readonly 'red-700': any;
1152
+ readonly 'red-750': any;
600
1153
  readonly 'red-800': any;
1154
+ readonly 'red-850': any;
601
1155
  readonly 'red-900': any;
1156
+ readonly 'red-950': any;
602
1157
  readonly transparent: any;
603
1158
  readonly white: any;
1159
+ readonly 'yellow-50': any;
604
1160
  readonly 'yellow-100': any;
1161
+ readonly 'yellow-150': any;
605
1162
  readonly 'yellow-200': any;
1163
+ readonly 'yellow-250': any;
606
1164
  readonly 'yellow-300': any;
1165
+ readonly 'yellow-350': any;
607
1166
  readonly 'yellow-400': any;
1167
+ readonly 'yellow-450': any;
608
1168
  readonly 'yellow-500': any;
1169
+ readonly 'yellow-550': any;
609
1170
  readonly 'yellow-600': any;
1171
+ readonly 'yellow-650': any;
610
1172
  readonly 'yellow-700': any;
1173
+ readonly 'yellow-750': any;
611
1174
  readonly 'yellow-800': any;
1175
+ readonly 'yellow-850': any;
612
1176
  readonly 'yellow-900': any;
1177
+ readonly 'yellow-950': any;
613
1178
  "background-alpha-active"?: any;
614
1179
  "background-alpha-hover"?: any;
615
1180
  "background-danger-prominent"?: any;
@@ -630,27 +1195,19 @@ declare const StyledItem: React.ForwardRefExoticComponent<Omit<Omit<_mirohq_desi
630
1195
  "background-neutrals-inverted-subtle"?: any;
631
1196
  "background-neutrals-page"?: any;
632
1197
  "background-neutrals-page-subtle"?: any;
633
- "background-neutrals-scrolls"?: any;
634
- "background-neutrals-scrolls-expanded"?: any;
635
- "background-neutrals-scrolls-hover"?: any;
636
- "background-neutrals-scrolls-pressed"?: any;
637
- "background-neutrals-scrolls-pressed-hover"?: any;
1198
+ "background-neutrals-scrollbar"?: any;
1199
+ "background-neutrals-scrollbar-active"?: any;
1200
+ "background-neutrals-scrollbar-hover"?: any;
638
1201
  "background-neutrals-subtle"?: any;
639
1202
  "background-neutrals-subtle-active"?: any;
640
1203
  "background-neutrals-subtle-hover"?: any;
641
1204
  "background-primary-prominent"?: any;
642
1205
  "background-primary-prominent-active"?: any;
643
- "background-primary-prominent-expanded"?: any;
644
1206
  "background-primary-prominent-hover"?: any;
645
- "background-primary-prominent-pressed"?: any;
646
- "background-primary-prominent-pressed-hover"?: any;
647
1207
  "background-primary-prominent-selected"?: any;
648
1208
  "background-primary-subtle"?: any;
649
1209
  "background-primary-subtle-active"?: any;
650
- "background-primary-subtle-expanded"?: any;
651
1210
  "background-primary-subtle-hover"?: any;
652
- "background-primary-subtle-pressed"?: any;
653
- "background-primary-subtle-pressed-hover"?: any;
654
1211
  "background-primary-subtle-selected"?: any;
655
1212
  "background-success"?: any;
656
1213
  "background-success-prominent"?: any;
@@ -661,9 +1218,15 @@ declare const StyledItem: React.ForwardRefExoticComponent<Omit<Omit<_mirohq_desi
661
1218
  "border-danger"?: any;
662
1219
  "border-danger-active"?: any;
663
1220
  "border-danger-hover"?: any;
1221
+ "border-focus-error-inner"?: any;
1222
+ "border-focus-error-middle"?: any;
1223
+ "border-focus-error-outer"?: any;
664
1224
  "border-focus-inner"?: any;
665
1225
  "border-focus-middle"?: any;
666
1226
  "border-focus-outer"?: any;
1227
+ "border-focus-success-inner"?: any;
1228
+ "border-focus-success-middle"?: any;
1229
+ "border-focus-success-outer"?: any;
667
1230
  "border-neutrals"?: any;
668
1231
  "border-neutrals-active"?: any;
669
1232
  "border-neutrals-controls"?: any;
@@ -739,6 +1302,7 @@ declare const StyledItem: React.ForwardRefExoticComponent<Omit<Omit<_mirohq_desi
739
1302
  "text-warning-subtle"?: any;
740
1303
  };
741
1304
  'font-sizes': {
1305
+ readonly 125: "0.625rem";
742
1306
  readonly 150: "0.75rem";
743
1307
  readonly 175: "0.875rem";
744
1308
  readonly 200: "1rem";
@@ -756,21 +1320,23 @@ declare const StyledItem: React.ForwardRefExoticComponent<Omit<Omit<_mirohq_desi
756
1320
  readonly body: "Open Sans, sans-serif";
757
1321
  };
758
1322
  radii: {
759
- readonly none: 0;
760
- readonly half: "999em";
1323
+ readonly 0: "0px";
761
1324
  readonly 25: "2px";
762
1325
  readonly 50: "4px";
763
1326
  readonly 75: "6px";
764
1327
  readonly 100: "8px";
765
1328
  readonly 200: "16px";
1329
+ readonly round: "999px";
766
1330
  };
767
1331
  shadows: {
768
- 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";
769
- 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";
770
- 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";
771
- 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";
772
- readonly 'focus-controls-error': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-danger, 0 0 0 5px $colors$background-danger-subtle-hover";
773
- readonly 'focus-controls-success': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$background-success-prominent, 0 0 0 5px $colors$background-success";
1332
+ 100: any;
1333
+ 50: any;
1334
+ "focus-small": any;
1335
+ "focus-small-outline": any;
1336
+ "focus-large": any;
1337
+ "focus-controls": any;
1338
+ "focus-controls-error": any;
1339
+ "focus-controls-success": any;
774
1340
  };
775
1341
  sizes: {
776
1342
  readonly number: string;
@@ -794,48 +1360,6 @@ declare const StyledItem: React.ForwardRefExoticComponent<Omit<Omit<_mirohq_desi
794
1360
  readonly 1200: "96px";
795
1361
  readonly 1600: "128px";
796
1362
  };
797
- 'space-gap': {
798
- readonly 0: any;
799
- readonly 50: any;
800
- readonly 100: any;
801
- readonly 200: any;
802
- readonly 300: any;
803
- };
804
- 'space-inset': {
805
- readonly 0: any;
806
- readonly 50: any;
807
- readonly 100: any;
808
- readonly 150: any;
809
- readonly 200: any;
810
- readonly 300: any;
811
- readonly 400: any;
812
- readonly 500: any;
813
- readonly 600: any;
814
- readonly 700: any;
815
- readonly 800: any;
816
- readonly 1200: any;
817
- readonly 1600: any;
818
- };
819
- 'space-offset': {
820
- readonly 0: any;
821
- readonly 50: any;
822
- readonly 100: any;
823
- readonly 150: any;
824
- readonly 200: any;
825
- readonly 300: any;
826
- readonly 400: any;
827
- readonly 600: any;
828
- readonly 800: any;
829
- readonly 1200: any;
830
- readonly 1600: any;
831
- readonly 'stacking-0': any;
832
- readonly 'stacking-100': any;
833
- readonly 'stacking-200': any;
834
- readonly 'stacking-300': any;
835
- readonly 'stacking-400': any;
836
- readonly 'stacking-500': any;
837
- readonly 'stacking-800': any;
838
- };
839
1363
  'stroke-width': {
840
1364
  readonly thin: "1.5px";
841
1365
  readonly normal: "2px";
@@ -876,7 +1400,7 @@ declare const StyledItem: React.ForwardRefExoticComponent<Omit<Omit<_mirohq_desi
876
1400
  readonly borderRightColor: "colors";
877
1401
  readonly borderRightStyle: "border-styles";
878
1402
  readonly borderRightWidth: "border-widths";
879
- readonly borderSpacing: "space-offset";
1403
+ readonly borderSpacing: "space";
880
1404
  readonly borderStyle: "border-styles";
881
1405
  readonly borderTop: "colors";
882
1406
  readonly borderTopColor: "colors";
@@ -889,42 +1413,42 @@ declare const StyledItem: React.ForwardRefExoticComponent<Omit<Omit<_mirohq_desi
889
1413
  readonly boxShadow: "shadows";
890
1414
  readonly caretColor: "colors";
891
1415
  readonly color: "colors";
892
- readonly columnGap: "space-gap";
1416
+ readonly columnGap: "space";
893
1417
  readonly columnRuleColor: "colors";
894
1418
  readonly fill: "colors";
895
1419
  readonly flexBasis: "sizes";
896
1420
  readonly fontFamily: "fonts";
897
1421
  readonly fontSize: "font-sizes";
898
1422
  readonly fontWeight: "font-weights";
899
- readonly gap: "space-gap";
900
- readonly gridColumnGap: "space-gap";
901
- readonly gridGap: "space-gap";
902
- readonly gridRowGap: "space-gap";
1423
+ readonly gap: "space";
1424
+ readonly gridColumnGap: "space";
1425
+ readonly gridGap: "space";
1426
+ readonly gridRowGap: "space";
903
1427
  readonly gridTemplateColumns: "sizes";
904
1428
  readonly gridTemplateRows: "sizes";
905
1429
  readonly height: "sizes";
906
1430
  readonly inlineSize: "sizes";
907
- readonly inset: "space-inset";
908
- readonly insetBlock: "space-inset";
909
- readonly insetBlockEnd: "space-inset";
910
- readonly insetBlockStart: "space-inset";
911
- readonly insetInline: "space-inset";
912
- readonly insetInlineEnd: "space-inset";
913
- readonly insetInlineStart: "space-inset";
1431
+ readonly inset: "space";
1432
+ readonly insetBlock: "space";
1433
+ readonly insetBlockEnd: "space";
1434
+ readonly insetBlockStart: "space";
1435
+ readonly insetInline: "space";
1436
+ readonly insetInlineEnd: "space";
1437
+ readonly insetInlineStart: "space";
914
1438
  readonly left: "space";
915
1439
  readonly letterSpacing: "letter-spacings";
916
1440
  readonly lineHeight: "line-heights";
917
- readonly margin: "space-offset";
918
- readonly marginBlock: "space-offset";
919
- readonly marginBlockEnd: "space-offset";
920
- readonly marginBlockStart: "space-offset";
921
- readonly marginBottom: "space-offset";
922
- readonly marginInline: "space-offset";
923
- readonly marginInlineEnd: "space-offset";
924
- readonly marginInlineStart: "space-offset";
925
- readonly marginLeft: "space-offset";
926
- readonly marginRight: "space-offset";
927
- readonly marginTop: "space-offset";
1441
+ readonly margin: "space";
1442
+ readonly marginBlock: "space";
1443
+ readonly marginBlockEnd: "space";
1444
+ readonly marginBlockStart: "space";
1445
+ readonly marginBottom: "space";
1446
+ readonly marginInline: "space";
1447
+ readonly marginInlineEnd: "space";
1448
+ readonly marginInlineStart: "space";
1449
+ readonly marginLeft: "space";
1450
+ readonly marginRight: "space";
1451
+ readonly marginTop: "space";
928
1452
  readonly maxBlockSize: "sizes";
929
1453
  readonly maxHeight: "sizes";
930
1454
  readonly maxInlineSize: "sizes";
@@ -935,41 +1459,41 @@ declare const StyledItem: React.ForwardRefExoticComponent<Omit<Omit<_mirohq_desi
935
1459
  readonly minWidth: "sizes";
936
1460
  readonly outline: "colors";
937
1461
  readonly outlineColor: "colors";
938
- readonly padding: "space-inset";
939
- readonly paddingBlock: "space-inset";
940
- readonly paddingBlockEnd: "space-inset";
941
- readonly paddingBlockStart: "space-inset";
942
- readonly paddingBottom: "space-inset";
943
- readonly paddingInline: "space-inset";
944
- readonly paddingInlineEnd: "space-inset";
945
- readonly paddingInlineStart: "space-inset";
946
- readonly paddingLeft: "space-inset";
947
- readonly paddingRight: "space-inset";
948
- readonly paddingTop: "space-inset";
1462
+ readonly padding: "space";
1463
+ readonly paddingBlock: "space";
1464
+ readonly paddingBlockEnd: "space";
1465
+ readonly paddingBlockStart: "space";
1466
+ readonly paddingBottom: "space";
1467
+ readonly paddingInline: "space";
1468
+ readonly paddingInlineEnd: "space";
1469
+ readonly paddingInlineStart: "space";
1470
+ readonly paddingLeft: "space";
1471
+ readonly paddingRight: "space";
1472
+ readonly paddingTop: "space";
949
1473
  readonly right: "space";
950
- readonly rowGap: "space-gap";
951
- readonly scrollMargin: "space-offset";
952
- readonly scrollMarginBlock: "space-offset";
953
- readonly scrollMarginBlockEnd: "space-offset";
954
- readonly scrollMarginBlockStart: "space-offset";
955
- readonly scrollMarginBottom: "space-offset";
956
- readonly scrollMarginInline: "space-offset";
957
- readonly scrollMarginInlineEnd: "space-offset";
958
- readonly scrollMarginInlineStart: "space-offset";
959
- readonly scrollMarginLeft: "space-offset";
960
- readonly scrollMarginRight: "space-offset";
961
- readonly scrollMarginTop: "space-offset";
962
- readonly scrollPadding: "space-inset";
963
- readonly scrollPaddingBlock: "space-inset";
964
- readonly scrollPaddingBlockEnd: "space-inset";
965
- readonly scrollPaddingBlockStart: "space-inset";
966
- readonly scrollPaddingBottom: "space-inset";
967
- readonly scrollPaddingInline: "space-inset";
968
- readonly scrollPaddingInlineEnd: "space-inset";
969
- readonly scrollPaddingInlineStart: "space-inset";
970
- readonly scrollPaddingLeft: "space-inset";
971
- readonly scrollPaddingRight: "space-inset";
972
- readonly scrollPaddingTop: "space-inset";
1474
+ readonly rowGap: "space";
1475
+ readonly scrollMargin: "space";
1476
+ readonly scrollMarginBlock: "space";
1477
+ readonly scrollMarginBlockEnd: "space";
1478
+ readonly scrollMarginBlockStart: "space";
1479
+ readonly scrollMarginBottom: "space";
1480
+ readonly scrollMarginInline: "space";
1481
+ readonly scrollMarginInlineEnd: "space";
1482
+ readonly scrollMarginInlineStart: "space";
1483
+ readonly scrollMarginLeft: "space";
1484
+ readonly scrollMarginRight: "space";
1485
+ readonly scrollMarginTop: "space";
1486
+ readonly scrollPadding: "space";
1487
+ readonly scrollPaddingBlock: "space";
1488
+ readonly scrollPaddingBlockEnd: "space";
1489
+ readonly scrollPaddingBlockStart: "space";
1490
+ readonly scrollPaddingBottom: "space";
1491
+ readonly scrollPaddingInline: "space";
1492
+ readonly scrollPaddingInlineEnd: "space";
1493
+ readonly scrollPaddingInlineStart: "space";
1494
+ readonly scrollPaddingLeft: "space";
1495
+ readonly scrollPaddingRight: "space";
1496
+ readonly scrollPaddingTop: "space";
973
1497
  readonly stroke: "colors";
974
1498
  readonly strokeWidth: "stroke-width";
975
1499
  readonly textDecorationColor: "colors";
@@ -1032,7 +1556,7 @@ declare const StyledItem: React.ForwardRefExoticComponent<Omit<Omit<_mirohq_desi
1032
1556
  _hover: (css: _stitches_react_types_css_util.CSSProperties) => {
1033
1557
  '&:hover, &[data-hovered]': _stitches_react_types_css_util.CSSProperties;
1034
1558
  };
1035
- }>>>, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & React.RefAttributes<HTMLDivElement>> & _mirohq_design_system_stitches.StitchesInternals<(props: _ariakit_react.ComboboxItemProps<"div">) => React.ReactElement<any, string | React.JSXElementConstructor<any>>, {}, {}>;
1559
+ }>>>, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react.RefAttributes<HTMLDivElement>> & _mirohq_design_system_stitches.StitchesInternals<(props: _ariakit_react.ComboboxItemProps<"div">) => react.ReactElement<any, string | react.JSXElementConstructor<any>>, {}, {}>;
1036
1560
  declare type StyledItemProps = StrictComponentProps<typeof StyledItem>;
1037
1561
 
1038
1562
  interface ItemProps extends StyledItemProps {
@@ -1056,7 +1580,7 @@ interface ItemProps extends StyledItemProps {
1056
1580
  */
1057
1581
  children?: ReactNode;
1058
1582
  }
1059
- declare const Item: React__default.ForwardRefExoticComponent<Omit<ItemProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
1583
+ declare const Item: react__default.ForwardRefExoticComponent<Omit<ItemProps, "ref"> & react__default.RefAttributes<HTMLDivElement>>;
1060
1584
 
1061
1585
  interface PortalProps extends PopoverPortalProps {
1062
1586
  /**
@@ -1064,9 +1588,12 @@ interface PortalProps extends PopoverPortalProps {
1064
1588
  */
1065
1589
  container?: HTMLElement | null;
1066
1590
  }
1067
- declare const Portal: React__default.FC<PortalProps>;
1591
+ declare const Portal: react__default.FC<PortalProps>;
1592
+
1593
+ declare type GroupProps = GroupProps$1;
1594
+ declare const Group: react__default.ForwardRefExoticComponent<Omit<GroupProps, "ref"> & react__default.RefAttributes<HTMLDivElement>>;
1068
1595
 
1069
- declare const StyledGroup: React.ForwardRefExoticComponent<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<_stitches_react_types_styled_component.StyledComponent<(props: _ariakit_react.GroupProps<"div">) => React.ReactElement<any, string | React.JSXElementConstructor<any>>, {}, {}, _stitches_react_types_css_util.CSS<{}, {
1596
+ declare const StyledGroupLabel: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<_stitches_react_types_styled_component.StyledComponent<(props: _ariakit_react.GroupLabelProps<"div">) => react.ReactElement<any, string | react.JSXElementConstructor<any>>, {}, {}, _stitches_react_types_css_util.CSS<{}, {
1070
1597
  'border-widths': {
1071
1598
  readonly none: 0;
1072
1599
  readonly sm: "1px";
@@ -1075,63 +1602,103 @@ declare const StyledGroup: React.ForwardRefExoticComponent<Omit<Omit<_mirohq_des
1075
1602
  };
1076
1603
  colors: {
1077
1604
  readonly black: any;
1605
+ readonly 'blue-50': any;
1078
1606
  readonly 'blue-100': any;
1607
+ readonly 'blue-150': any;
1079
1608
  readonly 'blue-200': any;
1609
+ readonly 'blue-250': any;
1080
1610
  readonly 'blue-300': any;
1611
+ readonly 'blue-350': any;
1081
1612
  readonly 'blue-400': any;
1613
+ readonly 'blue-450': any;
1082
1614
  readonly 'blue-500': any;
1615
+ readonly 'blue-550': any;
1083
1616
  readonly 'blue-600': any;
1617
+ readonly 'blue-650': any;
1084
1618
  readonly 'blue-700': any;
1619
+ readonly 'blue-750': any;
1085
1620
  readonly 'blue-800': any;
1621
+ readonly 'blue-850': any;
1086
1622
  readonly 'blue-900': any;
1087
- readonly 'blue-1000': any;
1623
+ readonly 'blue-950': any;
1624
+ readonly 'gray-50': any;
1088
1625
  readonly 'gray-100': any;
1626
+ readonly 'gray-150': any;
1089
1627
  readonly 'gray-200': any;
1628
+ readonly 'gray-250': any;
1090
1629
  readonly 'gray-300': any;
1630
+ readonly 'gray-350': any;
1091
1631
  readonly 'gray-400': any;
1632
+ readonly 'gray-450': any;
1092
1633
  readonly 'gray-500': any;
1634
+ readonly 'gray-550': any;
1093
1635
  readonly 'gray-600': any;
1636
+ readonly 'gray-650': any;
1094
1637
  readonly 'gray-700': any;
1638
+ readonly 'gray-750': any;
1095
1639
  readonly 'gray-800': any;
1640
+ readonly 'gray-850': any;
1096
1641
  readonly 'gray-900': any;
1642
+ readonly 'gray-950': any;
1643
+ readonly 'green-50': any;
1097
1644
  readonly 'green-100': any;
1645
+ readonly 'green-150': any;
1098
1646
  readonly 'green-200': any;
1647
+ readonly 'green-250': any;
1099
1648
  readonly 'green-300': any;
1649
+ readonly 'green-350': any;
1100
1650
  readonly 'green-400': any;
1651
+ readonly 'green-450': any;
1101
1652
  readonly 'green-500': any;
1653
+ readonly 'green-550': any;
1102
1654
  readonly 'green-600': any;
1655
+ readonly 'green-650': any;
1103
1656
  readonly 'green-700': any;
1657
+ readonly 'green-750': any;
1104
1658
  readonly 'green-800': any;
1659
+ readonly 'green-850': any;
1105
1660
  readonly 'green-900': any;
1106
- readonly 'indigo-100': any;
1107
- readonly 'indigo-200': any;
1108
- readonly 'indigo-300': any;
1109
- readonly 'indigo-400': any;
1110
- readonly 'indigo-500': any;
1111
- readonly 'indigo-600': any;
1112
- readonly 'indigo-700': any;
1113
- readonly 'indigo-800': any;
1114
- readonly 'indigo-900': any;
1661
+ readonly 'green-950': any;
1662
+ readonly 'red-50': any;
1115
1663
  readonly 'red-100': any;
1664
+ readonly 'red-150': any;
1116
1665
  readonly 'red-200': any;
1666
+ readonly 'red-250': any;
1117
1667
  readonly 'red-300': any;
1668
+ readonly 'red-350': any;
1118
1669
  readonly 'red-400': any;
1670
+ readonly 'red-450': any;
1119
1671
  readonly 'red-500': any;
1672
+ readonly 'red-550': any;
1120
1673
  readonly 'red-600': any;
1674
+ readonly 'red-650': any;
1121
1675
  readonly 'red-700': any;
1676
+ readonly 'red-750': any;
1122
1677
  readonly 'red-800': any;
1678
+ readonly 'red-850': any;
1123
1679
  readonly 'red-900': any;
1680
+ readonly 'red-950': any;
1124
1681
  readonly transparent: any;
1125
1682
  readonly white: any;
1683
+ readonly 'yellow-50': any;
1126
1684
  readonly 'yellow-100': any;
1685
+ readonly 'yellow-150': any;
1127
1686
  readonly 'yellow-200': any;
1687
+ readonly 'yellow-250': any;
1128
1688
  readonly 'yellow-300': any;
1689
+ readonly 'yellow-350': any;
1129
1690
  readonly 'yellow-400': any;
1691
+ readonly 'yellow-450': any;
1130
1692
  readonly 'yellow-500': any;
1693
+ readonly 'yellow-550': any;
1131
1694
  readonly 'yellow-600': any;
1695
+ readonly 'yellow-650': any;
1132
1696
  readonly 'yellow-700': any;
1697
+ readonly 'yellow-750': any;
1133
1698
  readonly 'yellow-800': any;
1699
+ readonly 'yellow-850': any;
1134
1700
  readonly 'yellow-900': any;
1701
+ readonly 'yellow-950': any;
1135
1702
  "background-alpha-active"?: any;
1136
1703
  "background-alpha-hover"?: any;
1137
1704
  "background-danger-prominent"?: any;
@@ -1152,27 +1719,19 @@ declare const StyledGroup: React.ForwardRefExoticComponent<Omit<Omit<_mirohq_des
1152
1719
  "background-neutrals-inverted-subtle"?: any;
1153
1720
  "background-neutrals-page"?: any;
1154
1721
  "background-neutrals-page-subtle"?: any;
1155
- "background-neutrals-scrolls"?: any;
1156
- "background-neutrals-scrolls-expanded"?: any;
1157
- "background-neutrals-scrolls-hover"?: any;
1158
- "background-neutrals-scrolls-pressed"?: any;
1159
- "background-neutrals-scrolls-pressed-hover"?: any;
1722
+ "background-neutrals-scrollbar"?: any;
1723
+ "background-neutrals-scrollbar-active"?: any;
1724
+ "background-neutrals-scrollbar-hover"?: any;
1160
1725
  "background-neutrals-subtle"?: any;
1161
1726
  "background-neutrals-subtle-active"?: any;
1162
1727
  "background-neutrals-subtle-hover"?: any;
1163
1728
  "background-primary-prominent"?: any;
1164
1729
  "background-primary-prominent-active"?: any;
1165
- "background-primary-prominent-expanded"?: any;
1166
1730
  "background-primary-prominent-hover"?: any;
1167
- "background-primary-prominent-pressed"?: any;
1168
- "background-primary-prominent-pressed-hover"?: any;
1169
1731
  "background-primary-prominent-selected"?: any;
1170
1732
  "background-primary-subtle"?: any;
1171
1733
  "background-primary-subtle-active"?: any;
1172
- "background-primary-subtle-expanded"?: any;
1173
1734
  "background-primary-subtle-hover"?: any;
1174
- "background-primary-subtle-pressed"?: any;
1175
- "background-primary-subtle-pressed-hover"?: any;
1176
1735
  "background-primary-subtle-selected"?: any;
1177
1736
  "background-success"?: any;
1178
1737
  "background-success-prominent"?: any;
@@ -1183,9 +1742,15 @@ declare const StyledGroup: React.ForwardRefExoticComponent<Omit<Omit<_mirohq_des
1183
1742
  "border-danger"?: any;
1184
1743
  "border-danger-active"?: any;
1185
1744
  "border-danger-hover"?: any;
1745
+ "border-focus-error-inner"?: any;
1746
+ "border-focus-error-middle"?: any;
1747
+ "border-focus-error-outer"?: any;
1186
1748
  "border-focus-inner"?: any;
1187
1749
  "border-focus-middle"?: any;
1188
1750
  "border-focus-outer"?: any;
1751
+ "border-focus-success-inner"?: any;
1752
+ "border-focus-success-middle"?: any;
1753
+ "border-focus-success-outer"?: any;
1189
1754
  "border-neutrals"?: any;
1190
1755
  "border-neutrals-active"?: any;
1191
1756
  "border-neutrals-controls"?: any;
@@ -1261,6 +1826,7 @@ declare const StyledGroup: React.ForwardRefExoticComponent<Omit<Omit<_mirohq_des
1261
1826
  "text-warning-subtle"?: any;
1262
1827
  };
1263
1828
  'font-sizes': {
1829
+ readonly 125: "0.625rem";
1264
1830
  readonly 150: "0.75rem";
1265
1831
  readonly 175: "0.875rem";
1266
1832
  readonly 200: "1rem";
@@ -1278,21 +1844,23 @@ declare const StyledGroup: React.ForwardRefExoticComponent<Omit<Omit<_mirohq_des
1278
1844
  readonly body: "Open Sans, sans-serif";
1279
1845
  };
1280
1846
  radii: {
1281
- readonly none: 0;
1282
- readonly half: "999em";
1847
+ readonly 0: "0px";
1283
1848
  readonly 25: "2px";
1284
1849
  readonly 50: "4px";
1285
1850
  readonly 75: "6px";
1286
1851
  readonly 100: "8px";
1287
1852
  readonly 200: "16px";
1853
+ readonly round: "999px";
1288
1854
  };
1289
1855
  shadows: {
1290
- 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";
1291
- 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";
1292
- 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";
1293
- 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";
1294
- readonly 'focus-controls-error': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-danger, 0 0 0 5px $colors$background-danger-subtle-hover";
1295
- readonly 'focus-controls-success': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$background-success-prominent, 0 0 0 5px $colors$background-success";
1856
+ 100: any;
1857
+ 50: any;
1858
+ "focus-small": any;
1859
+ "focus-small-outline": any;
1860
+ "focus-large": any;
1861
+ "focus-controls": any;
1862
+ "focus-controls-error": any;
1863
+ "focus-controls-success": any;
1296
1864
  };
1297
1865
  sizes: {
1298
1866
  readonly number: string;
@@ -1316,48 +1884,6 @@ declare const StyledGroup: React.ForwardRefExoticComponent<Omit<Omit<_mirohq_des
1316
1884
  readonly 1200: "96px";
1317
1885
  readonly 1600: "128px";
1318
1886
  };
1319
- 'space-gap': {
1320
- readonly 0: any;
1321
- readonly 50: any;
1322
- readonly 100: any;
1323
- readonly 200: any;
1324
- readonly 300: any;
1325
- };
1326
- 'space-inset': {
1327
- readonly 0: any;
1328
- readonly 50: any;
1329
- readonly 100: any;
1330
- readonly 150: any;
1331
- readonly 200: any;
1332
- readonly 300: any;
1333
- readonly 400: any;
1334
- readonly 500: any;
1335
- readonly 600: any;
1336
- readonly 700: any;
1337
- readonly 800: any;
1338
- readonly 1200: any;
1339
- readonly 1600: any;
1340
- };
1341
- 'space-offset': {
1342
- readonly 0: any;
1343
- readonly 50: any;
1344
- readonly 100: any;
1345
- readonly 150: any;
1346
- readonly 200: any;
1347
- readonly 300: any;
1348
- readonly 400: any;
1349
- readonly 600: any;
1350
- readonly 800: any;
1351
- readonly 1200: any;
1352
- readonly 1600: any;
1353
- readonly 'stacking-0': any;
1354
- readonly 'stacking-100': any;
1355
- readonly 'stacking-200': any;
1356
- readonly 'stacking-300': any;
1357
- readonly 'stacking-400': any;
1358
- readonly 'stacking-500': any;
1359
- readonly 'stacking-800': any;
1360
- };
1361
1887
  'stroke-width': {
1362
1888
  readonly thin: "1.5px";
1363
1889
  readonly normal: "2px";
@@ -1398,7 +1924,7 @@ declare const StyledGroup: React.ForwardRefExoticComponent<Omit<Omit<_mirohq_des
1398
1924
  readonly borderRightColor: "colors";
1399
1925
  readonly borderRightStyle: "border-styles";
1400
1926
  readonly borderRightWidth: "border-widths";
1401
- readonly borderSpacing: "space-offset";
1927
+ readonly borderSpacing: "space";
1402
1928
  readonly borderStyle: "border-styles";
1403
1929
  readonly borderTop: "colors";
1404
1930
  readonly borderTopColor: "colors";
@@ -1411,42 +1937,42 @@ declare const StyledGroup: React.ForwardRefExoticComponent<Omit<Omit<_mirohq_des
1411
1937
  readonly boxShadow: "shadows";
1412
1938
  readonly caretColor: "colors";
1413
1939
  readonly color: "colors";
1414
- readonly columnGap: "space-gap";
1940
+ readonly columnGap: "space";
1415
1941
  readonly columnRuleColor: "colors";
1416
1942
  readonly fill: "colors";
1417
1943
  readonly flexBasis: "sizes";
1418
1944
  readonly fontFamily: "fonts";
1419
1945
  readonly fontSize: "font-sizes";
1420
1946
  readonly fontWeight: "font-weights";
1421
- readonly gap: "space-gap";
1422
- readonly gridColumnGap: "space-gap";
1423
- readonly gridGap: "space-gap";
1424
- readonly gridRowGap: "space-gap";
1947
+ readonly gap: "space";
1948
+ readonly gridColumnGap: "space";
1949
+ readonly gridGap: "space";
1950
+ readonly gridRowGap: "space";
1425
1951
  readonly gridTemplateColumns: "sizes";
1426
1952
  readonly gridTemplateRows: "sizes";
1427
1953
  readonly height: "sizes";
1428
1954
  readonly inlineSize: "sizes";
1429
- readonly inset: "space-inset";
1430
- readonly insetBlock: "space-inset";
1431
- readonly insetBlockEnd: "space-inset";
1432
- readonly insetBlockStart: "space-inset";
1433
- readonly insetInline: "space-inset";
1434
- readonly insetInlineEnd: "space-inset";
1435
- readonly insetInlineStart: "space-inset";
1955
+ readonly inset: "space";
1956
+ readonly insetBlock: "space";
1957
+ readonly insetBlockEnd: "space";
1958
+ readonly insetBlockStart: "space";
1959
+ readonly insetInline: "space";
1960
+ readonly insetInlineEnd: "space";
1961
+ readonly insetInlineStart: "space";
1436
1962
  readonly left: "space";
1437
1963
  readonly letterSpacing: "letter-spacings";
1438
1964
  readonly lineHeight: "line-heights";
1439
- readonly margin: "space-offset";
1440
- readonly marginBlock: "space-offset";
1441
- readonly marginBlockEnd: "space-offset";
1442
- readonly marginBlockStart: "space-offset";
1443
- readonly marginBottom: "space-offset";
1444
- readonly marginInline: "space-offset";
1445
- readonly marginInlineEnd: "space-offset";
1446
- readonly marginInlineStart: "space-offset";
1447
- readonly marginLeft: "space-offset";
1448
- readonly marginRight: "space-offset";
1449
- readonly marginTop: "space-offset";
1965
+ readonly margin: "space";
1966
+ readonly marginBlock: "space";
1967
+ readonly marginBlockEnd: "space";
1968
+ readonly marginBlockStart: "space";
1969
+ readonly marginBottom: "space";
1970
+ readonly marginInline: "space";
1971
+ readonly marginInlineEnd: "space";
1972
+ readonly marginInlineStart: "space";
1973
+ readonly marginLeft: "space";
1974
+ readonly marginRight: "space";
1975
+ readonly marginTop: "space";
1450
1976
  readonly maxBlockSize: "sizes";
1451
1977
  readonly maxHeight: "sizes";
1452
1978
  readonly maxInlineSize: "sizes";
@@ -1457,41 +1983,41 @@ declare const StyledGroup: React.ForwardRefExoticComponent<Omit<Omit<_mirohq_des
1457
1983
  readonly minWidth: "sizes";
1458
1984
  readonly outline: "colors";
1459
1985
  readonly outlineColor: "colors";
1460
- readonly padding: "space-inset";
1461
- readonly paddingBlock: "space-inset";
1462
- readonly paddingBlockEnd: "space-inset";
1463
- readonly paddingBlockStart: "space-inset";
1464
- readonly paddingBottom: "space-inset";
1465
- readonly paddingInline: "space-inset";
1466
- readonly paddingInlineEnd: "space-inset";
1467
- readonly paddingInlineStart: "space-inset";
1468
- readonly paddingLeft: "space-inset";
1469
- readonly paddingRight: "space-inset";
1470
- readonly paddingTop: "space-inset";
1986
+ readonly padding: "space";
1987
+ readonly paddingBlock: "space";
1988
+ readonly paddingBlockEnd: "space";
1989
+ readonly paddingBlockStart: "space";
1990
+ readonly paddingBottom: "space";
1991
+ readonly paddingInline: "space";
1992
+ readonly paddingInlineEnd: "space";
1993
+ readonly paddingInlineStart: "space";
1994
+ readonly paddingLeft: "space";
1995
+ readonly paddingRight: "space";
1996
+ readonly paddingTop: "space";
1471
1997
  readonly right: "space";
1472
- readonly rowGap: "space-gap";
1473
- readonly scrollMargin: "space-offset";
1474
- readonly scrollMarginBlock: "space-offset";
1475
- readonly scrollMarginBlockEnd: "space-offset";
1476
- readonly scrollMarginBlockStart: "space-offset";
1477
- readonly scrollMarginBottom: "space-offset";
1478
- readonly scrollMarginInline: "space-offset";
1479
- readonly scrollMarginInlineEnd: "space-offset";
1480
- readonly scrollMarginInlineStart: "space-offset";
1481
- readonly scrollMarginLeft: "space-offset";
1482
- readonly scrollMarginRight: "space-offset";
1483
- readonly scrollMarginTop: "space-offset";
1484
- readonly scrollPadding: "space-inset";
1485
- readonly scrollPaddingBlock: "space-inset";
1486
- readonly scrollPaddingBlockEnd: "space-inset";
1487
- readonly scrollPaddingBlockStart: "space-inset";
1488
- readonly scrollPaddingBottom: "space-inset";
1489
- readonly scrollPaddingInline: "space-inset";
1490
- readonly scrollPaddingInlineEnd: "space-inset";
1491
- readonly scrollPaddingInlineStart: "space-inset";
1492
- readonly scrollPaddingLeft: "space-inset";
1493
- readonly scrollPaddingRight: "space-inset";
1494
- readonly scrollPaddingTop: "space-inset";
1998
+ readonly rowGap: "space";
1999
+ readonly scrollMargin: "space";
2000
+ readonly scrollMarginBlock: "space";
2001
+ readonly scrollMarginBlockEnd: "space";
2002
+ readonly scrollMarginBlockStart: "space";
2003
+ readonly scrollMarginBottom: "space";
2004
+ readonly scrollMarginInline: "space";
2005
+ readonly scrollMarginInlineEnd: "space";
2006
+ readonly scrollMarginInlineStart: "space";
2007
+ readonly scrollMarginLeft: "space";
2008
+ readonly scrollMarginRight: "space";
2009
+ readonly scrollMarginTop: "space";
2010
+ readonly scrollPadding: "space";
2011
+ readonly scrollPaddingBlock: "space";
2012
+ readonly scrollPaddingBlockEnd: "space";
2013
+ readonly scrollPaddingBlockStart: "space";
2014
+ readonly scrollPaddingBottom: "space";
2015
+ readonly scrollPaddingInline: "space";
2016
+ readonly scrollPaddingInlineEnd: "space";
2017
+ readonly scrollPaddingInlineStart: "space";
2018
+ readonly scrollPaddingLeft: "space";
2019
+ readonly scrollPaddingRight: "space";
2020
+ readonly scrollPaddingTop: "space";
1495
2021
  readonly stroke: "colors";
1496
2022
  readonly strokeWidth: "stroke-width";
1497
2023
  readonly textDecorationColor: "colors";
@@ -1554,14 +2080,22 @@ declare const StyledGroup: React.ForwardRefExoticComponent<Omit<Omit<_mirohq_des
1554
2080
  _hover: (css: _stitches_react_types_css_util.CSSProperties) => {
1555
2081
  '&:hover, &[data-hovered]': _stitches_react_types_css_util.CSSProperties;
1556
2082
  };
1557
- }>>>, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & React.RefAttributes<HTMLDivElement>> & _mirohq_design_system_stitches.StitchesInternals<(props: _ariakit_react.GroupProps<"div">) => React.ReactElement<any, string | React.JSXElementConstructor<any>>, {}, {}>;
1558
- declare type StyledGroupProps = StrictComponentProps<typeof StyledGroup>;
2083
+ }>>>, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react.RefAttributes<HTMLDivElement>> & _mirohq_design_system_stitches.StitchesInternals<(props: _ariakit_react.GroupLabelProps<"div">) => react.ReactElement<any, string | react.JSXElementConstructor<any>>, {}, {}>;
2084
+ declare type StyledGroupLabelProps = StrictComponentProps<typeof StyledGroupLabel>;
1559
2085
 
1560
- interface GroupProps extends StyledGroupProps {
2086
+ interface GroupLabelProps extends StyledGroupLabelProps {
1561
2087
  }
1562
- declare const Group: React__default.ForwardRefExoticComponent<Omit<GroupProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
2088
+ declare const GroupLabel: react__default.ForwardRefExoticComponent<Omit<GroupLabelProps, "ref"> & react__default.RefAttributes<HTMLDivElement>>;
1563
2089
 
1564
- declare const StyledGroupLabel: React.ForwardRefExoticComponent<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<_stitches_react_types_styled_component.StyledComponent<(props: _ariakit_react.GroupLabelProps<"div">) => React.ReactElement<any, string | React.JSXElementConstructor<any>>, {}, {}, _stitches_react_types_css_util.CSS<{}, {
2090
+ interface ValueProps {
2091
+ /**
2092
+ * Remove chip label used to make the button recognizable by the screen readers.
2093
+ */
2094
+ removeChipAriaLabel?: string;
2095
+ }
2096
+ declare const Value: FC<ValueProps>;
2097
+
2098
+ declare const StyledSeparator: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<_stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<_mirohq_design_system_primitive.PrimitiveProps<"div">>, {}, {}, _stitches_react_types_css_util.CSS<{}, {
1565
2099
  'border-widths': {
1566
2100
  readonly none: 0;
1567
2101
  readonly sm: "1px";
@@ -1570,63 +2104,103 @@ declare const StyledGroupLabel: React.ForwardRefExoticComponent<Omit<Omit<_miroh
1570
2104
  };
1571
2105
  colors: {
1572
2106
  readonly black: any;
2107
+ readonly 'blue-50': any;
1573
2108
  readonly 'blue-100': any;
2109
+ readonly 'blue-150': any;
1574
2110
  readonly 'blue-200': any;
2111
+ readonly 'blue-250': any;
1575
2112
  readonly 'blue-300': any;
2113
+ readonly 'blue-350': any;
1576
2114
  readonly 'blue-400': any;
2115
+ readonly 'blue-450': any;
1577
2116
  readonly 'blue-500': any;
2117
+ readonly 'blue-550': any;
1578
2118
  readonly 'blue-600': any;
2119
+ readonly 'blue-650': any;
1579
2120
  readonly 'blue-700': any;
2121
+ readonly 'blue-750': any;
1580
2122
  readonly 'blue-800': any;
2123
+ readonly 'blue-850': any;
1581
2124
  readonly 'blue-900': any;
1582
- readonly 'blue-1000': any;
2125
+ readonly 'blue-950': any;
2126
+ readonly 'gray-50': any;
1583
2127
  readonly 'gray-100': any;
2128
+ readonly 'gray-150': any;
1584
2129
  readonly 'gray-200': any;
2130
+ readonly 'gray-250': any;
1585
2131
  readonly 'gray-300': any;
2132
+ readonly 'gray-350': any;
1586
2133
  readonly 'gray-400': any;
2134
+ readonly 'gray-450': any;
1587
2135
  readonly 'gray-500': any;
2136
+ readonly 'gray-550': any;
1588
2137
  readonly 'gray-600': any;
2138
+ readonly 'gray-650': any;
1589
2139
  readonly 'gray-700': any;
2140
+ readonly 'gray-750': any;
1590
2141
  readonly 'gray-800': any;
2142
+ readonly 'gray-850': any;
1591
2143
  readonly 'gray-900': any;
2144
+ readonly 'gray-950': any;
2145
+ readonly 'green-50': any;
1592
2146
  readonly 'green-100': any;
2147
+ readonly 'green-150': any;
1593
2148
  readonly 'green-200': any;
2149
+ readonly 'green-250': any;
1594
2150
  readonly 'green-300': any;
2151
+ readonly 'green-350': any;
1595
2152
  readonly 'green-400': any;
2153
+ readonly 'green-450': any;
1596
2154
  readonly 'green-500': any;
2155
+ readonly 'green-550': any;
1597
2156
  readonly 'green-600': any;
2157
+ readonly 'green-650': any;
1598
2158
  readonly 'green-700': any;
2159
+ readonly 'green-750': any;
1599
2160
  readonly 'green-800': any;
2161
+ readonly 'green-850': any;
1600
2162
  readonly 'green-900': any;
1601
- readonly 'indigo-100': any;
1602
- readonly 'indigo-200': any;
1603
- readonly 'indigo-300': any;
1604
- readonly 'indigo-400': any;
1605
- readonly 'indigo-500': any;
1606
- readonly 'indigo-600': any;
1607
- readonly 'indigo-700': any;
1608
- readonly 'indigo-800': any;
1609
- readonly 'indigo-900': any;
2163
+ readonly 'green-950': any;
2164
+ readonly 'red-50': any;
1610
2165
  readonly 'red-100': any;
2166
+ readonly 'red-150': any;
1611
2167
  readonly 'red-200': any;
2168
+ readonly 'red-250': any;
1612
2169
  readonly 'red-300': any;
2170
+ readonly 'red-350': any;
1613
2171
  readonly 'red-400': any;
2172
+ readonly 'red-450': any;
1614
2173
  readonly 'red-500': any;
2174
+ readonly 'red-550': any;
1615
2175
  readonly 'red-600': any;
2176
+ readonly 'red-650': any;
1616
2177
  readonly 'red-700': any;
2178
+ readonly 'red-750': any;
1617
2179
  readonly 'red-800': any;
2180
+ readonly 'red-850': any;
1618
2181
  readonly 'red-900': any;
2182
+ readonly 'red-950': any;
1619
2183
  readonly transparent: any;
1620
2184
  readonly white: any;
2185
+ readonly 'yellow-50': any;
1621
2186
  readonly 'yellow-100': any;
2187
+ readonly 'yellow-150': any;
1622
2188
  readonly 'yellow-200': any;
2189
+ readonly 'yellow-250': any;
1623
2190
  readonly 'yellow-300': any;
2191
+ readonly 'yellow-350': any;
1624
2192
  readonly 'yellow-400': any;
2193
+ readonly 'yellow-450': any;
1625
2194
  readonly 'yellow-500': any;
2195
+ readonly 'yellow-550': any;
1626
2196
  readonly 'yellow-600': any;
2197
+ readonly 'yellow-650': any;
1627
2198
  readonly 'yellow-700': any;
2199
+ readonly 'yellow-750': any;
1628
2200
  readonly 'yellow-800': any;
2201
+ readonly 'yellow-850': any;
1629
2202
  readonly 'yellow-900': any;
2203
+ readonly 'yellow-950': any;
1630
2204
  "background-alpha-active"?: any;
1631
2205
  "background-alpha-hover"?: any;
1632
2206
  "background-danger-prominent"?: any;
@@ -1647,27 +2221,19 @@ declare const StyledGroupLabel: React.ForwardRefExoticComponent<Omit<Omit<_miroh
1647
2221
  "background-neutrals-inverted-subtle"?: any;
1648
2222
  "background-neutrals-page"?: any;
1649
2223
  "background-neutrals-page-subtle"?: any;
1650
- "background-neutrals-scrolls"?: any;
1651
- "background-neutrals-scrolls-expanded"?: any;
1652
- "background-neutrals-scrolls-hover"?: any;
1653
- "background-neutrals-scrolls-pressed"?: any;
1654
- "background-neutrals-scrolls-pressed-hover"?: any;
2224
+ "background-neutrals-scrollbar"?: any;
2225
+ "background-neutrals-scrollbar-active"?: any;
2226
+ "background-neutrals-scrollbar-hover"?: any;
1655
2227
  "background-neutrals-subtle"?: any;
1656
2228
  "background-neutrals-subtle-active"?: any;
1657
2229
  "background-neutrals-subtle-hover"?: any;
1658
2230
  "background-primary-prominent"?: any;
1659
2231
  "background-primary-prominent-active"?: any;
1660
- "background-primary-prominent-expanded"?: any;
1661
2232
  "background-primary-prominent-hover"?: any;
1662
- "background-primary-prominent-pressed"?: any;
1663
- "background-primary-prominent-pressed-hover"?: any;
1664
2233
  "background-primary-prominent-selected"?: any;
1665
2234
  "background-primary-subtle"?: any;
1666
2235
  "background-primary-subtle-active"?: any;
1667
- "background-primary-subtle-expanded"?: any;
1668
2236
  "background-primary-subtle-hover"?: any;
1669
- "background-primary-subtle-pressed"?: any;
1670
- "background-primary-subtle-pressed-hover"?: any;
1671
2237
  "background-primary-subtle-selected"?: any;
1672
2238
  "background-success"?: any;
1673
2239
  "background-success-prominent"?: any;
@@ -1678,9 +2244,15 @@ declare const StyledGroupLabel: React.ForwardRefExoticComponent<Omit<Omit<_miroh
1678
2244
  "border-danger"?: any;
1679
2245
  "border-danger-active"?: any;
1680
2246
  "border-danger-hover"?: any;
2247
+ "border-focus-error-inner"?: any;
2248
+ "border-focus-error-middle"?: any;
2249
+ "border-focus-error-outer"?: any;
1681
2250
  "border-focus-inner"?: any;
1682
2251
  "border-focus-middle"?: any;
1683
2252
  "border-focus-outer"?: any;
2253
+ "border-focus-success-inner"?: any;
2254
+ "border-focus-success-middle"?: any;
2255
+ "border-focus-success-outer"?: any;
1684
2256
  "border-neutrals"?: any;
1685
2257
  "border-neutrals-active"?: any;
1686
2258
  "border-neutrals-controls"?: any;
@@ -1756,6 +2328,7 @@ declare const StyledGroupLabel: React.ForwardRefExoticComponent<Omit<Omit<_miroh
1756
2328
  "text-warning-subtle"?: any;
1757
2329
  };
1758
2330
  'font-sizes': {
2331
+ readonly 125: "0.625rem";
1759
2332
  readonly 150: "0.75rem";
1760
2333
  readonly 175: "0.875rem";
1761
2334
  readonly 200: "1rem";
@@ -1773,21 +2346,23 @@ declare const StyledGroupLabel: React.ForwardRefExoticComponent<Omit<Omit<_miroh
1773
2346
  readonly body: "Open Sans, sans-serif";
1774
2347
  };
1775
2348
  radii: {
1776
- readonly none: 0;
1777
- readonly half: "999em";
2349
+ readonly 0: "0px";
1778
2350
  readonly 25: "2px";
1779
2351
  readonly 50: "4px";
1780
2352
  readonly 75: "6px";
1781
2353
  readonly 100: "8px";
1782
2354
  readonly 200: "16px";
2355
+ readonly round: "999px";
1783
2356
  };
1784
2357
  shadows: {
1785
- 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";
1786
- 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";
1787
- 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";
1788
- 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";
1789
- readonly 'focus-controls-error': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-danger, 0 0 0 5px $colors$background-danger-subtle-hover";
1790
- readonly 'focus-controls-success': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$background-success-prominent, 0 0 0 5px $colors$background-success";
2358
+ 100: any;
2359
+ 50: any;
2360
+ "focus-small": any;
2361
+ "focus-small-outline": any;
2362
+ "focus-large": any;
2363
+ "focus-controls": any;
2364
+ "focus-controls-error": any;
2365
+ "focus-controls-success": any;
1791
2366
  };
1792
2367
  sizes: {
1793
2368
  readonly number: string;
@@ -1811,48 +2386,6 @@ declare const StyledGroupLabel: React.ForwardRefExoticComponent<Omit<Omit<_miroh
1811
2386
  readonly 1200: "96px";
1812
2387
  readonly 1600: "128px";
1813
2388
  };
1814
- 'space-gap': {
1815
- readonly 0: any;
1816
- readonly 50: any;
1817
- readonly 100: any;
1818
- readonly 200: any;
1819
- readonly 300: any;
1820
- };
1821
- 'space-inset': {
1822
- readonly 0: any;
1823
- readonly 50: any;
1824
- readonly 100: any;
1825
- readonly 150: any;
1826
- readonly 200: any;
1827
- readonly 300: any;
1828
- readonly 400: any;
1829
- readonly 500: any;
1830
- readonly 600: any;
1831
- readonly 700: any;
1832
- readonly 800: any;
1833
- readonly 1200: any;
1834
- readonly 1600: any;
1835
- };
1836
- 'space-offset': {
1837
- readonly 0: any;
1838
- readonly 50: any;
1839
- readonly 100: any;
1840
- readonly 150: any;
1841
- readonly 200: any;
1842
- readonly 300: any;
1843
- readonly 400: any;
1844
- readonly 600: any;
1845
- readonly 800: any;
1846
- readonly 1200: any;
1847
- readonly 1600: any;
1848
- readonly 'stacking-0': any;
1849
- readonly 'stacking-100': any;
1850
- readonly 'stacking-200': any;
1851
- readonly 'stacking-300': any;
1852
- readonly 'stacking-400': any;
1853
- readonly 'stacking-500': any;
1854
- readonly 'stacking-800': any;
1855
- };
1856
2389
  'stroke-width': {
1857
2390
  readonly thin: "1.5px";
1858
2391
  readonly normal: "2px";
@@ -1893,7 +2426,7 @@ declare const StyledGroupLabel: React.ForwardRefExoticComponent<Omit<Omit<_miroh
1893
2426
  readonly borderRightColor: "colors";
1894
2427
  readonly borderRightStyle: "border-styles";
1895
2428
  readonly borderRightWidth: "border-widths";
1896
- readonly borderSpacing: "space-offset";
2429
+ readonly borderSpacing: "space";
1897
2430
  readonly borderStyle: "border-styles";
1898
2431
  readonly borderTop: "colors";
1899
2432
  readonly borderTopColor: "colors";
@@ -1906,42 +2439,42 @@ declare const StyledGroupLabel: React.ForwardRefExoticComponent<Omit<Omit<_miroh
1906
2439
  readonly boxShadow: "shadows";
1907
2440
  readonly caretColor: "colors";
1908
2441
  readonly color: "colors";
1909
- readonly columnGap: "space-gap";
2442
+ readonly columnGap: "space";
1910
2443
  readonly columnRuleColor: "colors";
1911
2444
  readonly fill: "colors";
1912
2445
  readonly flexBasis: "sizes";
1913
2446
  readonly fontFamily: "fonts";
1914
2447
  readonly fontSize: "font-sizes";
1915
2448
  readonly fontWeight: "font-weights";
1916
- readonly gap: "space-gap";
1917
- readonly gridColumnGap: "space-gap";
1918
- readonly gridGap: "space-gap";
1919
- readonly gridRowGap: "space-gap";
2449
+ readonly gap: "space";
2450
+ readonly gridColumnGap: "space";
2451
+ readonly gridGap: "space";
2452
+ readonly gridRowGap: "space";
1920
2453
  readonly gridTemplateColumns: "sizes";
1921
2454
  readonly gridTemplateRows: "sizes";
1922
2455
  readonly height: "sizes";
1923
2456
  readonly inlineSize: "sizes";
1924
- readonly inset: "space-inset";
1925
- readonly insetBlock: "space-inset";
1926
- readonly insetBlockEnd: "space-inset";
1927
- readonly insetBlockStart: "space-inset";
1928
- readonly insetInline: "space-inset";
1929
- readonly insetInlineEnd: "space-inset";
1930
- readonly insetInlineStart: "space-inset";
2457
+ readonly inset: "space";
2458
+ readonly insetBlock: "space";
2459
+ readonly insetBlockEnd: "space";
2460
+ readonly insetBlockStart: "space";
2461
+ readonly insetInline: "space";
2462
+ readonly insetInlineEnd: "space";
2463
+ readonly insetInlineStart: "space";
1931
2464
  readonly left: "space";
1932
2465
  readonly letterSpacing: "letter-spacings";
1933
2466
  readonly lineHeight: "line-heights";
1934
- readonly margin: "space-offset";
1935
- readonly marginBlock: "space-offset";
1936
- readonly marginBlockEnd: "space-offset";
1937
- readonly marginBlockStart: "space-offset";
1938
- readonly marginBottom: "space-offset";
1939
- readonly marginInline: "space-offset";
1940
- readonly marginInlineEnd: "space-offset";
1941
- readonly marginInlineStart: "space-offset";
1942
- readonly marginLeft: "space-offset";
1943
- readonly marginRight: "space-offset";
1944
- readonly marginTop: "space-offset";
2467
+ readonly margin: "space";
2468
+ readonly marginBlock: "space";
2469
+ readonly marginBlockEnd: "space";
2470
+ readonly marginBlockStart: "space";
2471
+ readonly marginBottom: "space";
2472
+ readonly marginInline: "space";
2473
+ readonly marginInlineEnd: "space";
2474
+ readonly marginInlineStart: "space";
2475
+ readonly marginLeft: "space";
2476
+ readonly marginRight: "space";
2477
+ readonly marginTop: "space";
1945
2478
  readonly maxBlockSize: "sizes";
1946
2479
  readonly maxHeight: "sizes";
1947
2480
  readonly maxInlineSize: "sizes";
@@ -1952,41 +2485,41 @@ declare const StyledGroupLabel: React.ForwardRefExoticComponent<Omit<Omit<_miroh
1952
2485
  readonly minWidth: "sizes";
1953
2486
  readonly outline: "colors";
1954
2487
  readonly outlineColor: "colors";
1955
- readonly padding: "space-inset";
1956
- readonly paddingBlock: "space-inset";
1957
- readonly paddingBlockEnd: "space-inset";
1958
- readonly paddingBlockStart: "space-inset";
1959
- readonly paddingBottom: "space-inset";
1960
- readonly paddingInline: "space-inset";
1961
- readonly paddingInlineEnd: "space-inset";
1962
- readonly paddingInlineStart: "space-inset";
1963
- readonly paddingLeft: "space-inset";
1964
- readonly paddingRight: "space-inset";
1965
- readonly paddingTop: "space-inset";
2488
+ readonly padding: "space";
2489
+ readonly paddingBlock: "space";
2490
+ readonly paddingBlockEnd: "space";
2491
+ readonly paddingBlockStart: "space";
2492
+ readonly paddingBottom: "space";
2493
+ readonly paddingInline: "space";
2494
+ readonly paddingInlineEnd: "space";
2495
+ readonly paddingInlineStart: "space";
2496
+ readonly paddingLeft: "space";
2497
+ readonly paddingRight: "space";
2498
+ readonly paddingTop: "space";
1966
2499
  readonly right: "space";
1967
- readonly rowGap: "space-gap";
1968
- readonly scrollMargin: "space-offset";
1969
- readonly scrollMarginBlock: "space-offset";
1970
- readonly scrollMarginBlockEnd: "space-offset";
1971
- readonly scrollMarginBlockStart: "space-offset";
1972
- readonly scrollMarginBottom: "space-offset";
1973
- readonly scrollMarginInline: "space-offset";
1974
- readonly scrollMarginInlineEnd: "space-offset";
1975
- readonly scrollMarginInlineStart: "space-offset";
1976
- readonly scrollMarginLeft: "space-offset";
1977
- readonly scrollMarginRight: "space-offset";
1978
- readonly scrollMarginTop: "space-offset";
1979
- readonly scrollPadding: "space-inset";
1980
- readonly scrollPaddingBlock: "space-inset";
1981
- readonly scrollPaddingBlockEnd: "space-inset";
1982
- readonly scrollPaddingBlockStart: "space-inset";
1983
- readonly scrollPaddingBottom: "space-inset";
1984
- readonly scrollPaddingInline: "space-inset";
1985
- readonly scrollPaddingInlineEnd: "space-inset";
1986
- readonly scrollPaddingInlineStart: "space-inset";
1987
- readonly scrollPaddingLeft: "space-inset";
1988
- readonly scrollPaddingRight: "space-inset";
1989
- readonly scrollPaddingTop: "space-inset";
2500
+ readonly rowGap: "space";
2501
+ readonly scrollMargin: "space";
2502
+ readonly scrollMarginBlock: "space";
2503
+ readonly scrollMarginBlockEnd: "space";
2504
+ readonly scrollMarginBlockStart: "space";
2505
+ readonly scrollMarginBottom: "space";
2506
+ readonly scrollMarginInline: "space";
2507
+ readonly scrollMarginInlineEnd: "space";
2508
+ readonly scrollMarginInlineStart: "space";
2509
+ readonly scrollMarginLeft: "space";
2510
+ readonly scrollMarginRight: "space";
2511
+ readonly scrollMarginTop: "space";
2512
+ readonly scrollPadding: "space";
2513
+ readonly scrollPaddingBlock: "space";
2514
+ readonly scrollPaddingBlockEnd: "space";
2515
+ readonly scrollPaddingBlockStart: "space";
2516
+ readonly scrollPaddingBottom: "space";
2517
+ readonly scrollPaddingInline: "space";
2518
+ readonly scrollPaddingInlineEnd: "space";
2519
+ readonly scrollPaddingInlineStart: "space";
2520
+ readonly scrollPaddingLeft: "space";
2521
+ readonly scrollPaddingRight: "space";
2522
+ readonly scrollPaddingTop: "space";
1990
2523
  readonly stroke: "colors";
1991
2524
  readonly strokeWidth: "stroke-width";
1992
2525
  readonly textDecorationColor: "colors";
@@ -2049,24 +2582,31 @@ declare const StyledGroupLabel: React.ForwardRefExoticComponent<Omit<Omit<_miroh
2049
2582
  _hover: (css: _stitches_react_types_css_util.CSSProperties) => {
2050
2583
  '&:hover, &[data-hovered]': _stitches_react_types_css_util.CSSProperties;
2051
2584
  };
2052
- }>>>, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & React.RefAttributes<HTMLDivElement>> & _mirohq_design_system_stitches.StitchesInternals<(props: _ariakit_react.GroupLabelProps<"div">) => React.ReactElement<any, string | React.JSXElementConstructor<any>>, {}, {}>;
2053
- declare type StyledGroupLabelProps = StrictComponentProps<typeof StyledGroupLabel>;
2585
+ }>>>, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react.RefAttributes<HTMLDivElement>> & _mirohq_design_system_stitches.StitchesInternals<react.ForwardRefExoticComponent<_mirohq_design_system_primitive.PrimitiveProps<"div">>, {}, {}>;
2586
+ declare type StyledSeparatorProps = StrictComponentProps<typeof StyledSeparator>;
2054
2587
 
2055
- interface GroupLabelProps extends StyledGroupLabelProps {
2588
+ interface SeparatorProps extends StyledSeparatorProps {
2056
2589
  }
2057
- declare const GroupLabel: React__default.ForwardRefExoticComponent<Omit<GroupLabelProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
2058
-
2059
- declare const Value: React__default.ForwardRefExoticComponent<React__default.RefAttributes<HTMLSpanElement>>;
2590
+ declare const Separator: react__default.ForwardRefExoticComponent<Omit<SeparatorProps, "ref"> & react__default.RefAttributes<HTMLDivElement>>;
2060
2591
 
2061
2592
  declare type Direction = 'ltr' | 'rtl';
2062
2593
 
2594
+ type types_Direction = Direction;
2595
+ declare namespace types {
2596
+ export {
2597
+ types_Direction as Direction,
2598
+ };
2599
+ }
2600
+
2063
2601
  interface ComboboxProps$1 extends FormElementProps {
2064
2602
  open?: boolean;
2065
2603
  defaultOpen?: boolean;
2066
2604
  value?: string[];
2067
2605
  defaultValue?: string[];
2068
- searchValue?: string;
2606
+ onSearchValueChange?: (value: string) => void;
2069
2607
  direction?: Direction;
2608
+ autoFilter?: boolean;
2609
+ noResultsText?: ReactNode;
2070
2610
  }
2071
2611
  declare type ComboboxProviderProps = ComboboxProps$1;
2072
2612
 
@@ -2085,6 +2625,10 @@ interface ComboboxProps extends ComboboxProviderProps {
2085
2625
  * Event handler called when the value changes.
2086
2626
  */
2087
2627
  onValueChange?: (value: string[]) => void;
2628
+ /**
2629
+ * Event handler called when the trigger input value changes.
2630
+ */
2631
+ onSearchValueChange?: (value: string) => void;
2088
2632
  /**
2089
2633
  * The open state of the combobox when it is initially rendered. Use when you do
2090
2634
  * not need to control its open state.
@@ -2114,9 +2658,18 @@ interface ComboboxProps extends ComboboxProviderProps {
2114
2658
  /**
2115
2659
  * The content of the combobox
2116
2660
  */
2117
- children?: React__default.ReactNode;
2661
+ children?: react__default.ReactNode;
2662
+ /**
2663
+ * Enables/disabled automatic filtering.
2664
+ * @default true
2665
+ */
2666
+ autoFilter?: boolean;
2667
+ /**
2668
+ * Text that is displayed when there are no items to display.
2669
+ */
2670
+ noResultsText: ReactNode;
2118
2671
  }
2119
- declare const Combobox: React__default.ForwardRefExoticComponent<ComboboxProps> & Partials;
2672
+ declare const Combobox: react__default.ForwardRefExoticComponent<ComboboxProps> & Partials;
2120
2673
  interface Partials {
2121
2674
  Portal: typeof Portal;
2122
2675
  Trigger: typeof Trigger;
@@ -2125,6 +2678,7 @@ interface Partials {
2125
2678
  Group: typeof Group;
2126
2679
  GroupLabel: typeof GroupLabel;
2127
2680
  Value: typeof Value;
2681
+ Separator: typeof Separator;
2128
2682
  }
2129
2683
 
2130
- export { Combobox, ComboboxProps };
2684
+ export { Combobox, ContentProps as ComboboxContentProps, GroupLabelProps as ComboboxGroupLabelProps, GroupProps as ComboboxGroupProps, ItemProps as ComboboxItemProps, ComboboxProps, TriggerProps as ComboboxTriggerProps, types as ComboboxTypes, ValueProps as ComboboxValueProps };