@mirohq/design-system-combobox 0.1.0-combobox.5 → 0.1.0-combobox.7

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 +227 -153
  2. package/dist/main.js.map +1 -1
  3. package/dist/module.js +230 -156
  4. package/dist/module.js.map +1 -1
  5. package/dist/types.d.ts +91 -2454
  6. package/package.json +12 -10
package/dist/types.d.ts CHANGED
@@ -1,12 +1,14 @@
1
1
  import * as react from 'react';
2
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';
5
4
  import { InputProps } from '@mirohq/design-system-input';
5
+ import * as packages_components_internal_base_button_src_base_button from 'packages/components/internal/base-button/src/base-button';
6
+ import * as _mirohq_design_system_hooks_use_press from '@mirohq/design-system-hooks/use-press';
7
+ import * as _stitches_react_types_styled_component from '@stitches/react/types/styled-component';
6
8
  import * as _mirohq_design_system_stitches from '@mirohq/design-system-stitches';
7
9
  import { StrictComponentProps } from '@mirohq/design-system-stitches';
8
- import * as _stitches_react_types_styled_component from '@stitches/react/types/styled-component';
9
- import * as _stitches_react_types_css_util from '@stitches/react/types/css-util';
10
+ import * as _mirohq_design_system_components_primitive from '@mirohq/design-system-components/primitive';
11
+ import { CSSProperties } from '@stitches/react';
10
12
  import * as RadixPopover from '@radix-ui/react-popover';
11
13
  import { PopoverPortalProps } from '@radix-ui/react-popover';
12
14
  import * as _ariakit_react from '@ariakit/react';
@@ -14,496 +16,47 @@ import { GroupProps as GroupProps$1 } from '@ariakit/react';
14
16
  import * as _mirohq_design_system_primitive from '@mirohq/design-system-primitive';
15
17
  import { FormElementProps } from '@mirohq/design-system-base-form';
16
18
 
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<{
19
+ declare const StyledActionButton: react.ForwardRefExoticComponent<(Omit<Omit<Omit<Omit<Omit<Omit<Omit<Omit<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<react.ForwardRefExoticComponent<_mirohq_design_system_components_primitive.PrimitiveProps<"button">>>, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react.RefAttributes<HTMLButtonElement> & _mirohq_design_system_hooks_use_press.PressProps & packages_components_internal_base_button_src_base_button.HoverEvents, "ref"> & react.RefAttributes<HTMLAnchorElement | HTMLButtonElement>, _mirohq_design_system_stitches.ForbiddenProps> & {
20
+ children?: react.ReactNode;
21
+ }, "readOnlyAppearance" | "disableAppearance"> & _stitches_react_types_styled_component.TransformProps<{
22
+ readOnlyAppearance?: boolean | "true" | undefined;
23
+ disableAppearance?: boolean | "true" | undefined;
24
+ }, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react.RefAttributes<HTMLAnchorElement | HTMLButtonElement> & {
25
+ label: string;
26
+ }, "ref"> & react.RefAttributes<HTMLAnchorElement | HTMLButtonElement>, _mirohq_design_system_stitches.ForbiddenProps> & {
27
+ children?: react.ReactNode;
28
+ }, "size"> & _stitches_react_types_styled_component.TransformProps<{
505
29
  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>>, {
30
+ }, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> | Omit<Omit<Omit<Omit<Omit<Omit<Omit<Omit<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<react.ForwardRefExoticComponent<_mirohq_design_system_components_primitive.PrimitiveProps<"button">>>, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react.RefAttributes<HTMLButtonElement> & _mirohq_design_system_hooks_use_press.PressProps & packages_components_internal_base_button_src_base_button.HoverEvents & react.AnchorHTMLAttributes<"a"> & {
31
+ href: string;
32
+ }, "ref"> & react.RefAttributes<HTMLAnchorElement | HTMLButtonElement>, _mirohq_design_system_stitches.ForbiddenProps> & {
33
+ children?: react.ReactNode;
34
+ }, "readOnlyAppearance" | "disableAppearance"> & _stitches_react_types_styled_component.TransformProps<{
35
+ readOnlyAppearance?: boolean | "true" | undefined;
36
+ disableAppearance?: boolean | "true" | undefined;
37
+ }, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react.RefAttributes<HTMLAnchorElement | HTMLButtonElement> & {
38
+ label: string;
39
+ }, "ref"> & react.RefAttributes<HTMLAnchorElement | HTMLButtonElement>, _mirohq_design_system_stitches.ForbiddenProps> & {
40
+ children?: react.ReactNode;
41
+ }, "size"> & _stitches_react_types_styled_component.TransformProps<{
42
+ size?: "large" | "x-large" | undefined;
43
+ }, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref">) & react.RefAttributes<HTMLAnchorElement | HTMLButtonElement>> & _mirohq_design_system_stitches.StitchesInternals<react.ForwardRefExoticComponent<(Omit<Omit<Omit<Omit<Omit<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<react.ForwardRefExoticComponent<_mirohq_design_system_components_primitive.PrimitiveProps<"button">>>, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react.RefAttributes<HTMLButtonElement> & _mirohq_design_system_hooks_use_press.PressProps & packages_components_internal_base_button_src_base_button.HoverEvents, "ref"> & react.RefAttributes<HTMLAnchorElement | HTMLButtonElement>, _mirohq_design_system_stitches.ForbiddenProps> & {
44
+ children?: react.ReactNode;
45
+ }, "readOnlyAppearance" | "disableAppearance"> & _stitches_react_types_styled_component.TransformProps<{
46
+ readOnlyAppearance?: boolean | "true" | undefined;
47
+ disableAppearance?: boolean | "true" | undefined;
48
+ }, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react.RefAttributes<HTMLAnchorElement | HTMLButtonElement> & {
49
+ label: string;
50
+ }, "ref"> | Omit<Omit<Omit<Omit<Omit<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<react.ForwardRefExoticComponent<_mirohq_design_system_components_primitive.PrimitiveProps<"button">>>, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react.RefAttributes<HTMLButtonElement> & _mirohq_design_system_hooks_use_press.PressProps & packages_components_internal_base_button_src_base_button.HoverEvents & react.AnchorHTMLAttributes<"a"> & {
51
+ href: string;
52
+ }, "ref"> & react.RefAttributes<HTMLAnchorElement | HTMLButtonElement>, _mirohq_design_system_stitches.ForbiddenProps> & {
53
+ children?: react.ReactNode;
54
+ }, "readOnlyAppearance" | "disableAppearance"> & _stitches_react_types_styled_component.TransformProps<{
55
+ readOnlyAppearance?: boolean | "true" | undefined;
56
+ disableAppearance?: boolean | "true" | undefined;
57
+ }, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react.RefAttributes<HTMLAnchorElement | HTMLButtonElement> & {
58
+ label: string;
59
+ }, "ref">) & react.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>, {
507
60
  size?: "large" | "x-large" | undefined;
508
61
  }, {}>;
509
62
  declare type StyledActionButtonProps = StrictComponentProps<typeof StyledActionButton>;
@@ -571,992 +124,56 @@ declare const Trigger: react__default.ForwardRefExoticComponent<(Omit<packages_c
571
124
  placeholder?: string | undefined;
572
125
  }, "ref">) & react__default.RefAttributes<HTMLInputElement>>;
573
126
 
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<{}, {
575
- 'border-widths': {
576
- readonly none: 0;
577
- readonly sm: "1px";
578
- readonly md: "2px";
579
- readonly lg: "4px";
580
- };
581
- colors: {
582
- readonly black: any;
583
- readonly 'blue-50': any;
584
- readonly 'blue-100': any;
585
- readonly 'blue-150': any;
586
- readonly 'blue-200': any;
587
- readonly 'blue-250': any;
588
- readonly 'blue-300': any;
589
- readonly 'blue-350': any;
590
- readonly 'blue-400': any;
591
- readonly 'blue-450': any;
592
- readonly 'blue-500': any;
593
- readonly 'blue-550': any;
594
- readonly 'blue-600': any;
595
- readonly 'blue-650': any;
596
- readonly 'blue-700': any;
597
- readonly 'blue-750': any;
598
- readonly 'blue-800': any;
599
- readonly 'blue-850': any;
600
- readonly 'blue-900': any;
601
- readonly 'blue-950': any;
602
- readonly 'gray-50': any;
603
- readonly 'gray-100': any;
604
- readonly 'gray-150': any;
605
- readonly 'gray-200': any;
606
- readonly 'gray-250': any;
607
- readonly 'gray-300': any;
608
- readonly 'gray-350': any;
609
- readonly 'gray-400': any;
610
- readonly 'gray-450': any;
611
- readonly 'gray-500': any;
612
- readonly 'gray-550': any;
613
- readonly 'gray-600': any;
614
- readonly 'gray-650': any;
615
- readonly 'gray-700': any;
616
- readonly 'gray-750': any;
617
- readonly 'gray-800': any;
618
- readonly 'gray-850': any;
619
- readonly 'gray-900': any;
620
- readonly 'gray-950': any;
621
- readonly 'green-50': any;
622
- readonly 'green-100': any;
623
- readonly 'green-150': any;
624
- readonly 'green-200': any;
625
- readonly 'green-250': any;
626
- readonly 'green-300': any;
627
- readonly 'green-350': any;
628
- readonly 'green-400': any;
629
- readonly 'green-450': any;
630
- readonly 'green-500': any;
631
- readonly 'green-550': any;
632
- readonly 'green-600': any;
633
- readonly 'green-650': any;
634
- readonly 'green-700': any;
635
- readonly 'green-750': any;
636
- readonly 'green-800': any;
637
- readonly 'green-850': any;
638
- readonly 'green-900': any;
639
- readonly 'green-950': any;
640
- readonly 'red-50': any;
641
- readonly 'red-100': any;
642
- readonly 'red-150': any;
643
- readonly 'red-200': any;
644
- readonly 'red-250': any;
645
- readonly 'red-300': any;
646
- readonly 'red-350': any;
647
- readonly 'red-400': any;
648
- readonly 'red-450': any;
649
- readonly 'red-500': any;
650
- readonly 'red-550': any;
651
- readonly 'red-600': any;
652
- readonly 'red-650': any;
653
- readonly 'red-700': any;
654
- readonly 'red-750': any;
655
- readonly 'red-800': any;
656
- readonly 'red-850': any;
657
- readonly 'red-900': any;
658
- readonly 'red-950': any;
659
- readonly transparent: any;
660
- readonly white: any;
661
- readonly 'yellow-50': any;
662
- readonly 'yellow-100': any;
663
- readonly 'yellow-150': any;
664
- readonly 'yellow-200': any;
665
- readonly 'yellow-250': any;
666
- readonly 'yellow-300': any;
667
- readonly 'yellow-350': any;
668
- readonly 'yellow-400': any;
669
- readonly 'yellow-450': any;
670
- readonly 'yellow-500': any;
671
- readonly 'yellow-550': any;
672
- readonly 'yellow-600': any;
673
- readonly 'yellow-650': any;
674
- readonly 'yellow-700': any;
675
- readonly 'yellow-750': any;
676
- readonly 'yellow-800': any;
677
- readonly 'yellow-850': any;
678
- readonly 'yellow-900': any;
679
- readonly 'yellow-950': any;
680
- "background-alpha-active"?: any;
681
- "background-alpha-hover"?: any;
682
- "background-danger-prominent"?: any;
683
- "background-danger-prominent-active"?: any;
684
- "background-danger-prominent-hover"?: any;
685
- "background-danger-subtle"?: any;
686
- "background-danger-subtle-active"?: any;
687
- "background-danger-subtle-hover"?: any;
688
- "background-neutrals"?: any;
689
- "background-neutrals-active"?: any;
690
- "background-neutrals-container"?: any;
691
- "background-neutrals-controls-disabled"?: any;
692
- "background-neutrals-disabled"?: any;
693
- "background-neutrals-hover"?: any;
694
- "background-neutrals-inactive"?: any;
695
- "background-neutrals-inactive-hover"?: any;
696
- "background-neutrals-inverted"?: any;
697
- "background-neutrals-inverted-subtle"?: any;
698
- "background-neutrals-page"?: any;
699
- "background-neutrals-page-subtle"?: any;
700
- "background-neutrals-scrollbar"?: any;
701
- "background-neutrals-scrollbar-active"?: any;
702
- "background-neutrals-scrollbar-hover"?: any;
703
- "background-neutrals-subtle"?: any;
704
- "background-neutrals-subtle-active"?: any;
705
- "background-neutrals-subtle-hover"?: any;
706
- "background-primary-prominent"?: any;
707
- "background-primary-prominent-active"?: any;
708
- "background-primary-prominent-hover"?: any;
709
- "background-primary-prominent-selected"?: any;
710
- "background-primary-subtle"?: any;
711
- "background-primary-subtle-active"?: any;
712
- "background-primary-subtle-hover"?: any;
713
- "background-primary-subtle-selected"?: any;
714
- "background-success"?: any;
715
- "background-success-prominent"?: any;
716
- "background-success-prominent-active"?: any;
717
- "background-success-prominent-hover"?: any;
718
- "background-warning-prominent"?: any;
719
- "background-warning-subtle"?: any;
720
- "border-danger"?: any;
721
- "border-danger-active"?: any;
722
- "border-danger-hover"?: any;
723
- "border-focus-error-inner"?: any;
724
- "border-focus-error-middle"?: any;
725
- "border-focus-error-outer"?: any;
726
- "border-focus-inner"?: any;
727
- "border-focus-middle"?: any;
728
- "border-focus-outer"?: any;
729
- "border-focus-success-inner"?: any;
730
- "border-focus-success-middle"?: any;
731
- "border-focus-success-outer"?: any;
732
- "border-neutrals"?: any;
733
- "border-neutrals-active"?: any;
734
- "border-neutrals-controls"?: any;
735
- "border-neutrals-controls-disabled"?: any;
736
- "border-neutrals-disabled"?: any;
737
- "border-neutrals-hover"?: any;
738
- "border-neutrals-inverted"?: any;
739
- "border-neutrals-subtle"?: any;
740
- "border-neutrals-text"?: any;
741
- "border-neutrals-text-active"?: any;
742
- "border-neutrals-text-hover"?: any;
743
- "border-neutrals-text-subtle"?: any;
744
- "border-neutrals-text-subtle-active"?: any;
745
- "border-neutrals-text-subtle-hover"?: any;
746
- "border-neutrals-transparent"?: any;
747
- "border-primary"?: any;
748
- "border-primary-active"?: any;
749
- "border-primary-hover"?: any;
750
- "border-primary-inverted"?: any;
751
- "border-success"?: any;
752
- "border-success-active"?: any;
753
- "border-success-hover"?: any;
754
- "border-warning"?: any;
755
- "icon-danger"?: any;
756
- "icon-danger-active"?: any;
757
- "icon-danger-hover"?: any;
758
- "icon-danger-inverted"?: any;
759
- "icon-neutrals"?: any;
760
- "icon-neutrals-disabled"?: any;
761
- "icon-neutrals-inactive"?: any;
762
- "icon-neutrals-inactive-hover"?: any;
763
- "icon-neutrals-inverted"?: any;
764
- "icon-neutrals-search"?: any;
765
- "icon-neutrals-subtle"?: any;
766
- "icon-neutrals-text"?: any;
767
- "icon-primary"?: any;
768
- "icon-primary-active"?: any;
769
- "icon-primary-hover"?: any;
770
- "icon-primary-inverted"?: any;
771
- "icon-primary-selected"?: any;
772
- "icon-success"?: any;
773
- "icon-success-active"?: any;
774
- "icon-success-hover"?: any;
775
- "icon-success-inverted"?: any;
776
- "icon-warning"?: any;
777
- "icon-warning-prominent"?: any;
778
- "icon-warning-subtle"?: any;
779
- "text-danger"?: any;
780
- "text-danger-active"?: any;
781
- "text-danger-hover"?: any;
782
- "text-danger-inverted"?: any;
783
- "text-neutrals"?: any;
784
- "text-neutrals-active"?: any;
785
- "text-neutrals-disabled"?: any;
786
- "text-neutrals-hover"?: any;
787
- "text-neutrals-inverted"?: any;
788
- "text-neutrals-placeholder"?: any;
789
- "text-neutrals-placeholder-only"?: any;
790
- "text-neutrals-subtle"?: any;
791
- "text-neutrals-subtle-active"?: any;
792
- "text-neutrals-subtle-hover"?: any;
793
- "text-primary"?: any;
794
- "text-primary-active"?: any;
795
- "text-primary-hover"?: any;
796
- "text-primary-inverted"?: any;
797
- "text-primary-inverted-subtle"?: any;
798
- "text-primary-selected"?: any;
799
- "text-success"?: any;
800
- "text-success-active"?: any;
801
- "text-success-hover"?: any;
802
- "text-success-inverted"?: any;
803
- "text-warning"?: any;
804
- "text-warning-subtle"?: any;
805
- };
806
- 'font-sizes': {
807
- readonly 125: "0.625rem";
808
- readonly 150: "0.75rem";
809
- readonly 175: "0.875rem";
810
- readonly 200: "1rem";
811
- readonly 225: "1.125rem";
812
- readonly 250: "1.25rem";
813
- readonly 300: "1.5rem";
814
- readonly 400: "2rem";
815
- readonly 500: "2.5rem";
816
- readonly 600: "3rem";
817
- readonly 800: "4rem";
818
- readonly 900: "4.5rem";
819
- };
820
- fonts: {
821
- readonly heading: "Roobert, sans-serif";
822
- readonly body: "Open Sans, sans-serif";
823
- };
824
- radii: {
825
- readonly 0: "0px";
826
- readonly 25: "2px";
827
- readonly 50: "4px";
828
- readonly 75: "6px";
829
- readonly 100: "8px";
830
- readonly 200: "16px";
831
- readonly round: "999px";
832
- };
833
- shadows: {
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;
842
- };
843
- sizes: {
844
- readonly number: string;
845
- readonly 'icon-200': "16px";
846
- readonly 'icon-300': "24px";
847
- readonly 'icon-400': "32px";
848
- };
849
- space: {
850
- readonly 0: "0px";
851
- readonly 25: "2px";
852
- readonly 50: "4px";
853
- readonly 100: "8px";
854
- readonly 150: "12px";
855
- readonly 200: "16px";
856
- readonly 300: "24px";
857
- readonly 400: "32px";
858
- readonly 500: "40px";
859
- readonly 600: "48px";
860
- readonly 700: "56px";
861
- readonly 800: "64px";
862
- readonly 1200: "96px";
863
- readonly 1600: "128px";
864
- };
865
- 'stroke-width': {
866
- readonly thin: "1.5px";
867
- readonly normal: "2px";
868
- readonly bold: "4px";
869
- };
870
- 'z-indices': {
871
- readonly dropdownMenu: 100;
872
- readonly select: 200;
873
- readonly popover: 300;
874
- readonly tooltip: 400;
875
- };
876
- }, {
877
- readonly background: "colors";
878
- readonly backgroundColor: "colors";
879
- readonly backgroundImage: "colors";
880
- readonly blockSize: "sizes";
881
- readonly border: "colors";
882
- readonly borderBlock: "colors";
883
- readonly borderBlockEnd: "colors";
884
- readonly borderBlockStart: "colors";
885
- readonly borderBottom: "colors";
886
- readonly borderBottomColor: "colors";
887
- readonly borderBottomLeftRadius: "radii";
888
- readonly borderBottomRightRadius: "radii";
889
- readonly borderBottomStyle: "border-styles";
890
- readonly borderBottomWidth: "border-widths";
891
- readonly borderColor: "colors";
892
- readonly borderImage: "colors";
893
- readonly borderInline: "colors";
894
- readonly borderInlineEnd: "colors";
895
- readonly borderInlineStart: "colors";
896
- readonly borderLeft: "colors";
897
- readonly borderLeftColor: "colors";
898
- readonly borderLeftStyle: "border-styles";
899
- readonly borderLeftWidth: "border-widths";
900
- readonly borderRadius: "radii";
901
- readonly borderRight: "colors";
902
- readonly borderRightColor: "colors";
903
- readonly borderRightStyle: "border-styles";
904
- readonly borderRightWidth: "border-widths";
905
- readonly borderSpacing: "space";
906
- readonly borderStyle: "border-styles";
907
- readonly borderTop: "colors";
908
- readonly borderTopColor: "colors";
909
- readonly borderTopLeftRadius: "radii";
910
- readonly borderTopRightRadius: "radii";
911
- readonly borderTopStyle: "border-styles";
912
- readonly borderTopWidth: "border-widths";
913
- readonly borderWidth: "border-widths";
914
- readonly bottom: "space";
915
- readonly boxShadow: "shadows";
916
- readonly caretColor: "colors";
917
- readonly color: "colors";
918
- readonly columnGap: "space";
919
- readonly columnRuleColor: "colors";
920
- readonly fill: "colors";
921
- readonly flexBasis: "sizes";
922
- readonly fontFamily: "fonts";
923
- readonly fontSize: "font-sizes";
924
- readonly fontWeight: "font-weights";
925
- readonly gap: "space";
926
- readonly gridColumnGap: "space";
927
- readonly gridGap: "space";
928
- readonly gridRowGap: "space";
929
- readonly gridTemplateColumns: "sizes";
930
- readonly gridTemplateRows: "sizes";
931
- readonly height: "sizes";
932
- readonly inlineSize: "sizes";
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";
940
- readonly left: "space";
941
- readonly letterSpacing: "letter-spacings";
942
- readonly lineHeight: "line-heights";
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";
954
- readonly maxBlockSize: "sizes";
955
- readonly maxHeight: "sizes";
956
- readonly maxInlineSize: "sizes";
957
- readonly maxWidth: "sizes";
958
- readonly minBlockSize: "sizes";
959
- readonly minHeight: "sizes";
960
- readonly minInlineSize: "sizes";
961
- readonly minWidth: "sizes";
962
- readonly outline: "colors";
963
- readonly outlineColor: "colors";
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";
975
- readonly right: "space";
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";
999
- readonly stroke: "colors";
1000
- readonly strokeWidth: "stroke-width";
1001
- readonly textDecorationColor: "colors";
1002
- readonly textShadow: "shadows";
1003
- readonly top: "space";
1004
- readonly transition: "transitions";
1005
- readonly width: "sizes";
1006
- readonly zIndex: "z-indices";
1007
- }, {
1008
- paddingX: (value: {
1009
- readonly [$$PropertyValue]: "padding";
1010
- }) => {
1011
- paddingLeft: {
1012
- readonly [$$PropertyValue]: "padding";
1013
- };
1014
- paddingRight: {
1015
- readonly [$$PropertyValue]: "padding";
1016
- };
1017
- };
1018
- paddingY: (value: {
1019
- readonly [$$PropertyValue]: "padding";
1020
- }) => {
1021
- paddingTop: {
1022
- readonly [$$PropertyValue]: "padding";
1023
- };
1024
- paddingBottom: {
1025
- readonly [$$PropertyValue]: "padding";
1026
- };
1027
- };
1028
- marginX: (value: {
1029
- readonly [$$PropertyValue]: "margin";
1030
- }) => {
1031
- marginLeft: {
1032
- readonly [$$PropertyValue]: "margin";
1033
- };
1034
- marginRight: {
1035
- readonly [$$PropertyValue]: "margin";
1036
- };
1037
- };
1038
- marginY: (value: {
1039
- readonly [$$PropertyValue]: "margin";
1040
- }) => {
1041
- marginTop: {
1042
- readonly [$$PropertyValue]: "margin";
1043
- };
1044
- marginBottom: {
1045
- readonly [$$PropertyValue]: "margin";
1046
- };
1047
- };
1048
- square: (value: {
1049
- readonly [$$PropertyValue]: "width";
1050
- }) => {
1051
- width: {
1052
- readonly [$$PropertyValue]: "width";
1053
- };
1054
- height: {
1055
- readonly [$$PropertyValue]: "width";
1056
- };
1057
- };
1058
- _hover: (css: _stitches_react_types_css_util.CSSProperties) => {
1059
- '&:hover, &[data-hovered]': _stitches_react_types_css_util.CSSProperties;
1060
- };
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>>, {}, {}>;
127
+ declare const StyledContent: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<react.ForwardRefExoticComponent<RadixPopover.PopoverContentProps & react.RefAttributes<HTMLDivElement>>>, 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>>, {}, {}>;
1062
128
  declare type StyledContentProps = StrictComponentProps<typeof StyledContent>;
1063
129
 
130
+ declare type Direction = 'ltr' | 'rtl';
131
+ declare type Overflow = 'auto' | 'visible';
132
+
133
+ type types_Direction = Direction;
134
+ type types_Overflow = Overflow;
135
+ declare namespace types {
136
+ export {
137
+ types_Direction as Direction,
138
+ types_Overflow as Overflow,
139
+ };
140
+ }
141
+
1064
142
  interface ContentProps extends StyledContentProps {
1065
143
  /**
1066
144
  * Combobox's content.
1067
145
  */
1068
146
  children?: ReactNode;
147
+ /**
148
+ * The distance in pixels from the anchor. Only available when position is set
149
+ * to popper.
150
+ * @default CONTENT_OFFSET
151
+ */
152
+ sideOffset?: number;
153
+ /**
154
+ * The element used as the collision boundary. By default this is the
155
+ * viewport, though you can provide additional element(s) to be included in
156
+ * this check.
157
+ */
158
+ collisionBoundary?: Element | null;
159
+ /**
160
+ * The max height for the content.
161
+ */
162
+ maxHeight?: CSSProperties['maxHeight'];
163
+ /**
164
+ * Setting overflow as "visible" means that the content can extend beyond
165
+ * its collision boundary without any clipping or scrolling being
166
+ * applied.
167
+ * When set to "auto," a scrollbar is added if the content exceeds its
168
+ * boundaries. If no maxHeight is defined, it will be automatically adjusted
169
+ * to fit the remaining space between the trigger and the boundary edge.
170
+ * @default 'visible'
171
+ */
172
+ overflow?: Overflow;
1069
173
  }
1070
174
  declare const Content: react__default.ForwardRefExoticComponent<Omit<ContentProps, "ref"> & react__default.RefAttributes<HTMLDivElement>>;
1071
175
 
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<{}, {
1073
- 'border-widths': {
1074
- readonly none: 0;
1075
- readonly sm: "1px";
1076
- readonly md: "2px";
1077
- readonly lg: "4px";
1078
- };
1079
- colors: {
1080
- readonly black: any;
1081
- readonly 'blue-50': any;
1082
- readonly 'blue-100': any;
1083
- readonly 'blue-150': any;
1084
- readonly 'blue-200': any;
1085
- readonly 'blue-250': any;
1086
- readonly 'blue-300': any;
1087
- readonly 'blue-350': any;
1088
- readonly 'blue-400': any;
1089
- readonly 'blue-450': any;
1090
- readonly 'blue-500': any;
1091
- readonly 'blue-550': any;
1092
- readonly 'blue-600': any;
1093
- readonly 'blue-650': any;
1094
- readonly 'blue-700': any;
1095
- readonly 'blue-750': any;
1096
- readonly 'blue-800': any;
1097
- readonly 'blue-850': any;
1098
- readonly 'blue-900': any;
1099
- readonly 'blue-950': any;
1100
- readonly 'gray-50': any;
1101
- readonly 'gray-100': any;
1102
- readonly 'gray-150': any;
1103
- readonly 'gray-200': any;
1104
- readonly 'gray-250': any;
1105
- readonly 'gray-300': any;
1106
- readonly 'gray-350': any;
1107
- readonly 'gray-400': any;
1108
- readonly 'gray-450': any;
1109
- readonly 'gray-500': any;
1110
- readonly 'gray-550': any;
1111
- readonly 'gray-600': any;
1112
- readonly 'gray-650': any;
1113
- readonly 'gray-700': any;
1114
- readonly 'gray-750': any;
1115
- readonly 'gray-800': any;
1116
- readonly 'gray-850': any;
1117
- readonly 'gray-900': any;
1118
- readonly 'gray-950': any;
1119
- readonly 'green-50': any;
1120
- readonly 'green-100': any;
1121
- readonly 'green-150': any;
1122
- readonly 'green-200': any;
1123
- readonly 'green-250': any;
1124
- readonly 'green-300': any;
1125
- readonly 'green-350': any;
1126
- readonly 'green-400': any;
1127
- readonly 'green-450': any;
1128
- readonly 'green-500': any;
1129
- readonly 'green-550': any;
1130
- readonly 'green-600': any;
1131
- readonly 'green-650': any;
1132
- readonly 'green-700': any;
1133
- readonly 'green-750': any;
1134
- readonly 'green-800': any;
1135
- readonly 'green-850': any;
1136
- readonly 'green-900': any;
1137
- readonly 'green-950': any;
1138
- readonly 'red-50': any;
1139
- readonly 'red-100': any;
1140
- readonly 'red-150': any;
1141
- readonly 'red-200': any;
1142
- readonly 'red-250': any;
1143
- readonly 'red-300': any;
1144
- readonly 'red-350': any;
1145
- readonly 'red-400': any;
1146
- readonly 'red-450': any;
1147
- readonly 'red-500': any;
1148
- readonly 'red-550': any;
1149
- readonly 'red-600': any;
1150
- readonly 'red-650': any;
1151
- readonly 'red-700': any;
1152
- readonly 'red-750': any;
1153
- readonly 'red-800': any;
1154
- readonly 'red-850': any;
1155
- readonly 'red-900': any;
1156
- readonly 'red-950': any;
1157
- readonly transparent: any;
1158
- readonly white: any;
1159
- readonly 'yellow-50': any;
1160
- readonly 'yellow-100': any;
1161
- readonly 'yellow-150': any;
1162
- readonly 'yellow-200': any;
1163
- readonly 'yellow-250': any;
1164
- readonly 'yellow-300': any;
1165
- readonly 'yellow-350': any;
1166
- readonly 'yellow-400': any;
1167
- readonly 'yellow-450': any;
1168
- readonly 'yellow-500': any;
1169
- readonly 'yellow-550': any;
1170
- readonly 'yellow-600': any;
1171
- readonly 'yellow-650': any;
1172
- readonly 'yellow-700': any;
1173
- readonly 'yellow-750': any;
1174
- readonly 'yellow-800': any;
1175
- readonly 'yellow-850': any;
1176
- readonly 'yellow-900': any;
1177
- readonly 'yellow-950': any;
1178
- "background-alpha-active"?: any;
1179
- "background-alpha-hover"?: any;
1180
- "background-danger-prominent"?: any;
1181
- "background-danger-prominent-active"?: any;
1182
- "background-danger-prominent-hover"?: any;
1183
- "background-danger-subtle"?: any;
1184
- "background-danger-subtle-active"?: any;
1185
- "background-danger-subtle-hover"?: any;
1186
- "background-neutrals"?: any;
1187
- "background-neutrals-active"?: any;
1188
- "background-neutrals-container"?: any;
1189
- "background-neutrals-controls-disabled"?: any;
1190
- "background-neutrals-disabled"?: any;
1191
- "background-neutrals-hover"?: any;
1192
- "background-neutrals-inactive"?: any;
1193
- "background-neutrals-inactive-hover"?: any;
1194
- "background-neutrals-inverted"?: any;
1195
- "background-neutrals-inverted-subtle"?: any;
1196
- "background-neutrals-page"?: any;
1197
- "background-neutrals-page-subtle"?: any;
1198
- "background-neutrals-scrollbar"?: any;
1199
- "background-neutrals-scrollbar-active"?: any;
1200
- "background-neutrals-scrollbar-hover"?: any;
1201
- "background-neutrals-subtle"?: any;
1202
- "background-neutrals-subtle-active"?: any;
1203
- "background-neutrals-subtle-hover"?: any;
1204
- "background-primary-prominent"?: any;
1205
- "background-primary-prominent-active"?: any;
1206
- "background-primary-prominent-hover"?: any;
1207
- "background-primary-prominent-selected"?: any;
1208
- "background-primary-subtle"?: any;
1209
- "background-primary-subtle-active"?: any;
1210
- "background-primary-subtle-hover"?: any;
1211
- "background-primary-subtle-selected"?: any;
1212
- "background-success"?: any;
1213
- "background-success-prominent"?: any;
1214
- "background-success-prominent-active"?: any;
1215
- "background-success-prominent-hover"?: any;
1216
- "background-warning-prominent"?: any;
1217
- "background-warning-subtle"?: any;
1218
- "border-danger"?: any;
1219
- "border-danger-active"?: any;
1220
- "border-danger-hover"?: any;
1221
- "border-focus-error-inner"?: any;
1222
- "border-focus-error-middle"?: any;
1223
- "border-focus-error-outer"?: any;
1224
- "border-focus-inner"?: any;
1225
- "border-focus-middle"?: any;
1226
- "border-focus-outer"?: any;
1227
- "border-focus-success-inner"?: any;
1228
- "border-focus-success-middle"?: any;
1229
- "border-focus-success-outer"?: any;
1230
- "border-neutrals"?: any;
1231
- "border-neutrals-active"?: any;
1232
- "border-neutrals-controls"?: any;
1233
- "border-neutrals-controls-disabled"?: any;
1234
- "border-neutrals-disabled"?: any;
1235
- "border-neutrals-hover"?: any;
1236
- "border-neutrals-inverted"?: any;
1237
- "border-neutrals-subtle"?: any;
1238
- "border-neutrals-text"?: any;
1239
- "border-neutrals-text-active"?: any;
1240
- "border-neutrals-text-hover"?: any;
1241
- "border-neutrals-text-subtle"?: any;
1242
- "border-neutrals-text-subtle-active"?: any;
1243
- "border-neutrals-text-subtle-hover"?: any;
1244
- "border-neutrals-transparent"?: any;
1245
- "border-primary"?: any;
1246
- "border-primary-active"?: any;
1247
- "border-primary-hover"?: any;
1248
- "border-primary-inverted"?: any;
1249
- "border-success"?: any;
1250
- "border-success-active"?: any;
1251
- "border-success-hover"?: any;
1252
- "border-warning"?: any;
1253
- "icon-danger"?: any;
1254
- "icon-danger-active"?: any;
1255
- "icon-danger-hover"?: any;
1256
- "icon-danger-inverted"?: any;
1257
- "icon-neutrals"?: any;
1258
- "icon-neutrals-disabled"?: any;
1259
- "icon-neutrals-inactive"?: any;
1260
- "icon-neutrals-inactive-hover"?: any;
1261
- "icon-neutrals-inverted"?: any;
1262
- "icon-neutrals-search"?: any;
1263
- "icon-neutrals-subtle"?: any;
1264
- "icon-neutrals-text"?: any;
1265
- "icon-primary"?: any;
1266
- "icon-primary-active"?: any;
1267
- "icon-primary-hover"?: any;
1268
- "icon-primary-inverted"?: any;
1269
- "icon-primary-selected"?: any;
1270
- "icon-success"?: any;
1271
- "icon-success-active"?: any;
1272
- "icon-success-hover"?: any;
1273
- "icon-success-inverted"?: any;
1274
- "icon-warning"?: any;
1275
- "icon-warning-prominent"?: any;
1276
- "icon-warning-subtle"?: any;
1277
- "text-danger"?: any;
1278
- "text-danger-active"?: any;
1279
- "text-danger-hover"?: any;
1280
- "text-danger-inverted"?: any;
1281
- "text-neutrals"?: any;
1282
- "text-neutrals-active"?: any;
1283
- "text-neutrals-disabled"?: any;
1284
- "text-neutrals-hover"?: any;
1285
- "text-neutrals-inverted"?: any;
1286
- "text-neutrals-placeholder"?: any;
1287
- "text-neutrals-placeholder-only"?: any;
1288
- "text-neutrals-subtle"?: any;
1289
- "text-neutrals-subtle-active"?: any;
1290
- "text-neutrals-subtle-hover"?: any;
1291
- "text-primary"?: any;
1292
- "text-primary-active"?: any;
1293
- "text-primary-hover"?: any;
1294
- "text-primary-inverted"?: any;
1295
- "text-primary-inverted-subtle"?: any;
1296
- "text-primary-selected"?: any;
1297
- "text-success"?: any;
1298
- "text-success-active"?: any;
1299
- "text-success-hover"?: any;
1300
- "text-success-inverted"?: any;
1301
- "text-warning"?: any;
1302
- "text-warning-subtle"?: any;
1303
- };
1304
- 'font-sizes': {
1305
- readonly 125: "0.625rem";
1306
- readonly 150: "0.75rem";
1307
- readonly 175: "0.875rem";
1308
- readonly 200: "1rem";
1309
- readonly 225: "1.125rem";
1310
- readonly 250: "1.25rem";
1311
- readonly 300: "1.5rem";
1312
- readonly 400: "2rem";
1313
- readonly 500: "2.5rem";
1314
- readonly 600: "3rem";
1315
- readonly 800: "4rem";
1316
- readonly 900: "4.5rem";
1317
- };
1318
- fonts: {
1319
- readonly heading: "Roobert, sans-serif";
1320
- readonly body: "Open Sans, sans-serif";
1321
- };
1322
- radii: {
1323
- readonly 0: "0px";
1324
- readonly 25: "2px";
1325
- readonly 50: "4px";
1326
- readonly 75: "6px";
1327
- readonly 100: "8px";
1328
- readonly 200: "16px";
1329
- readonly round: "999px";
1330
- };
1331
- shadows: {
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;
1340
- };
1341
- sizes: {
1342
- readonly number: string;
1343
- readonly 'icon-200': "16px";
1344
- readonly 'icon-300': "24px";
1345
- readonly 'icon-400': "32px";
1346
- };
1347
- space: {
1348
- readonly 0: "0px";
1349
- readonly 25: "2px";
1350
- readonly 50: "4px";
1351
- readonly 100: "8px";
1352
- readonly 150: "12px";
1353
- readonly 200: "16px";
1354
- readonly 300: "24px";
1355
- readonly 400: "32px";
1356
- readonly 500: "40px";
1357
- readonly 600: "48px";
1358
- readonly 700: "56px";
1359
- readonly 800: "64px";
1360
- readonly 1200: "96px";
1361
- readonly 1600: "128px";
1362
- };
1363
- 'stroke-width': {
1364
- readonly thin: "1.5px";
1365
- readonly normal: "2px";
1366
- readonly bold: "4px";
1367
- };
1368
- 'z-indices': {
1369
- readonly dropdownMenu: 100;
1370
- readonly select: 200;
1371
- readonly popover: 300;
1372
- readonly tooltip: 400;
1373
- };
1374
- }, {
1375
- readonly background: "colors";
1376
- readonly backgroundColor: "colors";
1377
- readonly backgroundImage: "colors";
1378
- readonly blockSize: "sizes";
1379
- readonly border: "colors";
1380
- readonly borderBlock: "colors";
1381
- readonly borderBlockEnd: "colors";
1382
- readonly borderBlockStart: "colors";
1383
- readonly borderBottom: "colors";
1384
- readonly borderBottomColor: "colors";
1385
- readonly borderBottomLeftRadius: "radii";
1386
- readonly borderBottomRightRadius: "radii";
1387
- readonly borderBottomStyle: "border-styles";
1388
- readonly borderBottomWidth: "border-widths";
1389
- readonly borderColor: "colors";
1390
- readonly borderImage: "colors";
1391
- readonly borderInline: "colors";
1392
- readonly borderInlineEnd: "colors";
1393
- readonly borderInlineStart: "colors";
1394
- readonly borderLeft: "colors";
1395
- readonly borderLeftColor: "colors";
1396
- readonly borderLeftStyle: "border-styles";
1397
- readonly borderLeftWidth: "border-widths";
1398
- readonly borderRadius: "radii";
1399
- readonly borderRight: "colors";
1400
- readonly borderRightColor: "colors";
1401
- readonly borderRightStyle: "border-styles";
1402
- readonly borderRightWidth: "border-widths";
1403
- readonly borderSpacing: "space";
1404
- readonly borderStyle: "border-styles";
1405
- readonly borderTop: "colors";
1406
- readonly borderTopColor: "colors";
1407
- readonly borderTopLeftRadius: "radii";
1408
- readonly borderTopRightRadius: "radii";
1409
- readonly borderTopStyle: "border-styles";
1410
- readonly borderTopWidth: "border-widths";
1411
- readonly borderWidth: "border-widths";
1412
- readonly bottom: "space";
1413
- readonly boxShadow: "shadows";
1414
- readonly caretColor: "colors";
1415
- readonly color: "colors";
1416
- readonly columnGap: "space";
1417
- readonly columnRuleColor: "colors";
1418
- readonly fill: "colors";
1419
- readonly flexBasis: "sizes";
1420
- readonly fontFamily: "fonts";
1421
- readonly fontSize: "font-sizes";
1422
- readonly fontWeight: "font-weights";
1423
- readonly gap: "space";
1424
- readonly gridColumnGap: "space";
1425
- readonly gridGap: "space";
1426
- readonly gridRowGap: "space";
1427
- readonly gridTemplateColumns: "sizes";
1428
- readonly gridTemplateRows: "sizes";
1429
- readonly height: "sizes";
1430
- readonly inlineSize: "sizes";
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";
1438
- readonly left: "space";
1439
- readonly letterSpacing: "letter-spacings";
1440
- readonly lineHeight: "line-heights";
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";
1452
- readonly maxBlockSize: "sizes";
1453
- readonly maxHeight: "sizes";
1454
- readonly maxInlineSize: "sizes";
1455
- readonly maxWidth: "sizes";
1456
- readonly minBlockSize: "sizes";
1457
- readonly minHeight: "sizes";
1458
- readonly minInlineSize: "sizes";
1459
- readonly minWidth: "sizes";
1460
- readonly outline: "colors";
1461
- readonly outlineColor: "colors";
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";
1473
- readonly right: "space";
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";
1497
- readonly stroke: "colors";
1498
- readonly strokeWidth: "stroke-width";
1499
- readonly textDecorationColor: "colors";
1500
- readonly textShadow: "shadows";
1501
- readonly top: "space";
1502
- readonly transition: "transitions";
1503
- readonly width: "sizes";
1504
- readonly zIndex: "z-indices";
1505
- }, {
1506
- paddingX: (value: {
1507
- readonly [$$PropertyValue]: "padding";
1508
- }) => {
1509
- paddingLeft: {
1510
- readonly [$$PropertyValue]: "padding";
1511
- };
1512
- paddingRight: {
1513
- readonly [$$PropertyValue]: "padding";
1514
- };
1515
- };
1516
- paddingY: (value: {
1517
- readonly [$$PropertyValue]: "padding";
1518
- }) => {
1519
- paddingTop: {
1520
- readonly [$$PropertyValue]: "padding";
1521
- };
1522
- paddingBottom: {
1523
- readonly [$$PropertyValue]: "padding";
1524
- };
1525
- };
1526
- marginX: (value: {
1527
- readonly [$$PropertyValue]: "margin";
1528
- }) => {
1529
- marginLeft: {
1530
- readonly [$$PropertyValue]: "margin";
1531
- };
1532
- marginRight: {
1533
- readonly [$$PropertyValue]: "margin";
1534
- };
1535
- };
1536
- marginY: (value: {
1537
- readonly [$$PropertyValue]: "margin";
1538
- }) => {
1539
- marginTop: {
1540
- readonly [$$PropertyValue]: "margin";
1541
- };
1542
- marginBottom: {
1543
- readonly [$$PropertyValue]: "margin";
1544
- };
1545
- };
1546
- square: (value: {
1547
- readonly [$$PropertyValue]: "width";
1548
- }) => {
1549
- width: {
1550
- readonly [$$PropertyValue]: "width";
1551
- };
1552
- height: {
1553
- readonly [$$PropertyValue]: "width";
1554
- };
1555
- };
1556
- _hover: (css: _stitches_react_types_css_util.CSSProperties) => {
1557
- '&:hover, &[data-hovered]': _stitches_react_types_css_util.CSSProperties;
1558
- };
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>>, {}, {}>;
176
+ declare const StyledItem: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<(props: _ariakit_react.ComboboxItemProps<"div">) => react.ReactElement<any, string | react.JSXElementConstructor<any>>>, 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>>, {}, {}>;
1560
177
  declare type StyledItemProps = StrictComponentProps<typeof StyledItem>;
1561
178
 
1562
179
  interface ItemProps extends StyledItemProps {
@@ -1593,494 +210,7 @@ declare const Portal: react__default.FC<PortalProps>;
1593
210
  declare type GroupProps = GroupProps$1;
1594
211
  declare const Group: react__default.ForwardRefExoticComponent<Omit<GroupProps, "ref"> & react__default.RefAttributes<HTMLDivElement>>;
1595
212
 
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<{}, {
1597
- 'border-widths': {
1598
- readonly none: 0;
1599
- readonly sm: "1px";
1600
- readonly md: "2px";
1601
- readonly lg: "4px";
1602
- };
1603
- colors: {
1604
- readonly black: any;
1605
- readonly 'blue-50': any;
1606
- readonly 'blue-100': any;
1607
- readonly 'blue-150': any;
1608
- readonly 'blue-200': any;
1609
- readonly 'blue-250': any;
1610
- readonly 'blue-300': any;
1611
- readonly 'blue-350': any;
1612
- readonly 'blue-400': any;
1613
- readonly 'blue-450': any;
1614
- readonly 'blue-500': any;
1615
- readonly 'blue-550': any;
1616
- readonly 'blue-600': any;
1617
- readonly 'blue-650': any;
1618
- readonly 'blue-700': any;
1619
- readonly 'blue-750': any;
1620
- readonly 'blue-800': any;
1621
- readonly 'blue-850': any;
1622
- readonly 'blue-900': any;
1623
- readonly 'blue-950': any;
1624
- readonly 'gray-50': any;
1625
- readonly 'gray-100': any;
1626
- readonly 'gray-150': any;
1627
- readonly 'gray-200': any;
1628
- readonly 'gray-250': any;
1629
- readonly 'gray-300': any;
1630
- readonly 'gray-350': any;
1631
- readonly 'gray-400': any;
1632
- readonly 'gray-450': any;
1633
- readonly 'gray-500': any;
1634
- readonly 'gray-550': any;
1635
- readonly 'gray-600': any;
1636
- readonly 'gray-650': any;
1637
- readonly 'gray-700': any;
1638
- readonly 'gray-750': any;
1639
- readonly 'gray-800': any;
1640
- readonly 'gray-850': any;
1641
- readonly 'gray-900': any;
1642
- readonly 'gray-950': any;
1643
- readonly 'green-50': any;
1644
- readonly 'green-100': any;
1645
- readonly 'green-150': any;
1646
- readonly 'green-200': any;
1647
- readonly 'green-250': any;
1648
- readonly 'green-300': any;
1649
- readonly 'green-350': any;
1650
- readonly 'green-400': any;
1651
- readonly 'green-450': any;
1652
- readonly 'green-500': any;
1653
- readonly 'green-550': any;
1654
- readonly 'green-600': any;
1655
- readonly 'green-650': any;
1656
- readonly 'green-700': any;
1657
- readonly 'green-750': any;
1658
- readonly 'green-800': any;
1659
- readonly 'green-850': any;
1660
- readonly 'green-900': any;
1661
- readonly 'green-950': any;
1662
- readonly 'red-50': any;
1663
- readonly 'red-100': any;
1664
- readonly 'red-150': any;
1665
- readonly 'red-200': any;
1666
- readonly 'red-250': any;
1667
- readonly 'red-300': any;
1668
- readonly 'red-350': any;
1669
- readonly 'red-400': any;
1670
- readonly 'red-450': any;
1671
- readonly 'red-500': any;
1672
- readonly 'red-550': any;
1673
- readonly 'red-600': any;
1674
- readonly 'red-650': any;
1675
- readonly 'red-700': any;
1676
- readonly 'red-750': any;
1677
- readonly 'red-800': any;
1678
- readonly 'red-850': any;
1679
- readonly 'red-900': any;
1680
- readonly 'red-950': any;
1681
- readonly transparent: any;
1682
- readonly white: any;
1683
- readonly 'yellow-50': any;
1684
- readonly 'yellow-100': any;
1685
- readonly 'yellow-150': any;
1686
- readonly 'yellow-200': any;
1687
- readonly 'yellow-250': any;
1688
- readonly 'yellow-300': any;
1689
- readonly 'yellow-350': any;
1690
- readonly 'yellow-400': any;
1691
- readonly 'yellow-450': any;
1692
- readonly 'yellow-500': any;
1693
- readonly 'yellow-550': any;
1694
- readonly 'yellow-600': any;
1695
- readonly 'yellow-650': any;
1696
- readonly 'yellow-700': any;
1697
- readonly 'yellow-750': any;
1698
- readonly 'yellow-800': any;
1699
- readonly 'yellow-850': any;
1700
- readonly 'yellow-900': any;
1701
- readonly 'yellow-950': any;
1702
- "background-alpha-active"?: any;
1703
- "background-alpha-hover"?: any;
1704
- "background-danger-prominent"?: any;
1705
- "background-danger-prominent-active"?: any;
1706
- "background-danger-prominent-hover"?: any;
1707
- "background-danger-subtle"?: any;
1708
- "background-danger-subtle-active"?: any;
1709
- "background-danger-subtle-hover"?: any;
1710
- "background-neutrals"?: any;
1711
- "background-neutrals-active"?: any;
1712
- "background-neutrals-container"?: any;
1713
- "background-neutrals-controls-disabled"?: any;
1714
- "background-neutrals-disabled"?: any;
1715
- "background-neutrals-hover"?: any;
1716
- "background-neutrals-inactive"?: any;
1717
- "background-neutrals-inactive-hover"?: any;
1718
- "background-neutrals-inverted"?: any;
1719
- "background-neutrals-inverted-subtle"?: any;
1720
- "background-neutrals-page"?: any;
1721
- "background-neutrals-page-subtle"?: any;
1722
- "background-neutrals-scrollbar"?: any;
1723
- "background-neutrals-scrollbar-active"?: any;
1724
- "background-neutrals-scrollbar-hover"?: any;
1725
- "background-neutrals-subtle"?: any;
1726
- "background-neutrals-subtle-active"?: any;
1727
- "background-neutrals-subtle-hover"?: any;
1728
- "background-primary-prominent"?: any;
1729
- "background-primary-prominent-active"?: any;
1730
- "background-primary-prominent-hover"?: any;
1731
- "background-primary-prominent-selected"?: any;
1732
- "background-primary-subtle"?: any;
1733
- "background-primary-subtle-active"?: any;
1734
- "background-primary-subtle-hover"?: any;
1735
- "background-primary-subtle-selected"?: any;
1736
- "background-success"?: any;
1737
- "background-success-prominent"?: any;
1738
- "background-success-prominent-active"?: any;
1739
- "background-success-prominent-hover"?: any;
1740
- "background-warning-prominent"?: any;
1741
- "background-warning-subtle"?: any;
1742
- "border-danger"?: any;
1743
- "border-danger-active"?: any;
1744
- "border-danger-hover"?: any;
1745
- "border-focus-error-inner"?: any;
1746
- "border-focus-error-middle"?: any;
1747
- "border-focus-error-outer"?: any;
1748
- "border-focus-inner"?: any;
1749
- "border-focus-middle"?: any;
1750
- "border-focus-outer"?: any;
1751
- "border-focus-success-inner"?: any;
1752
- "border-focus-success-middle"?: any;
1753
- "border-focus-success-outer"?: any;
1754
- "border-neutrals"?: any;
1755
- "border-neutrals-active"?: any;
1756
- "border-neutrals-controls"?: any;
1757
- "border-neutrals-controls-disabled"?: any;
1758
- "border-neutrals-disabled"?: any;
1759
- "border-neutrals-hover"?: any;
1760
- "border-neutrals-inverted"?: any;
1761
- "border-neutrals-subtle"?: any;
1762
- "border-neutrals-text"?: any;
1763
- "border-neutrals-text-active"?: any;
1764
- "border-neutrals-text-hover"?: any;
1765
- "border-neutrals-text-subtle"?: any;
1766
- "border-neutrals-text-subtle-active"?: any;
1767
- "border-neutrals-text-subtle-hover"?: any;
1768
- "border-neutrals-transparent"?: any;
1769
- "border-primary"?: any;
1770
- "border-primary-active"?: any;
1771
- "border-primary-hover"?: any;
1772
- "border-primary-inverted"?: any;
1773
- "border-success"?: any;
1774
- "border-success-active"?: any;
1775
- "border-success-hover"?: any;
1776
- "border-warning"?: any;
1777
- "icon-danger"?: any;
1778
- "icon-danger-active"?: any;
1779
- "icon-danger-hover"?: any;
1780
- "icon-danger-inverted"?: any;
1781
- "icon-neutrals"?: any;
1782
- "icon-neutrals-disabled"?: any;
1783
- "icon-neutrals-inactive"?: any;
1784
- "icon-neutrals-inactive-hover"?: any;
1785
- "icon-neutrals-inverted"?: any;
1786
- "icon-neutrals-search"?: any;
1787
- "icon-neutrals-subtle"?: any;
1788
- "icon-neutrals-text"?: any;
1789
- "icon-primary"?: any;
1790
- "icon-primary-active"?: any;
1791
- "icon-primary-hover"?: any;
1792
- "icon-primary-inverted"?: any;
1793
- "icon-primary-selected"?: any;
1794
- "icon-success"?: any;
1795
- "icon-success-active"?: any;
1796
- "icon-success-hover"?: any;
1797
- "icon-success-inverted"?: any;
1798
- "icon-warning"?: any;
1799
- "icon-warning-prominent"?: any;
1800
- "icon-warning-subtle"?: any;
1801
- "text-danger"?: any;
1802
- "text-danger-active"?: any;
1803
- "text-danger-hover"?: any;
1804
- "text-danger-inverted"?: any;
1805
- "text-neutrals"?: any;
1806
- "text-neutrals-active"?: any;
1807
- "text-neutrals-disabled"?: any;
1808
- "text-neutrals-hover"?: any;
1809
- "text-neutrals-inverted"?: any;
1810
- "text-neutrals-placeholder"?: any;
1811
- "text-neutrals-placeholder-only"?: any;
1812
- "text-neutrals-subtle"?: any;
1813
- "text-neutrals-subtle-active"?: any;
1814
- "text-neutrals-subtle-hover"?: any;
1815
- "text-primary"?: any;
1816
- "text-primary-active"?: any;
1817
- "text-primary-hover"?: any;
1818
- "text-primary-inverted"?: any;
1819
- "text-primary-inverted-subtle"?: any;
1820
- "text-primary-selected"?: any;
1821
- "text-success"?: any;
1822
- "text-success-active"?: any;
1823
- "text-success-hover"?: any;
1824
- "text-success-inverted"?: any;
1825
- "text-warning"?: any;
1826
- "text-warning-subtle"?: any;
1827
- };
1828
- 'font-sizes': {
1829
- readonly 125: "0.625rem";
1830
- readonly 150: "0.75rem";
1831
- readonly 175: "0.875rem";
1832
- readonly 200: "1rem";
1833
- readonly 225: "1.125rem";
1834
- readonly 250: "1.25rem";
1835
- readonly 300: "1.5rem";
1836
- readonly 400: "2rem";
1837
- readonly 500: "2.5rem";
1838
- readonly 600: "3rem";
1839
- readonly 800: "4rem";
1840
- readonly 900: "4.5rem";
1841
- };
1842
- fonts: {
1843
- readonly heading: "Roobert, sans-serif";
1844
- readonly body: "Open Sans, sans-serif";
1845
- };
1846
- radii: {
1847
- readonly 0: "0px";
1848
- readonly 25: "2px";
1849
- readonly 50: "4px";
1850
- readonly 75: "6px";
1851
- readonly 100: "8px";
1852
- readonly 200: "16px";
1853
- readonly round: "999px";
1854
- };
1855
- shadows: {
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;
1864
- };
1865
- sizes: {
1866
- readonly number: string;
1867
- readonly 'icon-200': "16px";
1868
- readonly 'icon-300': "24px";
1869
- readonly 'icon-400': "32px";
1870
- };
1871
- space: {
1872
- readonly 0: "0px";
1873
- readonly 25: "2px";
1874
- readonly 50: "4px";
1875
- readonly 100: "8px";
1876
- readonly 150: "12px";
1877
- readonly 200: "16px";
1878
- readonly 300: "24px";
1879
- readonly 400: "32px";
1880
- readonly 500: "40px";
1881
- readonly 600: "48px";
1882
- readonly 700: "56px";
1883
- readonly 800: "64px";
1884
- readonly 1200: "96px";
1885
- readonly 1600: "128px";
1886
- };
1887
- 'stroke-width': {
1888
- readonly thin: "1.5px";
1889
- readonly normal: "2px";
1890
- readonly bold: "4px";
1891
- };
1892
- 'z-indices': {
1893
- readonly dropdownMenu: 100;
1894
- readonly select: 200;
1895
- readonly popover: 300;
1896
- readonly tooltip: 400;
1897
- };
1898
- }, {
1899
- readonly background: "colors";
1900
- readonly backgroundColor: "colors";
1901
- readonly backgroundImage: "colors";
1902
- readonly blockSize: "sizes";
1903
- readonly border: "colors";
1904
- readonly borderBlock: "colors";
1905
- readonly borderBlockEnd: "colors";
1906
- readonly borderBlockStart: "colors";
1907
- readonly borderBottom: "colors";
1908
- readonly borderBottomColor: "colors";
1909
- readonly borderBottomLeftRadius: "radii";
1910
- readonly borderBottomRightRadius: "radii";
1911
- readonly borderBottomStyle: "border-styles";
1912
- readonly borderBottomWidth: "border-widths";
1913
- readonly borderColor: "colors";
1914
- readonly borderImage: "colors";
1915
- readonly borderInline: "colors";
1916
- readonly borderInlineEnd: "colors";
1917
- readonly borderInlineStart: "colors";
1918
- readonly borderLeft: "colors";
1919
- readonly borderLeftColor: "colors";
1920
- readonly borderLeftStyle: "border-styles";
1921
- readonly borderLeftWidth: "border-widths";
1922
- readonly borderRadius: "radii";
1923
- readonly borderRight: "colors";
1924
- readonly borderRightColor: "colors";
1925
- readonly borderRightStyle: "border-styles";
1926
- readonly borderRightWidth: "border-widths";
1927
- readonly borderSpacing: "space";
1928
- readonly borderStyle: "border-styles";
1929
- readonly borderTop: "colors";
1930
- readonly borderTopColor: "colors";
1931
- readonly borderTopLeftRadius: "radii";
1932
- readonly borderTopRightRadius: "radii";
1933
- readonly borderTopStyle: "border-styles";
1934
- readonly borderTopWidth: "border-widths";
1935
- readonly borderWidth: "border-widths";
1936
- readonly bottom: "space";
1937
- readonly boxShadow: "shadows";
1938
- readonly caretColor: "colors";
1939
- readonly color: "colors";
1940
- readonly columnGap: "space";
1941
- readonly columnRuleColor: "colors";
1942
- readonly fill: "colors";
1943
- readonly flexBasis: "sizes";
1944
- readonly fontFamily: "fonts";
1945
- readonly fontSize: "font-sizes";
1946
- readonly fontWeight: "font-weights";
1947
- readonly gap: "space";
1948
- readonly gridColumnGap: "space";
1949
- readonly gridGap: "space";
1950
- readonly gridRowGap: "space";
1951
- readonly gridTemplateColumns: "sizes";
1952
- readonly gridTemplateRows: "sizes";
1953
- readonly height: "sizes";
1954
- readonly inlineSize: "sizes";
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";
1962
- readonly left: "space";
1963
- readonly letterSpacing: "letter-spacings";
1964
- readonly lineHeight: "line-heights";
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";
1976
- readonly maxBlockSize: "sizes";
1977
- readonly maxHeight: "sizes";
1978
- readonly maxInlineSize: "sizes";
1979
- readonly maxWidth: "sizes";
1980
- readonly minBlockSize: "sizes";
1981
- readonly minHeight: "sizes";
1982
- readonly minInlineSize: "sizes";
1983
- readonly minWidth: "sizes";
1984
- readonly outline: "colors";
1985
- readonly outlineColor: "colors";
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";
1997
- readonly right: "space";
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";
2021
- readonly stroke: "colors";
2022
- readonly strokeWidth: "stroke-width";
2023
- readonly textDecorationColor: "colors";
2024
- readonly textShadow: "shadows";
2025
- readonly top: "space";
2026
- readonly transition: "transitions";
2027
- readonly width: "sizes";
2028
- readonly zIndex: "z-indices";
2029
- }, {
2030
- paddingX: (value: {
2031
- readonly [$$PropertyValue]: "padding";
2032
- }) => {
2033
- paddingLeft: {
2034
- readonly [$$PropertyValue]: "padding";
2035
- };
2036
- paddingRight: {
2037
- readonly [$$PropertyValue]: "padding";
2038
- };
2039
- };
2040
- paddingY: (value: {
2041
- readonly [$$PropertyValue]: "padding";
2042
- }) => {
2043
- paddingTop: {
2044
- readonly [$$PropertyValue]: "padding";
2045
- };
2046
- paddingBottom: {
2047
- readonly [$$PropertyValue]: "padding";
2048
- };
2049
- };
2050
- marginX: (value: {
2051
- readonly [$$PropertyValue]: "margin";
2052
- }) => {
2053
- marginLeft: {
2054
- readonly [$$PropertyValue]: "margin";
2055
- };
2056
- marginRight: {
2057
- readonly [$$PropertyValue]: "margin";
2058
- };
2059
- };
2060
- marginY: (value: {
2061
- readonly [$$PropertyValue]: "margin";
2062
- }) => {
2063
- marginTop: {
2064
- readonly [$$PropertyValue]: "margin";
2065
- };
2066
- marginBottom: {
2067
- readonly [$$PropertyValue]: "margin";
2068
- };
2069
- };
2070
- square: (value: {
2071
- readonly [$$PropertyValue]: "width";
2072
- }) => {
2073
- width: {
2074
- readonly [$$PropertyValue]: "width";
2075
- };
2076
- height: {
2077
- readonly [$$PropertyValue]: "width";
2078
- };
2079
- };
2080
- _hover: (css: _stitches_react_types_css_util.CSSProperties) => {
2081
- '&:hover, &[data-hovered]': _stitches_react_types_css_util.CSSProperties;
2082
- };
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>>, {}, {}>;
213
+ declare const StyledGroupLabel: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<(props: _ariakit_react.GroupLabelProps<"div">) => react.ReactElement<any, string | react.JSXElementConstructor<any>>>, 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
214
  declare type StyledGroupLabelProps = StrictComponentProps<typeof StyledGroupLabel>;
2085
215
 
2086
216
  interface GroupLabelProps extends StyledGroupLabelProps {
@@ -2095,514 +225,21 @@ interface ValueProps {
2095
225
  }
2096
226
  declare const Value: FC<ValueProps>;
2097
227
 
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<{}, {
2099
- 'border-widths': {
2100
- readonly none: 0;
2101
- readonly sm: "1px";
2102
- readonly md: "2px";
2103
- readonly lg: "4px";
2104
- };
2105
- colors: {
2106
- readonly black: any;
2107
- readonly 'blue-50': any;
2108
- readonly 'blue-100': any;
2109
- readonly 'blue-150': any;
2110
- readonly 'blue-200': any;
2111
- readonly 'blue-250': any;
2112
- readonly 'blue-300': any;
2113
- readonly 'blue-350': any;
2114
- readonly 'blue-400': any;
2115
- readonly 'blue-450': any;
2116
- readonly 'blue-500': any;
2117
- readonly 'blue-550': any;
2118
- readonly 'blue-600': any;
2119
- readonly 'blue-650': any;
2120
- readonly 'blue-700': any;
2121
- readonly 'blue-750': any;
2122
- readonly 'blue-800': any;
2123
- readonly 'blue-850': any;
2124
- readonly 'blue-900': any;
2125
- readonly 'blue-950': any;
2126
- readonly 'gray-50': any;
2127
- readonly 'gray-100': any;
2128
- readonly 'gray-150': any;
2129
- readonly 'gray-200': any;
2130
- readonly 'gray-250': any;
2131
- readonly 'gray-300': any;
2132
- readonly 'gray-350': any;
2133
- readonly 'gray-400': any;
2134
- readonly 'gray-450': any;
2135
- readonly 'gray-500': any;
2136
- readonly 'gray-550': any;
2137
- readonly 'gray-600': any;
2138
- readonly 'gray-650': any;
2139
- readonly 'gray-700': any;
2140
- readonly 'gray-750': any;
2141
- readonly 'gray-800': any;
2142
- readonly 'gray-850': any;
2143
- readonly 'gray-900': any;
2144
- readonly 'gray-950': any;
2145
- readonly 'green-50': any;
2146
- readonly 'green-100': any;
2147
- readonly 'green-150': any;
2148
- readonly 'green-200': any;
2149
- readonly 'green-250': any;
2150
- readonly 'green-300': any;
2151
- readonly 'green-350': any;
2152
- readonly 'green-400': any;
2153
- readonly 'green-450': any;
2154
- readonly 'green-500': any;
2155
- readonly 'green-550': any;
2156
- readonly 'green-600': any;
2157
- readonly 'green-650': any;
2158
- readonly 'green-700': any;
2159
- readonly 'green-750': any;
2160
- readonly 'green-800': any;
2161
- readonly 'green-850': any;
2162
- readonly 'green-900': any;
2163
- readonly 'green-950': any;
2164
- readonly 'red-50': any;
2165
- readonly 'red-100': any;
2166
- readonly 'red-150': any;
2167
- readonly 'red-200': any;
2168
- readonly 'red-250': any;
2169
- readonly 'red-300': any;
2170
- readonly 'red-350': any;
2171
- readonly 'red-400': any;
2172
- readonly 'red-450': any;
2173
- readonly 'red-500': any;
2174
- readonly 'red-550': any;
2175
- readonly 'red-600': any;
2176
- readonly 'red-650': any;
2177
- readonly 'red-700': any;
2178
- readonly 'red-750': any;
2179
- readonly 'red-800': any;
2180
- readonly 'red-850': any;
2181
- readonly 'red-900': any;
2182
- readonly 'red-950': any;
2183
- readonly transparent: any;
2184
- readonly white: any;
2185
- readonly 'yellow-50': any;
2186
- readonly 'yellow-100': any;
2187
- readonly 'yellow-150': any;
2188
- readonly 'yellow-200': any;
2189
- readonly 'yellow-250': any;
2190
- readonly 'yellow-300': any;
2191
- readonly 'yellow-350': any;
2192
- readonly 'yellow-400': any;
2193
- readonly 'yellow-450': any;
2194
- readonly 'yellow-500': any;
2195
- readonly 'yellow-550': any;
2196
- readonly 'yellow-600': any;
2197
- readonly 'yellow-650': any;
2198
- readonly 'yellow-700': any;
2199
- readonly 'yellow-750': any;
2200
- readonly 'yellow-800': any;
2201
- readonly 'yellow-850': any;
2202
- readonly 'yellow-900': any;
2203
- readonly 'yellow-950': any;
2204
- "background-alpha-active"?: any;
2205
- "background-alpha-hover"?: any;
2206
- "background-danger-prominent"?: any;
2207
- "background-danger-prominent-active"?: any;
2208
- "background-danger-prominent-hover"?: any;
2209
- "background-danger-subtle"?: any;
2210
- "background-danger-subtle-active"?: any;
2211
- "background-danger-subtle-hover"?: any;
2212
- "background-neutrals"?: any;
2213
- "background-neutrals-active"?: any;
2214
- "background-neutrals-container"?: any;
2215
- "background-neutrals-controls-disabled"?: any;
2216
- "background-neutrals-disabled"?: any;
2217
- "background-neutrals-hover"?: any;
2218
- "background-neutrals-inactive"?: any;
2219
- "background-neutrals-inactive-hover"?: any;
2220
- "background-neutrals-inverted"?: any;
2221
- "background-neutrals-inverted-subtle"?: any;
2222
- "background-neutrals-page"?: any;
2223
- "background-neutrals-page-subtle"?: any;
2224
- "background-neutrals-scrollbar"?: any;
2225
- "background-neutrals-scrollbar-active"?: any;
2226
- "background-neutrals-scrollbar-hover"?: any;
2227
- "background-neutrals-subtle"?: any;
2228
- "background-neutrals-subtle-active"?: any;
2229
- "background-neutrals-subtle-hover"?: any;
2230
- "background-primary-prominent"?: any;
2231
- "background-primary-prominent-active"?: any;
2232
- "background-primary-prominent-hover"?: any;
2233
- "background-primary-prominent-selected"?: any;
2234
- "background-primary-subtle"?: any;
2235
- "background-primary-subtle-active"?: any;
2236
- "background-primary-subtle-hover"?: any;
2237
- "background-primary-subtle-selected"?: any;
2238
- "background-success"?: any;
2239
- "background-success-prominent"?: any;
2240
- "background-success-prominent-active"?: any;
2241
- "background-success-prominent-hover"?: any;
2242
- "background-warning-prominent"?: any;
2243
- "background-warning-subtle"?: any;
2244
- "border-danger"?: any;
2245
- "border-danger-active"?: any;
2246
- "border-danger-hover"?: any;
2247
- "border-focus-error-inner"?: any;
2248
- "border-focus-error-middle"?: any;
2249
- "border-focus-error-outer"?: any;
2250
- "border-focus-inner"?: any;
2251
- "border-focus-middle"?: any;
2252
- "border-focus-outer"?: any;
2253
- "border-focus-success-inner"?: any;
2254
- "border-focus-success-middle"?: any;
2255
- "border-focus-success-outer"?: any;
2256
- "border-neutrals"?: any;
2257
- "border-neutrals-active"?: any;
2258
- "border-neutrals-controls"?: any;
2259
- "border-neutrals-controls-disabled"?: any;
2260
- "border-neutrals-disabled"?: any;
2261
- "border-neutrals-hover"?: any;
2262
- "border-neutrals-inverted"?: any;
2263
- "border-neutrals-subtle"?: any;
2264
- "border-neutrals-text"?: any;
2265
- "border-neutrals-text-active"?: any;
2266
- "border-neutrals-text-hover"?: any;
2267
- "border-neutrals-text-subtle"?: any;
2268
- "border-neutrals-text-subtle-active"?: any;
2269
- "border-neutrals-text-subtle-hover"?: any;
2270
- "border-neutrals-transparent"?: any;
2271
- "border-primary"?: any;
2272
- "border-primary-active"?: any;
2273
- "border-primary-hover"?: any;
2274
- "border-primary-inverted"?: any;
2275
- "border-success"?: any;
2276
- "border-success-active"?: any;
2277
- "border-success-hover"?: any;
2278
- "border-warning"?: any;
2279
- "icon-danger"?: any;
2280
- "icon-danger-active"?: any;
2281
- "icon-danger-hover"?: any;
2282
- "icon-danger-inverted"?: any;
2283
- "icon-neutrals"?: any;
2284
- "icon-neutrals-disabled"?: any;
2285
- "icon-neutrals-inactive"?: any;
2286
- "icon-neutrals-inactive-hover"?: any;
2287
- "icon-neutrals-inverted"?: any;
2288
- "icon-neutrals-search"?: any;
2289
- "icon-neutrals-subtle"?: any;
2290
- "icon-neutrals-text"?: any;
2291
- "icon-primary"?: any;
2292
- "icon-primary-active"?: any;
2293
- "icon-primary-hover"?: any;
2294
- "icon-primary-inverted"?: any;
2295
- "icon-primary-selected"?: any;
2296
- "icon-success"?: any;
2297
- "icon-success-active"?: any;
2298
- "icon-success-hover"?: any;
2299
- "icon-success-inverted"?: any;
2300
- "icon-warning"?: any;
2301
- "icon-warning-prominent"?: any;
2302
- "icon-warning-subtle"?: any;
2303
- "text-danger"?: any;
2304
- "text-danger-active"?: any;
2305
- "text-danger-hover"?: any;
2306
- "text-danger-inverted"?: any;
2307
- "text-neutrals"?: any;
2308
- "text-neutrals-active"?: any;
2309
- "text-neutrals-disabled"?: any;
2310
- "text-neutrals-hover"?: any;
2311
- "text-neutrals-inverted"?: any;
2312
- "text-neutrals-placeholder"?: any;
2313
- "text-neutrals-placeholder-only"?: any;
2314
- "text-neutrals-subtle"?: any;
2315
- "text-neutrals-subtle-active"?: any;
2316
- "text-neutrals-subtle-hover"?: any;
2317
- "text-primary"?: any;
2318
- "text-primary-active"?: any;
2319
- "text-primary-hover"?: any;
2320
- "text-primary-inverted"?: any;
2321
- "text-primary-inverted-subtle"?: any;
2322
- "text-primary-selected"?: any;
2323
- "text-success"?: any;
2324
- "text-success-active"?: any;
2325
- "text-success-hover"?: any;
2326
- "text-success-inverted"?: any;
2327
- "text-warning"?: any;
2328
- "text-warning-subtle"?: any;
2329
- };
2330
- 'font-sizes': {
2331
- readonly 125: "0.625rem";
2332
- readonly 150: "0.75rem";
2333
- readonly 175: "0.875rem";
2334
- readonly 200: "1rem";
2335
- readonly 225: "1.125rem";
2336
- readonly 250: "1.25rem";
2337
- readonly 300: "1.5rem";
2338
- readonly 400: "2rem";
2339
- readonly 500: "2.5rem";
2340
- readonly 600: "3rem";
2341
- readonly 800: "4rem";
2342
- readonly 900: "4.5rem";
2343
- };
2344
- fonts: {
2345
- readonly heading: "Roobert, sans-serif";
2346
- readonly body: "Open Sans, sans-serif";
2347
- };
2348
- radii: {
2349
- readonly 0: "0px";
2350
- readonly 25: "2px";
2351
- readonly 50: "4px";
2352
- readonly 75: "6px";
2353
- readonly 100: "8px";
2354
- readonly 200: "16px";
2355
- readonly round: "999px";
2356
- };
2357
- shadows: {
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;
2366
- };
2367
- sizes: {
2368
- readonly number: string;
2369
- readonly 'icon-200': "16px";
2370
- readonly 'icon-300': "24px";
2371
- readonly 'icon-400': "32px";
2372
- };
2373
- space: {
2374
- readonly 0: "0px";
2375
- readonly 25: "2px";
2376
- readonly 50: "4px";
2377
- readonly 100: "8px";
2378
- readonly 150: "12px";
2379
- readonly 200: "16px";
2380
- readonly 300: "24px";
2381
- readonly 400: "32px";
2382
- readonly 500: "40px";
2383
- readonly 600: "48px";
2384
- readonly 700: "56px";
2385
- readonly 800: "64px";
2386
- readonly 1200: "96px";
2387
- readonly 1600: "128px";
2388
- };
2389
- 'stroke-width': {
2390
- readonly thin: "1.5px";
2391
- readonly normal: "2px";
2392
- readonly bold: "4px";
2393
- };
2394
- 'z-indices': {
2395
- readonly dropdownMenu: 100;
2396
- readonly select: 200;
2397
- readonly popover: 300;
2398
- readonly tooltip: 400;
2399
- };
2400
- }, {
2401
- readonly background: "colors";
2402
- readonly backgroundColor: "colors";
2403
- readonly backgroundImage: "colors";
2404
- readonly blockSize: "sizes";
2405
- readonly border: "colors";
2406
- readonly borderBlock: "colors";
2407
- readonly borderBlockEnd: "colors";
2408
- readonly borderBlockStart: "colors";
2409
- readonly borderBottom: "colors";
2410
- readonly borderBottomColor: "colors";
2411
- readonly borderBottomLeftRadius: "radii";
2412
- readonly borderBottomRightRadius: "radii";
2413
- readonly borderBottomStyle: "border-styles";
2414
- readonly borderBottomWidth: "border-widths";
2415
- readonly borderColor: "colors";
2416
- readonly borderImage: "colors";
2417
- readonly borderInline: "colors";
2418
- readonly borderInlineEnd: "colors";
2419
- readonly borderInlineStart: "colors";
2420
- readonly borderLeft: "colors";
2421
- readonly borderLeftColor: "colors";
2422
- readonly borderLeftStyle: "border-styles";
2423
- readonly borderLeftWidth: "border-widths";
2424
- readonly borderRadius: "radii";
2425
- readonly borderRight: "colors";
2426
- readonly borderRightColor: "colors";
2427
- readonly borderRightStyle: "border-styles";
2428
- readonly borderRightWidth: "border-widths";
2429
- readonly borderSpacing: "space";
2430
- readonly borderStyle: "border-styles";
2431
- readonly borderTop: "colors";
2432
- readonly borderTopColor: "colors";
2433
- readonly borderTopLeftRadius: "radii";
2434
- readonly borderTopRightRadius: "radii";
2435
- readonly borderTopStyle: "border-styles";
2436
- readonly borderTopWidth: "border-widths";
2437
- readonly borderWidth: "border-widths";
2438
- readonly bottom: "space";
2439
- readonly boxShadow: "shadows";
2440
- readonly caretColor: "colors";
2441
- readonly color: "colors";
2442
- readonly columnGap: "space";
2443
- readonly columnRuleColor: "colors";
2444
- readonly fill: "colors";
2445
- readonly flexBasis: "sizes";
2446
- readonly fontFamily: "fonts";
2447
- readonly fontSize: "font-sizes";
2448
- readonly fontWeight: "font-weights";
2449
- readonly gap: "space";
2450
- readonly gridColumnGap: "space";
2451
- readonly gridGap: "space";
2452
- readonly gridRowGap: "space";
2453
- readonly gridTemplateColumns: "sizes";
2454
- readonly gridTemplateRows: "sizes";
2455
- readonly height: "sizes";
2456
- readonly inlineSize: "sizes";
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";
2464
- readonly left: "space";
2465
- readonly letterSpacing: "letter-spacings";
2466
- readonly lineHeight: "line-heights";
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";
2478
- readonly maxBlockSize: "sizes";
2479
- readonly maxHeight: "sizes";
2480
- readonly maxInlineSize: "sizes";
2481
- readonly maxWidth: "sizes";
2482
- readonly minBlockSize: "sizes";
2483
- readonly minHeight: "sizes";
2484
- readonly minInlineSize: "sizes";
2485
- readonly minWidth: "sizes";
2486
- readonly outline: "colors";
2487
- readonly outlineColor: "colors";
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";
2499
- readonly right: "space";
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";
2523
- readonly stroke: "colors";
2524
- readonly strokeWidth: "stroke-width";
2525
- readonly textDecorationColor: "colors";
2526
- readonly textShadow: "shadows";
2527
- readonly top: "space";
2528
- readonly transition: "transitions";
2529
- readonly width: "sizes";
2530
- readonly zIndex: "z-indices";
2531
- }, {
2532
- paddingX: (value: {
2533
- readonly [$$PropertyValue]: "padding";
2534
- }) => {
2535
- paddingLeft: {
2536
- readonly [$$PropertyValue]: "padding";
2537
- };
2538
- paddingRight: {
2539
- readonly [$$PropertyValue]: "padding";
2540
- };
2541
- };
2542
- paddingY: (value: {
2543
- readonly [$$PropertyValue]: "padding";
2544
- }) => {
2545
- paddingTop: {
2546
- readonly [$$PropertyValue]: "padding";
2547
- };
2548
- paddingBottom: {
2549
- readonly [$$PropertyValue]: "padding";
2550
- };
2551
- };
2552
- marginX: (value: {
2553
- readonly [$$PropertyValue]: "margin";
2554
- }) => {
2555
- marginLeft: {
2556
- readonly [$$PropertyValue]: "margin";
2557
- };
2558
- marginRight: {
2559
- readonly [$$PropertyValue]: "margin";
2560
- };
2561
- };
2562
- marginY: (value: {
2563
- readonly [$$PropertyValue]: "margin";
2564
- }) => {
2565
- marginTop: {
2566
- readonly [$$PropertyValue]: "margin";
2567
- };
2568
- marginBottom: {
2569
- readonly [$$PropertyValue]: "margin";
2570
- };
2571
- };
2572
- square: (value: {
2573
- readonly [$$PropertyValue]: "width";
2574
- }) => {
2575
- width: {
2576
- readonly [$$PropertyValue]: "width";
2577
- };
2578
- height: {
2579
- readonly [$$PropertyValue]: "width";
2580
- };
2581
- };
2582
- _hover: (css: _stitches_react_types_css_util.CSSProperties) => {
2583
- '&:hover, &[data-hovered]': _stitches_react_types_css_util.CSSProperties;
2584
- };
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">>, {}, {}>;
228
+ declare const StyledSeparator: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<react.ForwardRefExoticComponent<_mirohq_design_system_primitive.PrimitiveProps<"div">>>, 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
229
  declare type StyledSeparatorProps = StrictComponentProps<typeof StyledSeparator>;
2587
230
 
2588
231
  interface SeparatorProps extends StyledSeparatorProps {
2589
232
  }
2590
233
  declare const Separator: react__default.ForwardRefExoticComponent<Omit<SeparatorProps, "ref"> & react__default.RefAttributes<HTMLDivElement>>;
2591
234
 
2592
- declare type Direction = 'ltr' | 'rtl';
2593
-
2594
- type types_Direction = Direction;
2595
- declare namespace types {
2596
- export {
2597
- types_Direction as Direction,
2598
- };
2599
- }
2600
-
2601
235
  interface ComboboxProps$1 extends FormElementProps {
2602
236
  open?: boolean;
2603
237
  defaultOpen?: boolean;
238
+ onOpen?: () => void;
239
+ onClose?: () => void;
2604
240
  value?: string[];
2605
241
  defaultValue?: string[];
242
+ onValueChange?: (value: string[]) => void;
2606
243
  onSearchValueChange?: (value: string) => void;
2607
244
  direction?: Direction;
2608
245
  autoFilter?: boolean;
@@ -2669,7 +306,7 @@ interface ComboboxProps extends ComboboxProviderProps {
2669
306
  */
2670
307
  noResultsText: ReactNode;
2671
308
  }
2672
- declare const Combobox: react__default.ForwardRefExoticComponent<ComboboxProps> & Partials;
309
+ declare const Combobox: react__default.FC<ComboboxProps> & Partials;
2673
310
  interface Partials {
2674
311
  Portal: typeof Portal;
2675
312
  Trigger: typeof Trigger;