@mirohq/design-system-popover 4.3.6 → 4.3.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 (2) hide show
  1. package/dist/types.d.ts +1263 -1251
  2. package/package.json +5 -5
package/dist/types.d.ts CHANGED
@@ -7,434 +7,438 @@ import * as _radix_ui_react_popover from '@radix-ui/react-popover';
7
7
  import { PopoverPortalProps } from '@radix-ui/react-popover';
8
8
  import * as _stitches_react_types_styled_component from '@stitches/react/types/styled-component';
9
9
 
10
- declare const StyledTrigger: react.ForwardRefExoticComponent<Pick<Omit<{}, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.StyledComponentProps<_stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<_radix_ui_react_popover.PopoverTriggerProps & react.RefAttributes<HTMLButtonElement>>, {}, {}, _stitches_react_types_css_util.CSS<{}, {
11
- 'border-widths': {
12
- readonly none: 0;
13
- readonly sm: "1px";
14
- readonly md: "2px";
15
- readonly lg: "4px";
16
- };
17
- colors: {
18
- readonly 'blue-100': any;
19
- readonly 'blue-200': any;
20
- readonly 'blue-300': any;
21
- readonly 'blue-400': any;
22
- readonly 'blue-500': any;
23
- readonly 'blue-600': any;
24
- readonly 'blue-700': any;
25
- readonly 'blue-800': any;
26
- readonly 'blue-900': any;
27
- readonly 'blue-1000': any;
28
- readonly 'gray-100': any;
29
- readonly 'gray-200': any;
30
- readonly 'gray-300': any;
31
- readonly 'gray-400': any;
32
- readonly 'gray-500': any;
33
- readonly 'gray-600': any;
34
- readonly 'gray-700': any;
35
- readonly 'gray-800': any;
36
- readonly 'gray-900': any;
37
- readonly 'indigo-100': any;
38
- readonly 'indigo-200': any;
39
- readonly 'indigo-300': any;
40
- readonly 'indigo-400': any;
41
- readonly 'indigo-500': any;
42
- readonly 'indigo-600': any;
43
- readonly 'indigo-700': any;
44
- readonly 'indigo-800': any;
45
- readonly 'indigo-900': any;
46
- readonly 'red-100': any;
47
- readonly 'red-200': any;
48
- readonly 'red-300': any;
49
- readonly 'red-400': any;
50
- readonly 'red-500': any;
51
- readonly 'red-600': any;
52
- readonly 'red-700': any;
53
- readonly 'red-800': any;
54
- readonly 'red-900': any;
55
- readonly 'yellow-100': any;
56
- readonly 'yellow-200': any;
57
- readonly 'yellow-300': any;
58
- readonly 'yellow-400': any;
59
- readonly 'yellow-500': any;
60
- readonly 'yellow-600': any;
61
- readonly 'yellow-700': any;
62
- readonly 'yellow-800': any;
63
- readonly 'yellow-900': any;
64
- readonly 'green-100': any;
65
- readonly 'green-200': any;
66
- readonly 'green-300': any;
67
- readonly 'green-400': any;
68
- readonly 'green-500': any;
69
- readonly 'green-600': any;
70
- readonly 'green-700': any;
71
- readonly 'green-800': any;
72
- readonly 'green-900': any;
73
- readonly black: any;
74
- readonly white: any;
75
- readonly transparent: any;
76
- readonly 'background-neutrals'?: any;
77
- readonly 'background-neutrals-body'?: any;
78
- readonly 'background-neutrals-container'?: any;
79
- readonly 'background-neutrals-inverted'?: any;
80
- readonly 'background-neutrals-inverted-subtle'?: any;
81
- readonly 'background-neutrals-subtle'?: any;
82
- readonly 'background-neutrals-subtle-hover'?: any;
83
- readonly 'background-neutrals-subtle-active'?: any;
84
- readonly 'background-neutrals-disabled'?: any;
85
- readonly 'background-neutrals-controls-disabled'?: any;
86
- readonly 'background-neutrals-scrolls'?: any;
87
- readonly 'background-neutrals-inactive'?: any;
88
- readonly 'background-neutrals-inactive-hover'?: any;
89
- readonly 'background-primary-prominent'?: any;
90
- readonly 'background-primary-prominent-hover'?: any;
91
- readonly 'background-primary-prominent-active'?: any;
92
- readonly 'background-primary-prominent-selected'?: any;
93
- readonly 'background-primary-subtle'?: any;
94
- readonly 'background-primary-subtle-hover'?: any;
95
- readonly 'background-primary-subtle-active'?: any;
96
- readonly 'background-primary-subtle-selected'?: any;
97
- readonly 'background-danger-prominent'?: any;
98
- readonly 'background-danger-prominent-hover'?: any;
99
- readonly 'background-danger-prominent-active'?: any;
100
- readonly 'background-danger'?: any;
101
- readonly 'background-danger-hover'?: any;
102
- readonly 'background-success'?: any;
103
- readonly 'background-warning-subtle'?: any;
104
- readonly 'background-warning-prominent'?: any;
105
- readonly 'text-neutrals-inverted'?: any;
106
- readonly 'text-neutrals'?: any;
107
- readonly 'text-neutrals-subtle'?: any;
108
- readonly 'text-neutrals-placeholder-only'?: any;
109
- readonly 'text-neutrals-placeholder'?: any;
110
- readonly 'text-neutrals-disabled'?: any;
111
- readonly 'text-primary-inverted'?: any;
112
- readonly 'text-primary'?: any;
113
- readonly 'text-primary-hover'?: any;
114
- readonly 'text-primary-active'?: any;
115
- readonly 'text-primary-selected'?: any;
116
- readonly 'text-primary-inverted-subtle'?: any;
117
- readonly 'text-danger-inverted'?: any;
118
- readonly 'text-danger'?: any;
119
- readonly 'text-danger-hover'?: any;
120
- readonly 'text-danger-active'?: any;
121
- readonly 'text-success'?: any;
122
- readonly 'text-warning'?: any;
123
- readonly 'icon-neutrals-inverted'?: any;
124
- readonly 'icon-neutrals'?: any;
125
- readonly 'icon-neutrals-with-text'?: any;
126
- readonly 'icon-neutrals-subtle'?: any;
127
- readonly 'icon-neutrals-disabled'?: any;
128
- readonly 'icon-neutrals-search'?: any;
129
- readonly 'icon-neutrals-inactive'?: any;
130
- readonly 'icon-neutrals-inactive-hover'?: any;
131
- readonly 'icon-primary-inverted'?: any;
132
- readonly 'icon-primary'?: any;
133
- readonly 'icon-primary-hover'?: any;
134
- readonly 'icon-primary-active'?: any;
135
- readonly 'icon-primary-selected'?: any;
136
- readonly 'icon-danger-inverted'?: any;
137
- readonly 'icon-danger'?: any;
138
- readonly 'icon-danger-hover'?: any;
139
- readonly 'icon-danger-active'?: any;
140
- readonly 'icon-success-inverted'?: any;
141
- readonly 'icon-success'?: any;
142
- readonly 'icon-warning'?: any;
143
- readonly 'border-focus-outer'?: any;
144
- readonly 'border-focus-middle'?: any;
145
- readonly 'border-focus-inner'?: any;
146
- readonly 'border-neutrals'?: any;
147
- readonly 'border-neutrals-hover'?: any;
148
- readonly 'border-neutrals-active'?: any;
149
- readonly 'border-neutrals-disabled'?: any;
150
- readonly 'border-neutrals-controls'?: any;
151
- readonly 'border-neutrals-controls-disabled'?: any;
152
- readonly 'border-neutrals-subtle'?: any;
153
- readonly 'border-neutrals-inverted'?: any;
154
- readonly 'border-primary'?: any;
155
- readonly 'border-primary-hover'?: any;
156
- readonly 'border-primary-active'?: any;
157
- readonly 'border-primary-inverted'?: any;
158
- readonly 'border-danger'?: any;
159
- readonly 'border-success'?: any;
160
- readonly 'border-warning'?: any;
161
- };
162
- 'font-sizes': {
163
- readonly 150: "0.75rem";
164
- readonly 175: "0.875rem";
165
- readonly 200: "1rem";
166
- readonly 225: "1.125rem";
167
- readonly 250: "1.25rem";
168
- readonly 300: "1.5rem";
169
- readonly 400: "2rem";
170
- readonly 500: "2.5rem";
171
- readonly 600: "3rem";
172
- readonly 800: "4rem";
173
- readonly 900: "4.5rem";
174
- };
175
- radii: {
176
- readonly none: 0;
177
- readonly half: "999em";
178
- readonly 25: "2px";
179
- readonly 50: "4px";
180
- readonly 75: "6px";
181
- readonly 100: "8px";
182
- readonly 200: "16px";
183
- };
184
- shadows: {
185
- readonly 50: "0 4px 16px #05003812";
186
- readonly 100: "0 8px 32px #05003808";
187
- readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
188
- readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
189
- readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
190
- readonly 'focus-controls': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-focus-middle, 0 0 0 5px $colors$border-focus-outer";
191
- };
192
- sizes: {
193
- readonly number: string;
194
- readonly 'icon-200': "16px";
195
- readonly 'icon-300': "24px";
196
- readonly 'icon-400': "32px";
197
- };
198
- space: {
199
- readonly none: 0;
200
- readonly 50: "4px";
201
- readonly 100: "8px";
202
- readonly 150: "12px";
203
- readonly 200: "16px";
204
- readonly 300: "24px";
205
- readonly 400: "32px";
206
- readonly 500: "64px";
207
- readonly 600: "48px";
208
- readonly 800: "64px";
209
- readonly 1200: "96px";
210
- readonly 1600: "128px";
211
- };
212
- 'space-gap': {
213
- readonly none: any;
214
- readonly 50: any;
215
- readonly 100: any;
216
- readonly 200: any;
217
- readonly 300: any;
218
- };
219
- 'space-inset': {
220
- readonly none: any;
221
- readonly 50: any;
222
- readonly 100: any;
223
- readonly 150: any;
224
- readonly 200: any;
225
- readonly 300: any;
226
- readonly 400: any;
227
- readonly 600: any;
228
- readonly 800: any;
229
- readonly 1200: any;
230
- readonly 1600: any;
231
- };
232
- 'space-offset': {
233
- readonly none: any;
234
- readonly 50: any;
235
- readonly 100: any;
236
- readonly 150: any;
237
- readonly 200: any;
238
- readonly 300: any;
239
- readonly 400: any;
240
- readonly 600: any;
241
- readonly 800: any;
242
- readonly 1200: any;
243
- readonly 1600: any;
244
- readonly 'stacking-none': any;
245
- readonly 'stacking-100': any;
246
- readonly 'stacking-200': any;
247
- readonly 'stacking-300': any;
248
- readonly 'stacking-400': any;
249
- readonly 'stacking-500': any;
250
- readonly 'stacking-800': any;
251
- };
252
- 'z-indices': {
253
- readonly dropdownMenu: 100;
254
- readonly popover: 200;
255
- readonly tooltip: 300;
256
- };
257
- }, {
258
- readonly background: "colors";
259
- readonly backgroundColor: "colors";
260
- readonly backgroundImage: "colors";
261
- readonly blockSize: "sizes";
262
- readonly border: "colors";
263
- readonly borderBlock: "colors";
264
- readonly borderBlockEnd: "colors";
265
- readonly borderBlockStart: "colors";
266
- readonly borderBottom: "colors";
267
- readonly borderBottomColor: "colors";
268
- readonly borderBottomLeftRadius: "radii";
269
- readonly borderBottomRightRadius: "radii";
270
- readonly borderBottomStyle: "border-styles";
271
- readonly borderBottomWidth: "border-widths";
272
- readonly borderColor: "colors";
273
- readonly borderImage: "colors";
274
- readonly borderInline: "colors";
275
- readonly borderInlineEnd: "colors";
276
- readonly borderInlineStart: "colors";
277
- readonly borderLeft: "colors";
278
- readonly borderLeftColor: "colors";
279
- readonly borderLeftStyle: "border-styles";
280
- readonly borderLeftWidth: "border-widths";
281
- readonly borderRadius: "radii";
282
- readonly borderRight: "colors";
283
- readonly borderRightColor: "colors";
284
- readonly borderRightStyle: "border-styles";
285
- readonly borderRightWidth: "border-widths";
286
- readonly borderStyle: "border-styles";
287
- readonly borderTop: "colors";
288
- readonly borderTopColor: "colors";
289
- readonly borderTopLeftRadius: "radii";
290
- readonly borderTopRightRadius: "radii";
291
- readonly borderTopStyle: "border-styles";
292
- readonly borderTopWidth: "border-widths";
293
- readonly borderWidth: "border-widths";
294
- readonly bottom: "space";
295
- readonly boxShadow: "shadows";
296
- readonly caretColor: "colors";
297
- readonly color: "colors";
298
- readonly columnGap: "space-gap";
299
- readonly columnRuleColor: "colors";
300
- readonly fill: "colors";
301
- readonly flexBasis: "sizes";
302
- readonly fontFamily: "fonts";
303
- readonly fontSize: "font-sizes";
304
- readonly fontWeight: "font-weights";
305
- readonly gap: "space-gap";
306
- readonly gridColumnGap: "space-gap";
307
- readonly gridGap: "space-gap";
308
- readonly gridRowGap: "space-gap";
309
- readonly gridTemplateColumns: "sizes";
310
- readonly gridTemplateRows: "sizes";
311
- readonly height: "sizes";
312
- readonly inlineSize: "sizes";
313
- readonly inset: "space-inset";
314
- readonly insetBlock: "space-inset";
315
- readonly insetBlockEnd: "space-inset";
316
- readonly insetBlockStart: "space-inset";
317
- readonly insetInline: "space-inset";
318
- readonly insetInlineEnd: "space-inset";
319
- readonly insetInlineStart: "space-inset";
320
- readonly left: "space";
321
- readonly letterSpacing: "letter-spacings";
322
- readonly lineHeight: "line-heights";
323
- readonly margin: "space-offset";
324
- readonly marginBlock: "space-offset";
325
- readonly marginBlockEnd: "space-offset";
326
- readonly marginBlockStart: "space-offset";
327
- readonly marginBottom: "space-offset";
328
- readonly marginInline: "space-offset";
329
- readonly marginInlineEnd: "space-offset";
330
- readonly marginInlineStart: "space-offset";
331
- readonly marginLeft: "space-offset";
332
- readonly marginRight: "space-offset";
333
- readonly marginTop: "space-offset";
334
- readonly maxBlockSize: "sizes";
335
- readonly maxHeight: "sizes";
336
- readonly maxInlineSize: "sizes";
337
- readonly maxWidth: "sizes";
338
- readonly minBlockSize: "sizes";
339
- readonly minHeight: "sizes";
340
- readonly minInlineSize: "sizes";
341
- readonly minWidth: "sizes";
342
- readonly outline: "colors";
343
- readonly outlineColor: "colors";
344
- readonly padding: "space-inset";
345
- readonly paddingBlock: "space-inset";
346
- readonly paddingBlockEnd: "space-inset";
347
- readonly paddingBlockStart: "space-inset";
348
- readonly paddingBottom: "space-inset";
349
- readonly paddingInline: "space-inset";
350
- readonly paddingInlineEnd: "space-inset";
351
- readonly paddingInlineStart: "space-inset";
352
- readonly paddingLeft: "space-inset";
353
- readonly paddingRight: "space-inset";
354
- readonly paddingTop: "space-inset";
355
- readonly right: "space";
356
- readonly rowGap: "space-gap";
357
- readonly scrollMargin: "space-offset";
358
- readonly scrollMarginBlock: "space-offset";
359
- readonly scrollMarginBlockEnd: "space-offset";
360
- readonly scrollMarginBlockStart: "space-offset";
361
- readonly scrollMarginBottom: "space-offset";
362
- readonly scrollMarginInline: "space-offset";
363
- readonly scrollMarginInlineEnd: "space-offset";
364
- readonly scrollMarginInlineStart: "space-offset";
365
- readonly scrollMarginLeft: "space-offset";
366
- readonly scrollMarginRight: "space-offset";
367
- readonly scrollMarginTop: "space-offset";
368
- readonly scrollPadding: "space-inset";
369
- readonly scrollPaddingBlock: "space-inset";
370
- readonly scrollPaddingBlockEnd: "space-inset";
371
- readonly scrollPaddingBlockStart: "space-inset";
372
- readonly scrollPaddingBottom: "space-inset";
373
- readonly scrollPaddingInline: "space-inset";
374
- readonly scrollPaddingInlineEnd: "space-inset";
375
- readonly scrollPaddingInlineStart: "space-inset";
376
- readonly scrollPaddingLeft: "space-inset";
377
- readonly scrollPaddingRight: "space-inset";
378
- readonly scrollPaddingTop: "space-inset";
379
- readonly stroke: "colors";
380
- readonly textDecorationColor: "colors";
381
- readonly textShadow: "shadows";
382
- readonly top: "space";
383
- readonly transition: "transitions";
384
- readonly width: "sizes";
385
- readonly zIndex: "z-indices";
386
- }, {
387
- paddingX: (value: {
388
- readonly [$$PropertyValue]: "padding";
389
- }) => {
390
- paddingLeft: {
391
- readonly [$$PropertyValue]: "padding";
10
+ declare const StyledTrigger: react.ForwardRefExoticComponent<Pick<Omit<{}, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.SafeProps<Omit<_radix_ui_react_popover.PopoverTriggerProps & react.RefAttributes<HTMLButtonElement>, "css"> & _stitches_react_types_styled_component.TransformProps<{}, {}> & {
11
+ css?: _stitches_react_types_css_util.CSS<{}, {
12
+ 'border-widths': {
13
+ readonly none: 0;
14
+ readonly sm: "1px";
15
+ readonly md: "2px";
16
+ readonly lg: "4px";
392
17
  };
393
- paddingRight: {
394
- readonly [$$PropertyValue]: "padding";
18
+ colors: {
19
+ readonly 'blue-100': any;
20
+ readonly 'blue-200': any;
21
+ readonly 'blue-300': any;
22
+ readonly 'blue-400': any;
23
+ readonly 'blue-500': any;
24
+ readonly 'blue-600': any;
25
+ readonly 'blue-700': any;
26
+ readonly 'blue-800': any;
27
+ readonly 'blue-900': any;
28
+ readonly 'blue-1000': any;
29
+ readonly 'gray-100': any;
30
+ readonly 'gray-200': any;
31
+ readonly 'gray-300': any;
32
+ readonly 'gray-400': any;
33
+ readonly 'gray-500': any;
34
+ readonly 'gray-600': any;
35
+ readonly 'gray-700': any;
36
+ readonly 'gray-800': any;
37
+ readonly 'gray-900': any;
38
+ readonly 'indigo-100': any;
39
+ readonly 'indigo-200': any;
40
+ readonly 'indigo-300': any;
41
+ readonly 'indigo-400': any;
42
+ readonly 'indigo-500': any;
43
+ readonly 'indigo-600': any;
44
+ readonly 'indigo-700': any;
45
+ readonly 'indigo-800': any;
46
+ readonly 'indigo-900': any;
47
+ readonly 'red-100': any;
48
+ readonly 'red-200': any;
49
+ readonly 'red-300': any;
50
+ readonly 'red-400': any;
51
+ readonly 'red-500': any;
52
+ readonly 'red-600': any;
53
+ readonly 'red-700': any;
54
+ readonly 'red-800': any;
55
+ readonly 'red-900': any;
56
+ readonly 'yellow-100': any;
57
+ readonly 'yellow-200': any;
58
+ readonly 'yellow-300': any;
59
+ readonly 'yellow-400': any;
60
+ readonly 'yellow-500': any;
61
+ readonly 'yellow-600': any;
62
+ readonly 'yellow-700': any;
63
+ readonly 'yellow-800': any;
64
+ readonly 'yellow-900': any;
65
+ readonly 'green-100': any;
66
+ readonly 'green-200': any;
67
+ readonly 'green-300': any;
68
+ readonly 'green-400': any;
69
+ readonly 'green-500': any;
70
+ readonly 'green-600': any;
71
+ readonly 'green-700': any;
72
+ readonly 'green-800': any;
73
+ readonly 'green-900': any;
74
+ readonly black: any;
75
+ readonly white: any;
76
+ readonly transparent: any;
77
+ readonly 'background-neutrals'?: any;
78
+ readonly 'background-neutrals-body'?: any;
79
+ readonly 'background-neutrals-container'?: any;
80
+ readonly 'background-neutrals-inverted'?: any;
81
+ readonly 'background-neutrals-inverted-subtle'?: any;
82
+ readonly 'background-neutrals-subtle'?: any;
83
+ readonly 'background-neutrals-subtle-hover'?: any;
84
+ readonly 'background-neutrals-subtle-active'?: any;
85
+ readonly 'background-neutrals-disabled'?: any;
86
+ readonly 'background-neutrals-controls-disabled'?: any;
87
+ readonly 'background-neutrals-scrolls'?: any;
88
+ readonly 'background-neutrals-inactive'?: any;
89
+ readonly 'background-neutrals-inactive-hover'?: any;
90
+ readonly 'background-primary-prominent'?: any;
91
+ readonly 'background-primary-prominent-hover'?: any;
92
+ readonly 'background-primary-prominent-active'?: any;
93
+ readonly 'background-primary-prominent-selected'?: any;
94
+ readonly 'background-primary-subtle'?: any;
95
+ readonly 'background-primary-subtle-hover'?: any;
96
+ readonly 'background-primary-subtle-active'?: any;
97
+ readonly 'background-primary-subtle-selected'?: any;
98
+ readonly 'background-danger-prominent'?: any;
99
+ readonly 'background-danger-prominent-hover'?: any;
100
+ readonly 'background-danger-prominent-active'?: any;
101
+ readonly 'background-danger'?: any;
102
+ readonly 'background-danger-hover'?: any;
103
+ readonly 'background-success'?: any;
104
+ readonly 'background-warning-subtle'?: any;
105
+ readonly 'background-warning-prominent'?: any;
106
+ readonly 'text-neutrals-inverted'?: any;
107
+ readonly 'text-neutrals'?: any;
108
+ readonly 'text-neutrals-subtle'?: any;
109
+ readonly 'text-neutrals-placeholder-only'?: any;
110
+ readonly 'text-neutrals-placeholder'?: any;
111
+ readonly 'text-neutrals-disabled'?: any;
112
+ readonly 'text-primary-inverted'?: any;
113
+ readonly 'text-primary'?: any;
114
+ readonly 'text-primary-hover'?: any;
115
+ readonly 'text-primary-active'?: any;
116
+ readonly 'text-primary-selected'?: any;
117
+ readonly 'text-primary-inverted-subtle'?: any;
118
+ readonly 'text-danger-inverted'?: any;
119
+ readonly 'text-danger'?: any;
120
+ readonly 'text-danger-hover'?: any;
121
+ readonly 'text-danger-active'?: any;
122
+ readonly 'text-success'?: any;
123
+ readonly 'text-warning'?: any;
124
+ readonly 'icon-neutrals-inverted'?: any;
125
+ readonly 'icon-neutrals'?: any;
126
+ readonly 'icon-neutrals-with-text'?: any;
127
+ readonly 'icon-neutrals-subtle'?: any;
128
+ readonly 'icon-neutrals-disabled'?: any;
129
+ readonly 'icon-neutrals-search'?: any;
130
+ readonly 'icon-neutrals-inactive'?: any;
131
+ readonly 'icon-neutrals-inactive-hover'?: any;
132
+ readonly 'icon-primary-inverted'?: any;
133
+ readonly 'icon-primary'?: any;
134
+ readonly 'icon-primary-hover'?: any;
135
+ readonly 'icon-primary-active'?: any;
136
+ readonly 'icon-primary-selected'?: any;
137
+ readonly 'icon-danger-inverted'?: any;
138
+ readonly 'icon-danger'?: any;
139
+ readonly 'icon-danger-hover'?: any;
140
+ readonly 'icon-danger-active'?: any;
141
+ readonly 'icon-success-inverted'?: any;
142
+ readonly 'icon-success'?: any;
143
+ readonly 'icon-warning'?: any;
144
+ readonly 'border-focus-outer'?: any;
145
+ readonly 'border-focus-middle'?: any;
146
+ readonly 'border-focus-inner'?: any;
147
+ readonly 'border-neutrals'?: any;
148
+ readonly 'border-neutrals-hover'?: any;
149
+ readonly 'border-neutrals-active'?: any;
150
+ readonly 'border-neutrals-disabled'?: any;
151
+ readonly 'border-neutrals-controls'?: any;
152
+ readonly 'border-neutrals-controls-disabled'?: any;
153
+ readonly 'border-neutrals-subtle'?: any;
154
+ readonly 'border-neutrals-inverted'?: any;
155
+ readonly 'border-primary'?: any;
156
+ readonly 'border-primary-hover'?: any;
157
+ readonly 'border-primary-active'?: any;
158
+ readonly 'border-primary-inverted'?: any;
159
+ readonly 'border-danger'?: any;
160
+ readonly 'border-success'?: any;
161
+ readonly 'border-warning'?: any;
395
162
  };
396
- };
397
- paddingY: (value: {
398
- readonly [$$PropertyValue]: "padding";
399
- }) => {
400
- paddingTop: {
401
- readonly [$$PropertyValue]: "padding";
163
+ 'font-sizes': {
164
+ readonly 150: "0.75rem";
165
+ readonly 175: "0.875rem";
166
+ readonly 200: "1rem";
167
+ readonly 225: "1.125rem";
168
+ readonly 250: "1.25rem";
169
+ readonly 300: "1.5rem";
170
+ readonly 400: "2rem";
171
+ readonly 500: "2.5rem";
172
+ readonly 600: "3rem";
173
+ readonly 800: "4rem";
174
+ readonly 900: "4.5rem";
402
175
  };
403
- paddingBottom: {
404
- readonly [$$PropertyValue]: "padding";
176
+ radii: {
177
+ readonly none: 0;
178
+ readonly half: "999em";
179
+ readonly 25: "2px";
180
+ readonly 50: "4px";
181
+ readonly 75: "6px";
182
+ readonly 100: "8px";
183
+ readonly 200: "16px";
405
184
  };
406
- };
407
- marginX: (value: {
408
- readonly [$$PropertyValue]: "margin";
409
- }) => {
410
- marginLeft: {
411
- readonly [$$PropertyValue]: "margin";
185
+ shadows: {
186
+ readonly 50: "0 4px 16px #05003812";
187
+ readonly 100: "0 8px 32px #05003808";
188
+ readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
189
+ readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
190
+ readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
191
+ readonly 'focus-controls': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-focus-middle, 0 0 0 5px $colors$border-focus-outer";
412
192
  };
413
- marginRight: {
414
- readonly [$$PropertyValue]: "margin";
193
+ sizes: {
194
+ readonly number: string;
195
+ readonly 'icon-200': "16px";
196
+ readonly 'icon-300': "24px";
197
+ readonly 'icon-400': "32px";
415
198
  };
416
- };
417
- marginY: (value: {
418
- readonly [$$PropertyValue]: "margin";
419
- }) => {
420
- marginTop: {
421
- readonly [$$PropertyValue]: "margin";
199
+ space: {
200
+ readonly none: 0;
201
+ readonly 50: "4px";
202
+ readonly 100: "8px";
203
+ readonly 150: "12px";
204
+ readonly 200: "16px";
205
+ readonly 300: "24px";
206
+ readonly 400: "32px";
207
+ readonly 500: "64px";
208
+ readonly 600: "48px";
209
+ readonly 800: "64px";
210
+ readonly 1200: "96px";
211
+ readonly 1600: "128px";
212
+ };
213
+ 'space-gap': {
214
+ readonly none: any;
215
+ readonly 50: any;
216
+ readonly 100: any;
217
+ readonly 200: any;
218
+ readonly 300: any;
219
+ };
220
+ 'space-inset': {
221
+ readonly none: any;
222
+ readonly 50: any;
223
+ readonly 100: any;
224
+ readonly 150: any;
225
+ readonly 200: any;
226
+ readonly 300: any;
227
+ readonly 400: any;
228
+ readonly 600: any;
229
+ readonly 800: any;
230
+ readonly 1200: any;
231
+ readonly 1600: any;
232
+ };
233
+ 'space-offset': {
234
+ readonly none: any;
235
+ readonly 50: any;
236
+ readonly 100: any;
237
+ readonly 150: any;
238
+ readonly 200: any;
239
+ readonly 300: any;
240
+ readonly 400: any;
241
+ readonly 600: any;
242
+ readonly 800: any;
243
+ readonly 1200: any;
244
+ readonly 1600: any;
245
+ readonly 'stacking-none': any;
246
+ readonly 'stacking-100': any;
247
+ readonly 'stacking-200': any;
248
+ readonly 'stacking-300': any;
249
+ readonly 'stacking-400': any;
250
+ readonly 'stacking-500': any;
251
+ readonly 'stacking-800': any;
252
+ };
253
+ 'z-indices': {
254
+ readonly dropdownMenu: 100;
255
+ readonly popover: 200;
256
+ readonly tooltip: 300;
257
+ };
258
+ }, {
259
+ readonly background: "colors";
260
+ readonly backgroundColor: "colors";
261
+ readonly backgroundImage: "colors";
262
+ readonly blockSize: "sizes";
263
+ readonly border: "colors";
264
+ readonly borderBlock: "colors";
265
+ readonly borderBlockEnd: "colors";
266
+ readonly borderBlockStart: "colors";
267
+ readonly borderBottom: "colors";
268
+ readonly borderBottomColor: "colors";
269
+ readonly borderBottomLeftRadius: "radii";
270
+ readonly borderBottomRightRadius: "radii";
271
+ readonly borderBottomStyle: "border-styles";
272
+ readonly borderBottomWidth: "border-widths";
273
+ readonly borderColor: "colors";
274
+ readonly borderImage: "colors";
275
+ readonly borderInline: "colors";
276
+ readonly borderInlineEnd: "colors";
277
+ readonly borderInlineStart: "colors";
278
+ readonly borderLeft: "colors";
279
+ readonly borderLeftColor: "colors";
280
+ readonly borderLeftStyle: "border-styles";
281
+ readonly borderLeftWidth: "border-widths";
282
+ readonly borderRadius: "radii";
283
+ readonly borderRight: "colors";
284
+ readonly borderRightColor: "colors";
285
+ readonly borderRightStyle: "border-styles";
286
+ readonly borderRightWidth: "border-widths";
287
+ readonly borderStyle: "border-styles";
288
+ readonly borderTop: "colors";
289
+ readonly borderTopColor: "colors";
290
+ readonly borderTopLeftRadius: "radii";
291
+ readonly borderTopRightRadius: "radii";
292
+ readonly borderTopStyle: "border-styles";
293
+ readonly borderTopWidth: "border-widths";
294
+ readonly borderWidth: "border-widths";
295
+ readonly bottom: "space";
296
+ readonly boxShadow: "shadows";
297
+ readonly caretColor: "colors";
298
+ readonly color: "colors";
299
+ readonly columnGap: "space-gap";
300
+ readonly columnRuleColor: "colors";
301
+ readonly fill: "colors";
302
+ readonly flexBasis: "sizes";
303
+ readonly fontFamily: "fonts";
304
+ readonly fontSize: "font-sizes";
305
+ readonly fontWeight: "font-weights";
306
+ readonly gap: "space-gap";
307
+ readonly gridColumnGap: "space-gap";
308
+ readonly gridGap: "space-gap";
309
+ readonly gridRowGap: "space-gap";
310
+ readonly gridTemplateColumns: "sizes";
311
+ readonly gridTemplateRows: "sizes";
312
+ readonly height: "sizes";
313
+ readonly inlineSize: "sizes";
314
+ readonly inset: "space-inset";
315
+ readonly insetBlock: "space-inset";
316
+ readonly insetBlockEnd: "space-inset";
317
+ readonly insetBlockStart: "space-inset";
318
+ readonly insetInline: "space-inset";
319
+ readonly insetInlineEnd: "space-inset";
320
+ readonly insetInlineStart: "space-inset";
321
+ readonly left: "space";
322
+ readonly letterSpacing: "letter-spacings";
323
+ readonly lineHeight: "line-heights";
324
+ readonly margin: "space-offset";
325
+ readonly marginBlock: "space-offset";
326
+ readonly marginBlockEnd: "space-offset";
327
+ readonly marginBlockStart: "space-offset";
328
+ readonly marginBottom: "space-offset";
329
+ readonly marginInline: "space-offset";
330
+ readonly marginInlineEnd: "space-offset";
331
+ readonly marginInlineStart: "space-offset";
332
+ readonly marginLeft: "space-offset";
333
+ readonly marginRight: "space-offset";
334
+ readonly marginTop: "space-offset";
335
+ readonly maxBlockSize: "sizes";
336
+ readonly maxHeight: "sizes";
337
+ readonly maxInlineSize: "sizes";
338
+ readonly maxWidth: "sizes";
339
+ readonly minBlockSize: "sizes";
340
+ readonly minHeight: "sizes";
341
+ readonly minInlineSize: "sizes";
342
+ readonly minWidth: "sizes";
343
+ readonly outline: "colors";
344
+ readonly outlineColor: "colors";
345
+ readonly padding: "space-inset";
346
+ readonly paddingBlock: "space-inset";
347
+ readonly paddingBlockEnd: "space-inset";
348
+ readonly paddingBlockStart: "space-inset";
349
+ readonly paddingBottom: "space-inset";
350
+ readonly paddingInline: "space-inset";
351
+ readonly paddingInlineEnd: "space-inset";
352
+ readonly paddingInlineStart: "space-inset";
353
+ readonly paddingLeft: "space-inset";
354
+ readonly paddingRight: "space-inset";
355
+ readonly paddingTop: "space-inset";
356
+ readonly right: "space";
357
+ readonly rowGap: "space-gap";
358
+ readonly scrollMargin: "space-offset";
359
+ readonly scrollMarginBlock: "space-offset";
360
+ readonly scrollMarginBlockEnd: "space-offset";
361
+ readonly scrollMarginBlockStart: "space-offset";
362
+ readonly scrollMarginBottom: "space-offset";
363
+ readonly scrollMarginInline: "space-offset";
364
+ readonly scrollMarginInlineEnd: "space-offset";
365
+ readonly scrollMarginInlineStart: "space-offset";
366
+ readonly scrollMarginLeft: "space-offset";
367
+ readonly scrollMarginRight: "space-offset";
368
+ readonly scrollMarginTop: "space-offset";
369
+ readonly scrollPadding: "space-inset";
370
+ readonly scrollPaddingBlock: "space-inset";
371
+ readonly scrollPaddingBlockEnd: "space-inset";
372
+ readonly scrollPaddingBlockStart: "space-inset";
373
+ readonly scrollPaddingBottom: "space-inset";
374
+ readonly scrollPaddingInline: "space-inset";
375
+ readonly scrollPaddingInlineEnd: "space-inset";
376
+ readonly scrollPaddingInlineStart: "space-inset";
377
+ readonly scrollPaddingLeft: "space-inset";
378
+ readonly scrollPaddingRight: "space-inset";
379
+ readonly scrollPaddingTop: "space-inset";
380
+ readonly stroke: "colors";
381
+ readonly textDecorationColor: "colors";
382
+ readonly textShadow: "shadows";
383
+ readonly top: "space";
384
+ readonly transition: "transitions";
385
+ readonly width: "sizes";
386
+ readonly zIndex: "z-indices";
387
+ }, {
388
+ paddingX: (value: {
389
+ readonly [$$PropertyValue]: "padding";
390
+ }) => {
391
+ paddingLeft: {
392
+ readonly [$$PropertyValue]: "padding";
393
+ };
394
+ paddingRight: {
395
+ readonly [$$PropertyValue]: "padding";
396
+ };
422
397
  };
423
- marginBottom: {
398
+ paddingY: (value: {
399
+ readonly [$$PropertyValue]: "padding";
400
+ }) => {
401
+ paddingTop: {
402
+ readonly [$$PropertyValue]: "padding";
403
+ };
404
+ paddingBottom: {
405
+ readonly [$$PropertyValue]: "padding";
406
+ };
407
+ };
408
+ marginX: (value: {
424
409
  readonly [$$PropertyValue]: "margin";
410
+ }) => {
411
+ marginLeft: {
412
+ readonly [$$PropertyValue]: "margin";
413
+ };
414
+ marginRight: {
415
+ readonly [$$PropertyValue]: "margin";
416
+ };
425
417
  };
426
- };
427
- square: (value: {
428
- readonly [$$PropertyValue]: "width";
429
- }) => {
430
- width: {
431
- readonly [$$PropertyValue]: "width";
418
+ marginY: (value: {
419
+ readonly [$$PropertyValue]: "margin";
420
+ }) => {
421
+ marginTop: {
422
+ readonly [$$PropertyValue]: "margin";
423
+ };
424
+ marginBottom: {
425
+ readonly [$$PropertyValue]: "margin";
426
+ };
432
427
  };
433
- height: {
428
+ square: (value: {
434
429
  readonly [$$PropertyValue]: "width";
430
+ }) => {
431
+ width: {
432
+ readonly [$$PropertyValue]: "width";
433
+ };
434
+ height: {
435
+ readonly [$$PropertyValue]: "width";
436
+ };
435
437
  };
436
- };
437
- }>>> & _mirohq_design_system_stitches.CustomStylesProps, "color" | "translate" | "prefix" | "asChild" | "form" | "slot" | "title" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "placeholder" | "type" | "value" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | keyof _mirohq_design_system_stitches.CustomStylesProps> & react.RefAttributes<HTMLButtonElement>> & _mirohq_design_system_stitches.StitchesInternals<react.ForwardRefExoticComponent<_radix_ui_react_popover.PopoverTriggerProps & react.RefAttributes<HTMLButtonElement>>, {}, {}>;
438
+ }> | undefined;
439
+ }> & {
440
+ children?: react.ReactNode;
441
+ } & _mirohq_design_system_stitches.CustomStylesProps, "color" | "translate" | "prefix" | "asChild" | "children" | "form" | "slot" | "title" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "placeholder" | "type" | "value" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | keyof _mirohq_design_system_stitches.CustomStylesProps> & react.RefAttributes<HTMLButtonElement>> & _mirohq_design_system_stitches.StitchesInternals<react.ForwardRefExoticComponent<_radix_ui_react_popover.PopoverTriggerProps & react.RefAttributes<HTMLButtonElement>>, {}, {}>;
438
442
  declare type StyledTriggerProps = StrictComponentProps<typeof StyledTrigger>;
439
443
 
440
444
  interface TriggerProps extends StyledTriggerProps {
@@ -446,440 +450,444 @@ interface TriggerProps extends StyledTriggerProps {
446
450
  /**
447
451
  * The trigger component is used to render the trigger element for the popover.
448
452
  */
449
- declare const Trigger: react__default.ForwardRefExoticComponent<Pick<TriggerProps, "color" | "translate" | "css" | "prefix" | "asChild" | "UNSAFE_style" | "form" | "slot" | "title" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "placeholder" | "type" | "value" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "onPress"> & react__default.RefAttributes<HTMLButtonElement>>;
453
+ declare const Trigger: react__default.ForwardRefExoticComponent<Pick<TriggerProps, "color" | "translate" | "css" | "prefix" | "asChild" | "UNSAFE_style" | "children" | "form" | "slot" | "title" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "placeholder" | "type" | "value" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "onPress"> & react__default.RefAttributes<HTMLButtonElement>>;
450
454
 
451
455
  declare const StyledContent: react.ForwardRefExoticComponent<Pick<Omit<{
452
456
  variant?: "dark" | "light" | undefined;
453
457
  }, "variant"> & _stitches_react_types_styled_component.TransformProps<{
454
458
  variant?: "dark" | "light" | undefined;
455
- }, {}> & _mirohq_design_system_stitches.StyledComponentProps<_stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<_radix_ui_react_popover.PopoverContentProps & react.RefAttributes<HTMLDivElement>>, {}, {}, _stitches_react_types_css_util.CSS<{}, {
456
- 'border-widths': {
457
- readonly none: 0;
458
- readonly sm: "1px";
459
- readonly md: "2px";
460
- readonly lg: "4px";
461
- };
462
- colors: {
463
- readonly 'blue-100': any;
464
- readonly 'blue-200': any;
465
- readonly 'blue-300': any;
466
- readonly 'blue-400': any;
467
- readonly 'blue-500': any;
468
- readonly 'blue-600': any;
469
- readonly 'blue-700': any;
470
- readonly 'blue-800': any;
471
- readonly 'blue-900': any;
472
- readonly 'blue-1000': any;
473
- readonly 'gray-100': any;
474
- readonly 'gray-200': any;
475
- readonly 'gray-300': any;
476
- readonly 'gray-400': any;
477
- readonly 'gray-500': any;
478
- readonly 'gray-600': any;
479
- readonly 'gray-700': any;
480
- readonly 'gray-800': any;
481
- readonly 'gray-900': any;
482
- readonly 'indigo-100': any;
483
- readonly 'indigo-200': any;
484
- readonly 'indigo-300': any;
485
- readonly 'indigo-400': any;
486
- readonly 'indigo-500': any;
487
- readonly 'indigo-600': any;
488
- readonly 'indigo-700': any;
489
- readonly 'indigo-800': any;
490
- readonly 'indigo-900': any;
491
- readonly 'red-100': any;
492
- readonly 'red-200': any;
493
- readonly 'red-300': any;
494
- readonly 'red-400': any;
495
- readonly 'red-500': any;
496
- readonly 'red-600': any;
497
- readonly 'red-700': any;
498
- readonly 'red-800': any;
499
- readonly 'red-900': any;
500
- readonly 'yellow-100': any;
501
- readonly 'yellow-200': any;
502
- readonly 'yellow-300': any;
503
- readonly 'yellow-400': any;
504
- readonly 'yellow-500': any;
505
- readonly 'yellow-600': any;
506
- readonly 'yellow-700': any;
507
- readonly 'yellow-800': any;
508
- readonly 'yellow-900': any;
509
- readonly 'green-100': any;
510
- readonly 'green-200': any;
511
- readonly 'green-300': any;
512
- readonly 'green-400': any;
513
- readonly 'green-500': any;
514
- readonly 'green-600': any;
515
- readonly 'green-700': any;
516
- readonly 'green-800': any;
517
- readonly 'green-900': any;
518
- readonly black: any;
519
- readonly white: any;
520
- readonly transparent: any;
521
- readonly 'background-neutrals'?: any;
522
- readonly 'background-neutrals-body'?: any;
523
- readonly 'background-neutrals-container'?: any;
524
- readonly 'background-neutrals-inverted'?: any;
525
- readonly 'background-neutrals-inverted-subtle'?: any;
526
- readonly 'background-neutrals-subtle'?: any;
527
- readonly 'background-neutrals-subtle-hover'?: any;
528
- readonly 'background-neutrals-subtle-active'?: any;
529
- readonly 'background-neutrals-disabled'?: any;
530
- readonly 'background-neutrals-controls-disabled'?: any;
531
- readonly 'background-neutrals-scrolls'?: any;
532
- readonly 'background-neutrals-inactive'?: any;
533
- readonly 'background-neutrals-inactive-hover'?: any;
534
- readonly 'background-primary-prominent'?: any;
535
- readonly 'background-primary-prominent-hover'?: any;
536
- readonly 'background-primary-prominent-active'?: any;
537
- readonly 'background-primary-prominent-selected'?: any;
538
- readonly 'background-primary-subtle'?: any;
539
- readonly 'background-primary-subtle-hover'?: any;
540
- readonly 'background-primary-subtle-active'?: any;
541
- readonly 'background-primary-subtle-selected'?: any;
542
- readonly 'background-danger-prominent'?: any;
543
- readonly 'background-danger-prominent-hover'?: any;
544
- readonly 'background-danger-prominent-active'?: any;
545
- readonly 'background-danger'?: any;
546
- readonly 'background-danger-hover'?: any;
547
- readonly 'background-success'?: any;
548
- readonly 'background-warning-subtle'?: any;
549
- readonly 'background-warning-prominent'?: any;
550
- readonly 'text-neutrals-inverted'?: any;
551
- readonly 'text-neutrals'?: any;
552
- readonly 'text-neutrals-subtle'?: any;
553
- readonly 'text-neutrals-placeholder-only'?: any;
554
- readonly 'text-neutrals-placeholder'?: any;
555
- readonly 'text-neutrals-disabled'?: any;
556
- readonly 'text-primary-inverted'?: any;
557
- readonly 'text-primary'?: any;
558
- readonly 'text-primary-hover'?: any;
559
- readonly 'text-primary-active'?: any;
560
- readonly 'text-primary-selected'?: any;
561
- readonly 'text-primary-inverted-subtle'?: any;
562
- readonly 'text-danger-inverted'?: any;
563
- readonly 'text-danger'?: any;
564
- readonly 'text-danger-hover'?: any;
565
- readonly 'text-danger-active'?: any;
566
- readonly 'text-success'?: any;
567
- readonly 'text-warning'?: any;
568
- readonly 'icon-neutrals-inverted'?: any;
569
- readonly 'icon-neutrals'?: any;
570
- readonly 'icon-neutrals-with-text'?: any;
571
- readonly 'icon-neutrals-subtle'?: any;
572
- readonly 'icon-neutrals-disabled'?: any;
573
- readonly 'icon-neutrals-search'?: any;
574
- readonly 'icon-neutrals-inactive'?: any;
575
- readonly 'icon-neutrals-inactive-hover'?: any;
576
- readonly 'icon-primary-inverted'?: any;
577
- readonly 'icon-primary'?: any;
578
- readonly 'icon-primary-hover'?: any;
579
- readonly 'icon-primary-active'?: any;
580
- readonly 'icon-primary-selected'?: any;
581
- readonly 'icon-danger-inverted'?: any;
582
- readonly 'icon-danger'?: any;
583
- readonly 'icon-danger-hover'?: any;
584
- readonly 'icon-danger-active'?: any;
585
- readonly 'icon-success-inverted'?: any;
586
- readonly 'icon-success'?: any;
587
- readonly 'icon-warning'?: any;
588
- readonly 'border-focus-outer'?: any;
589
- readonly 'border-focus-middle'?: any;
590
- readonly 'border-focus-inner'?: any;
591
- readonly 'border-neutrals'?: any;
592
- readonly 'border-neutrals-hover'?: any;
593
- readonly 'border-neutrals-active'?: any;
594
- readonly 'border-neutrals-disabled'?: any;
595
- readonly 'border-neutrals-controls'?: any;
596
- readonly 'border-neutrals-controls-disabled'?: any;
597
- readonly 'border-neutrals-subtle'?: any;
598
- readonly 'border-neutrals-inverted'?: any;
599
- readonly 'border-primary'?: any;
600
- readonly 'border-primary-hover'?: any;
601
- readonly 'border-primary-active'?: any;
602
- readonly 'border-primary-inverted'?: any;
603
- readonly 'border-danger'?: any;
604
- readonly 'border-success'?: any;
605
- readonly 'border-warning'?: any;
606
- };
607
- 'font-sizes': {
608
- readonly 150: "0.75rem";
609
- readonly 175: "0.875rem";
610
- readonly 200: "1rem";
611
- readonly 225: "1.125rem";
612
- readonly 250: "1.25rem";
613
- readonly 300: "1.5rem";
614
- readonly 400: "2rem";
615
- readonly 500: "2.5rem";
616
- readonly 600: "3rem";
617
- readonly 800: "4rem";
618
- readonly 900: "4.5rem";
619
- };
620
- radii: {
621
- readonly none: 0;
622
- readonly half: "999em";
623
- readonly 25: "2px";
624
- readonly 50: "4px";
625
- readonly 75: "6px";
626
- readonly 100: "8px";
627
- readonly 200: "16px";
628
- };
629
- shadows: {
630
- readonly 50: "0 4px 16px #05003812";
631
- readonly 100: "0 8px 32px #05003808";
632
- readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
633
- readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
634
- readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
635
- readonly 'focus-controls': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-focus-middle, 0 0 0 5px $colors$border-focus-outer";
636
- };
637
- sizes: {
638
- readonly number: string;
639
- readonly 'icon-200': "16px";
640
- readonly 'icon-300': "24px";
641
- readonly 'icon-400': "32px";
642
- };
643
- space: {
644
- readonly none: 0;
645
- readonly 50: "4px";
646
- readonly 100: "8px";
647
- readonly 150: "12px";
648
- readonly 200: "16px";
649
- readonly 300: "24px";
650
- readonly 400: "32px";
651
- readonly 500: "64px";
652
- readonly 600: "48px";
653
- readonly 800: "64px";
654
- readonly 1200: "96px";
655
- readonly 1600: "128px";
656
- };
657
- 'space-gap': {
658
- readonly none: any;
659
- readonly 50: any;
660
- readonly 100: any;
661
- readonly 200: any;
662
- readonly 300: any;
663
- };
664
- 'space-inset': {
665
- readonly none: any;
666
- readonly 50: any;
667
- readonly 100: any;
668
- readonly 150: any;
669
- readonly 200: any;
670
- readonly 300: any;
671
- readonly 400: any;
672
- readonly 600: any;
673
- readonly 800: any;
674
- readonly 1200: any;
675
- readonly 1600: any;
676
- };
677
- 'space-offset': {
678
- readonly none: any;
679
- readonly 50: any;
680
- readonly 100: any;
681
- readonly 150: any;
682
- readonly 200: any;
683
- readonly 300: any;
684
- readonly 400: any;
685
- readonly 600: any;
686
- readonly 800: any;
687
- readonly 1200: any;
688
- readonly 1600: any;
689
- readonly 'stacking-none': any;
690
- readonly 'stacking-100': any;
691
- readonly 'stacking-200': any;
692
- readonly 'stacking-300': any;
693
- readonly 'stacking-400': any;
694
- readonly 'stacking-500': any;
695
- readonly 'stacking-800': any;
696
- };
697
- 'z-indices': {
698
- readonly dropdownMenu: 100;
699
- readonly popover: 200;
700
- readonly tooltip: 300;
701
- };
702
- }, {
703
- readonly background: "colors";
704
- readonly backgroundColor: "colors";
705
- readonly backgroundImage: "colors";
706
- readonly blockSize: "sizes";
707
- readonly border: "colors";
708
- readonly borderBlock: "colors";
709
- readonly borderBlockEnd: "colors";
710
- readonly borderBlockStart: "colors";
711
- readonly borderBottom: "colors";
712
- readonly borderBottomColor: "colors";
713
- readonly borderBottomLeftRadius: "radii";
714
- readonly borderBottomRightRadius: "radii";
715
- readonly borderBottomStyle: "border-styles";
716
- readonly borderBottomWidth: "border-widths";
717
- readonly borderColor: "colors";
718
- readonly borderImage: "colors";
719
- readonly borderInline: "colors";
720
- readonly borderInlineEnd: "colors";
721
- readonly borderInlineStart: "colors";
722
- readonly borderLeft: "colors";
723
- readonly borderLeftColor: "colors";
724
- readonly borderLeftStyle: "border-styles";
725
- readonly borderLeftWidth: "border-widths";
726
- readonly borderRadius: "radii";
727
- readonly borderRight: "colors";
728
- readonly borderRightColor: "colors";
729
- readonly borderRightStyle: "border-styles";
730
- readonly borderRightWidth: "border-widths";
731
- readonly borderStyle: "border-styles";
732
- readonly borderTop: "colors";
733
- readonly borderTopColor: "colors";
734
- readonly borderTopLeftRadius: "radii";
735
- readonly borderTopRightRadius: "radii";
736
- readonly borderTopStyle: "border-styles";
737
- readonly borderTopWidth: "border-widths";
738
- readonly borderWidth: "border-widths";
739
- readonly bottom: "space";
740
- readonly boxShadow: "shadows";
741
- readonly caretColor: "colors";
742
- readonly color: "colors";
743
- readonly columnGap: "space-gap";
744
- readonly columnRuleColor: "colors";
745
- readonly fill: "colors";
746
- readonly flexBasis: "sizes";
747
- readonly fontFamily: "fonts";
748
- readonly fontSize: "font-sizes";
749
- readonly fontWeight: "font-weights";
750
- readonly gap: "space-gap";
751
- readonly gridColumnGap: "space-gap";
752
- readonly gridGap: "space-gap";
753
- readonly gridRowGap: "space-gap";
754
- readonly gridTemplateColumns: "sizes";
755
- readonly gridTemplateRows: "sizes";
756
- readonly height: "sizes";
757
- readonly inlineSize: "sizes";
758
- readonly inset: "space-inset";
759
- readonly insetBlock: "space-inset";
760
- readonly insetBlockEnd: "space-inset";
761
- readonly insetBlockStart: "space-inset";
762
- readonly insetInline: "space-inset";
763
- readonly insetInlineEnd: "space-inset";
764
- readonly insetInlineStart: "space-inset";
765
- readonly left: "space";
766
- readonly letterSpacing: "letter-spacings";
767
- readonly lineHeight: "line-heights";
768
- readonly margin: "space-offset";
769
- readonly marginBlock: "space-offset";
770
- readonly marginBlockEnd: "space-offset";
771
- readonly marginBlockStart: "space-offset";
772
- readonly marginBottom: "space-offset";
773
- readonly marginInline: "space-offset";
774
- readonly marginInlineEnd: "space-offset";
775
- readonly marginInlineStart: "space-offset";
776
- readonly marginLeft: "space-offset";
777
- readonly marginRight: "space-offset";
778
- readonly marginTop: "space-offset";
779
- readonly maxBlockSize: "sizes";
780
- readonly maxHeight: "sizes";
781
- readonly maxInlineSize: "sizes";
782
- readonly maxWidth: "sizes";
783
- readonly minBlockSize: "sizes";
784
- readonly minHeight: "sizes";
785
- readonly minInlineSize: "sizes";
786
- readonly minWidth: "sizes";
787
- readonly outline: "colors";
788
- readonly outlineColor: "colors";
789
- readonly padding: "space-inset";
790
- readonly paddingBlock: "space-inset";
791
- readonly paddingBlockEnd: "space-inset";
792
- readonly paddingBlockStart: "space-inset";
793
- readonly paddingBottom: "space-inset";
794
- readonly paddingInline: "space-inset";
795
- readonly paddingInlineEnd: "space-inset";
796
- readonly paddingInlineStart: "space-inset";
797
- readonly paddingLeft: "space-inset";
798
- readonly paddingRight: "space-inset";
799
- readonly paddingTop: "space-inset";
800
- readonly right: "space";
801
- readonly rowGap: "space-gap";
802
- readonly scrollMargin: "space-offset";
803
- readonly scrollMarginBlock: "space-offset";
804
- readonly scrollMarginBlockEnd: "space-offset";
805
- readonly scrollMarginBlockStart: "space-offset";
806
- readonly scrollMarginBottom: "space-offset";
807
- readonly scrollMarginInline: "space-offset";
808
- readonly scrollMarginInlineEnd: "space-offset";
809
- readonly scrollMarginInlineStart: "space-offset";
810
- readonly scrollMarginLeft: "space-offset";
811
- readonly scrollMarginRight: "space-offset";
812
- readonly scrollMarginTop: "space-offset";
813
- readonly scrollPadding: "space-inset";
814
- readonly scrollPaddingBlock: "space-inset";
815
- readonly scrollPaddingBlockEnd: "space-inset";
816
- readonly scrollPaddingBlockStart: "space-inset";
817
- readonly scrollPaddingBottom: "space-inset";
818
- readonly scrollPaddingInline: "space-inset";
819
- readonly scrollPaddingInlineEnd: "space-inset";
820
- readonly scrollPaddingInlineStart: "space-inset";
821
- readonly scrollPaddingLeft: "space-inset";
822
- readonly scrollPaddingRight: "space-inset";
823
- readonly scrollPaddingTop: "space-inset";
824
- readonly stroke: "colors";
825
- readonly textDecorationColor: "colors";
826
- readonly textShadow: "shadows";
827
- readonly top: "space";
828
- readonly transition: "transitions";
829
- readonly width: "sizes";
830
- readonly zIndex: "z-indices";
831
- }, {
832
- paddingX: (value: {
833
- readonly [$$PropertyValue]: "padding";
834
- }) => {
835
- paddingLeft: {
836
- readonly [$$PropertyValue]: "padding";
459
+ }, {}> & _mirohq_design_system_stitches.SafeProps<Omit<_radix_ui_react_popover.PopoverContentProps & react.RefAttributes<HTMLDivElement>, "css"> & _stitches_react_types_styled_component.TransformProps<{}, {}> & {
460
+ css?: _stitches_react_types_css_util.CSS<{}, {
461
+ 'border-widths': {
462
+ readonly none: 0;
463
+ readonly sm: "1px";
464
+ readonly md: "2px";
465
+ readonly lg: "4px";
837
466
  };
838
- paddingRight: {
839
- readonly [$$PropertyValue]: "padding";
467
+ colors: {
468
+ readonly 'blue-100': any;
469
+ readonly 'blue-200': any;
470
+ readonly 'blue-300': any;
471
+ readonly 'blue-400': any;
472
+ readonly 'blue-500': any;
473
+ readonly 'blue-600': any;
474
+ readonly 'blue-700': any;
475
+ readonly 'blue-800': any;
476
+ readonly 'blue-900': any;
477
+ readonly 'blue-1000': any;
478
+ readonly 'gray-100': any;
479
+ readonly 'gray-200': any;
480
+ readonly 'gray-300': any;
481
+ readonly 'gray-400': any;
482
+ readonly 'gray-500': any;
483
+ readonly 'gray-600': any;
484
+ readonly 'gray-700': any;
485
+ readonly 'gray-800': any;
486
+ readonly 'gray-900': any;
487
+ readonly 'indigo-100': any;
488
+ readonly 'indigo-200': any;
489
+ readonly 'indigo-300': any;
490
+ readonly 'indigo-400': any;
491
+ readonly 'indigo-500': any;
492
+ readonly 'indigo-600': any;
493
+ readonly 'indigo-700': any;
494
+ readonly 'indigo-800': any;
495
+ readonly 'indigo-900': any;
496
+ readonly 'red-100': any;
497
+ readonly 'red-200': any;
498
+ readonly 'red-300': any;
499
+ readonly 'red-400': any;
500
+ readonly 'red-500': any;
501
+ readonly 'red-600': any;
502
+ readonly 'red-700': any;
503
+ readonly 'red-800': any;
504
+ readonly 'red-900': any;
505
+ readonly 'yellow-100': any;
506
+ readonly 'yellow-200': any;
507
+ readonly 'yellow-300': any;
508
+ readonly 'yellow-400': any;
509
+ readonly 'yellow-500': any;
510
+ readonly 'yellow-600': any;
511
+ readonly 'yellow-700': any;
512
+ readonly 'yellow-800': any;
513
+ readonly 'yellow-900': any;
514
+ readonly 'green-100': any;
515
+ readonly 'green-200': any;
516
+ readonly 'green-300': any;
517
+ readonly 'green-400': any;
518
+ readonly 'green-500': any;
519
+ readonly 'green-600': any;
520
+ readonly 'green-700': any;
521
+ readonly 'green-800': any;
522
+ readonly 'green-900': any;
523
+ readonly black: any;
524
+ readonly white: any;
525
+ readonly transparent: any;
526
+ readonly 'background-neutrals'?: any;
527
+ readonly 'background-neutrals-body'?: any;
528
+ readonly 'background-neutrals-container'?: any;
529
+ readonly 'background-neutrals-inverted'?: any;
530
+ readonly 'background-neutrals-inverted-subtle'?: any;
531
+ readonly 'background-neutrals-subtle'?: any;
532
+ readonly 'background-neutrals-subtle-hover'?: any;
533
+ readonly 'background-neutrals-subtle-active'?: any;
534
+ readonly 'background-neutrals-disabled'?: any;
535
+ readonly 'background-neutrals-controls-disabled'?: any;
536
+ readonly 'background-neutrals-scrolls'?: any;
537
+ readonly 'background-neutrals-inactive'?: any;
538
+ readonly 'background-neutrals-inactive-hover'?: any;
539
+ readonly 'background-primary-prominent'?: any;
540
+ readonly 'background-primary-prominent-hover'?: any;
541
+ readonly 'background-primary-prominent-active'?: any;
542
+ readonly 'background-primary-prominent-selected'?: any;
543
+ readonly 'background-primary-subtle'?: any;
544
+ readonly 'background-primary-subtle-hover'?: any;
545
+ readonly 'background-primary-subtle-active'?: any;
546
+ readonly 'background-primary-subtle-selected'?: any;
547
+ readonly 'background-danger-prominent'?: any;
548
+ readonly 'background-danger-prominent-hover'?: any;
549
+ readonly 'background-danger-prominent-active'?: any;
550
+ readonly 'background-danger'?: any;
551
+ readonly 'background-danger-hover'?: any;
552
+ readonly 'background-success'?: any;
553
+ readonly 'background-warning-subtle'?: any;
554
+ readonly 'background-warning-prominent'?: any;
555
+ readonly 'text-neutrals-inverted'?: any;
556
+ readonly 'text-neutrals'?: any;
557
+ readonly 'text-neutrals-subtle'?: any;
558
+ readonly 'text-neutrals-placeholder-only'?: any;
559
+ readonly 'text-neutrals-placeholder'?: any;
560
+ readonly 'text-neutrals-disabled'?: any;
561
+ readonly 'text-primary-inverted'?: any;
562
+ readonly 'text-primary'?: any;
563
+ readonly 'text-primary-hover'?: any;
564
+ readonly 'text-primary-active'?: any;
565
+ readonly 'text-primary-selected'?: any;
566
+ readonly 'text-primary-inverted-subtle'?: any;
567
+ readonly 'text-danger-inverted'?: any;
568
+ readonly 'text-danger'?: any;
569
+ readonly 'text-danger-hover'?: any;
570
+ readonly 'text-danger-active'?: any;
571
+ readonly 'text-success'?: any;
572
+ readonly 'text-warning'?: any;
573
+ readonly 'icon-neutrals-inverted'?: any;
574
+ readonly 'icon-neutrals'?: any;
575
+ readonly 'icon-neutrals-with-text'?: any;
576
+ readonly 'icon-neutrals-subtle'?: any;
577
+ readonly 'icon-neutrals-disabled'?: any;
578
+ readonly 'icon-neutrals-search'?: any;
579
+ readonly 'icon-neutrals-inactive'?: any;
580
+ readonly 'icon-neutrals-inactive-hover'?: any;
581
+ readonly 'icon-primary-inverted'?: any;
582
+ readonly 'icon-primary'?: any;
583
+ readonly 'icon-primary-hover'?: any;
584
+ readonly 'icon-primary-active'?: any;
585
+ readonly 'icon-primary-selected'?: any;
586
+ readonly 'icon-danger-inverted'?: any;
587
+ readonly 'icon-danger'?: any;
588
+ readonly 'icon-danger-hover'?: any;
589
+ readonly 'icon-danger-active'?: any;
590
+ readonly 'icon-success-inverted'?: any;
591
+ readonly 'icon-success'?: any;
592
+ readonly 'icon-warning'?: any;
593
+ readonly 'border-focus-outer'?: any;
594
+ readonly 'border-focus-middle'?: any;
595
+ readonly 'border-focus-inner'?: any;
596
+ readonly 'border-neutrals'?: any;
597
+ readonly 'border-neutrals-hover'?: any;
598
+ readonly 'border-neutrals-active'?: any;
599
+ readonly 'border-neutrals-disabled'?: any;
600
+ readonly 'border-neutrals-controls'?: any;
601
+ readonly 'border-neutrals-controls-disabled'?: any;
602
+ readonly 'border-neutrals-subtle'?: any;
603
+ readonly 'border-neutrals-inverted'?: any;
604
+ readonly 'border-primary'?: any;
605
+ readonly 'border-primary-hover'?: any;
606
+ readonly 'border-primary-active'?: any;
607
+ readonly 'border-primary-inverted'?: any;
608
+ readonly 'border-danger'?: any;
609
+ readonly 'border-success'?: any;
610
+ readonly 'border-warning'?: any;
840
611
  };
841
- };
842
- paddingY: (value: {
843
- readonly [$$PropertyValue]: "padding";
844
- }) => {
845
- paddingTop: {
846
- readonly [$$PropertyValue]: "padding";
612
+ 'font-sizes': {
613
+ readonly 150: "0.75rem";
614
+ readonly 175: "0.875rem";
615
+ readonly 200: "1rem";
616
+ readonly 225: "1.125rem";
617
+ readonly 250: "1.25rem";
618
+ readonly 300: "1.5rem";
619
+ readonly 400: "2rem";
620
+ readonly 500: "2.5rem";
621
+ readonly 600: "3rem";
622
+ readonly 800: "4rem";
623
+ readonly 900: "4.5rem";
847
624
  };
848
- paddingBottom: {
849
- readonly [$$PropertyValue]: "padding";
625
+ radii: {
626
+ readonly none: 0;
627
+ readonly half: "999em";
628
+ readonly 25: "2px";
629
+ readonly 50: "4px";
630
+ readonly 75: "6px";
631
+ readonly 100: "8px";
632
+ readonly 200: "16px";
850
633
  };
851
- };
852
- marginX: (value: {
853
- readonly [$$PropertyValue]: "margin";
854
- }) => {
855
- marginLeft: {
856
- readonly [$$PropertyValue]: "margin";
634
+ shadows: {
635
+ readonly 50: "0 4px 16px #05003812";
636
+ readonly 100: "0 8px 32px #05003808";
637
+ readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
638
+ readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
639
+ readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
640
+ readonly 'focus-controls': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-focus-middle, 0 0 0 5px $colors$border-focus-outer";
857
641
  };
858
- marginRight: {
859
- readonly [$$PropertyValue]: "margin";
642
+ sizes: {
643
+ readonly number: string;
644
+ readonly 'icon-200': "16px";
645
+ readonly 'icon-300': "24px";
646
+ readonly 'icon-400': "32px";
860
647
  };
861
- };
862
- marginY: (value: {
863
- readonly [$$PropertyValue]: "margin";
864
- }) => {
865
- marginTop: {
866
- readonly [$$PropertyValue]: "margin";
648
+ space: {
649
+ readonly none: 0;
650
+ readonly 50: "4px";
651
+ readonly 100: "8px";
652
+ readonly 150: "12px";
653
+ readonly 200: "16px";
654
+ readonly 300: "24px";
655
+ readonly 400: "32px";
656
+ readonly 500: "64px";
657
+ readonly 600: "48px";
658
+ readonly 800: "64px";
659
+ readonly 1200: "96px";
660
+ readonly 1600: "128px";
661
+ };
662
+ 'space-gap': {
663
+ readonly none: any;
664
+ readonly 50: any;
665
+ readonly 100: any;
666
+ readonly 200: any;
667
+ readonly 300: any;
668
+ };
669
+ 'space-inset': {
670
+ readonly none: any;
671
+ readonly 50: any;
672
+ readonly 100: any;
673
+ readonly 150: any;
674
+ readonly 200: any;
675
+ readonly 300: any;
676
+ readonly 400: any;
677
+ readonly 600: any;
678
+ readonly 800: any;
679
+ readonly 1200: any;
680
+ readonly 1600: any;
867
681
  };
868
- marginBottom: {
682
+ 'space-offset': {
683
+ readonly none: any;
684
+ readonly 50: any;
685
+ readonly 100: any;
686
+ readonly 150: any;
687
+ readonly 200: any;
688
+ readonly 300: any;
689
+ readonly 400: any;
690
+ readonly 600: any;
691
+ readonly 800: any;
692
+ readonly 1200: any;
693
+ readonly 1600: any;
694
+ readonly 'stacking-none': any;
695
+ readonly 'stacking-100': any;
696
+ readonly 'stacking-200': any;
697
+ readonly 'stacking-300': any;
698
+ readonly 'stacking-400': any;
699
+ readonly 'stacking-500': any;
700
+ readonly 'stacking-800': any;
701
+ };
702
+ 'z-indices': {
703
+ readonly dropdownMenu: 100;
704
+ readonly popover: 200;
705
+ readonly tooltip: 300;
706
+ };
707
+ }, {
708
+ readonly background: "colors";
709
+ readonly backgroundColor: "colors";
710
+ readonly backgroundImage: "colors";
711
+ readonly blockSize: "sizes";
712
+ readonly border: "colors";
713
+ readonly borderBlock: "colors";
714
+ readonly borderBlockEnd: "colors";
715
+ readonly borderBlockStart: "colors";
716
+ readonly borderBottom: "colors";
717
+ readonly borderBottomColor: "colors";
718
+ readonly borderBottomLeftRadius: "radii";
719
+ readonly borderBottomRightRadius: "radii";
720
+ readonly borderBottomStyle: "border-styles";
721
+ readonly borderBottomWidth: "border-widths";
722
+ readonly borderColor: "colors";
723
+ readonly borderImage: "colors";
724
+ readonly borderInline: "colors";
725
+ readonly borderInlineEnd: "colors";
726
+ readonly borderInlineStart: "colors";
727
+ readonly borderLeft: "colors";
728
+ readonly borderLeftColor: "colors";
729
+ readonly borderLeftStyle: "border-styles";
730
+ readonly borderLeftWidth: "border-widths";
731
+ readonly borderRadius: "radii";
732
+ readonly borderRight: "colors";
733
+ readonly borderRightColor: "colors";
734
+ readonly borderRightStyle: "border-styles";
735
+ readonly borderRightWidth: "border-widths";
736
+ readonly borderStyle: "border-styles";
737
+ readonly borderTop: "colors";
738
+ readonly borderTopColor: "colors";
739
+ readonly borderTopLeftRadius: "radii";
740
+ readonly borderTopRightRadius: "radii";
741
+ readonly borderTopStyle: "border-styles";
742
+ readonly borderTopWidth: "border-widths";
743
+ readonly borderWidth: "border-widths";
744
+ readonly bottom: "space";
745
+ readonly boxShadow: "shadows";
746
+ readonly caretColor: "colors";
747
+ readonly color: "colors";
748
+ readonly columnGap: "space-gap";
749
+ readonly columnRuleColor: "colors";
750
+ readonly fill: "colors";
751
+ readonly flexBasis: "sizes";
752
+ readonly fontFamily: "fonts";
753
+ readonly fontSize: "font-sizes";
754
+ readonly fontWeight: "font-weights";
755
+ readonly gap: "space-gap";
756
+ readonly gridColumnGap: "space-gap";
757
+ readonly gridGap: "space-gap";
758
+ readonly gridRowGap: "space-gap";
759
+ readonly gridTemplateColumns: "sizes";
760
+ readonly gridTemplateRows: "sizes";
761
+ readonly height: "sizes";
762
+ readonly inlineSize: "sizes";
763
+ readonly inset: "space-inset";
764
+ readonly insetBlock: "space-inset";
765
+ readonly insetBlockEnd: "space-inset";
766
+ readonly insetBlockStart: "space-inset";
767
+ readonly insetInline: "space-inset";
768
+ readonly insetInlineEnd: "space-inset";
769
+ readonly insetInlineStart: "space-inset";
770
+ readonly left: "space";
771
+ readonly letterSpacing: "letter-spacings";
772
+ readonly lineHeight: "line-heights";
773
+ readonly margin: "space-offset";
774
+ readonly marginBlock: "space-offset";
775
+ readonly marginBlockEnd: "space-offset";
776
+ readonly marginBlockStart: "space-offset";
777
+ readonly marginBottom: "space-offset";
778
+ readonly marginInline: "space-offset";
779
+ readonly marginInlineEnd: "space-offset";
780
+ readonly marginInlineStart: "space-offset";
781
+ readonly marginLeft: "space-offset";
782
+ readonly marginRight: "space-offset";
783
+ readonly marginTop: "space-offset";
784
+ readonly maxBlockSize: "sizes";
785
+ readonly maxHeight: "sizes";
786
+ readonly maxInlineSize: "sizes";
787
+ readonly maxWidth: "sizes";
788
+ readonly minBlockSize: "sizes";
789
+ readonly minHeight: "sizes";
790
+ readonly minInlineSize: "sizes";
791
+ readonly minWidth: "sizes";
792
+ readonly outline: "colors";
793
+ readonly outlineColor: "colors";
794
+ readonly padding: "space-inset";
795
+ readonly paddingBlock: "space-inset";
796
+ readonly paddingBlockEnd: "space-inset";
797
+ readonly paddingBlockStart: "space-inset";
798
+ readonly paddingBottom: "space-inset";
799
+ readonly paddingInline: "space-inset";
800
+ readonly paddingInlineEnd: "space-inset";
801
+ readonly paddingInlineStart: "space-inset";
802
+ readonly paddingLeft: "space-inset";
803
+ readonly paddingRight: "space-inset";
804
+ readonly paddingTop: "space-inset";
805
+ readonly right: "space";
806
+ readonly rowGap: "space-gap";
807
+ readonly scrollMargin: "space-offset";
808
+ readonly scrollMarginBlock: "space-offset";
809
+ readonly scrollMarginBlockEnd: "space-offset";
810
+ readonly scrollMarginBlockStart: "space-offset";
811
+ readonly scrollMarginBottom: "space-offset";
812
+ readonly scrollMarginInline: "space-offset";
813
+ readonly scrollMarginInlineEnd: "space-offset";
814
+ readonly scrollMarginInlineStart: "space-offset";
815
+ readonly scrollMarginLeft: "space-offset";
816
+ readonly scrollMarginRight: "space-offset";
817
+ readonly scrollMarginTop: "space-offset";
818
+ readonly scrollPadding: "space-inset";
819
+ readonly scrollPaddingBlock: "space-inset";
820
+ readonly scrollPaddingBlockEnd: "space-inset";
821
+ readonly scrollPaddingBlockStart: "space-inset";
822
+ readonly scrollPaddingBottom: "space-inset";
823
+ readonly scrollPaddingInline: "space-inset";
824
+ readonly scrollPaddingInlineEnd: "space-inset";
825
+ readonly scrollPaddingInlineStart: "space-inset";
826
+ readonly scrollPaddingLeft: "space-inset";
827
+ readonly scrollPaddingRight: "space-inset";
828
+ readonly scrollPaddingTop: "space-inset";
829
+ readonly stroke: "colors";
830
+ readonly textDecorationColor: "colors";
831
+ readonly textShadow: "shadows";
832
+ readonly top: "space";
833
+ readonly transition: "transitions";
834
+ readonly width: "sizes";
835
+ readonly zIndex: "z-indices";
836
+ }, {
837
+ paddingX: (value: {
838
+ readonly [$$PropertyValue]: "padding";
839
+ }) => {
840
+ paddingLeft: {
841
+ readonly [$$PropertyValue]: "padding";
842
+ };
843
+ paddingRight: {
844
+ readonly [$$PropertyValue]: "padding";
845
+ };
846
+ };
847
+ paddingY: (value: {
848
+ readonly [$$PropertyValue]: "padding";
849
+ }) => {
850
+ paddingTop: {
851
+ readonly [$$PropertyValue]: "padding";
852
+ };
853
+ paddingBottom: {
854
+ readonly [$$PropertyValue]: "padding";
855
+ };
856
+ };
857
+ marginX: (value: {
869
858
  readonly [$$PropertyValue]: "margin";
859
+ }) => {
860
+ marginLeft: {
861
+ readonly [$$PropertyValue]: "margin";
862
+ };
863
+ marginRight: {
864
+ readonly [$$PropertyValue]: "margin";
865
+ };
870
866
  };
871
- };
872
- square: (value: {
873
- readonly [$$PropertyValue]: "width";
874
- }) => {
875
- width: {
876
- readonly [$$PropertyValue]: "width";
867
+ marginY: (value: {
868
+ readonly [$$PropertyValue]: "margin";
869
+ }) => {
870
+ marginTop: {
871
+ readonly [$$PropertyValue]: "margin";
872
+ };
873
+ marginBottom: {
874
+ readonly [$$PropertyValue]: "margin";
875
+ };
877
876
  };
878
- height: {
877
+ square: (value: {
879
878
  readonly [$$PropertyValue]: "width";
879
+ }) => {
880
+ width: {
881
+ readonly [$$PropertyValue]: "width";
882
+ };
883
+ height: {
884
+ readonly [$$PropertyValue]: "width";
885
+ };
880
886
  };
881
- };
882
- }>>> & _mirohq_design_system_stitches.CustomStylesProps, "color" | "translate" | "prefix" | "asChild" | "slot" | "title" | "placeholder" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "sticky" | "align" | keyof _mirohq_design_system_stitches.CustomStylesProps | "variant" | "side" | "sideOffset" | "alignOffset" | "arrowPadding" | "collisionBoundary" | "collisionPadding" | "hideWhenDetached" | "avoidCollisions" | "onEscapeKeyDown" | "onPointerDownOutside" | "onFocusOutside" | "onInteractOutside" | "onOpenAutoFocus" | "onCloseAutoFocus" | "forceMount"> & react.RefAttributes<HTMLDivElement>> & _mirohq_design_system_stitches.StitchesInternals<react.ForwardRefExoticComponent<_radix_ui_react_popover.PopoverContentProps & react.RefAttributes<HTMLDivElement>>, {
887
+ }> | undefined;
888
+ }> & {
889
+ children?: react.ReactNode;
890
+ } & _mirohq_design_system_stitches.CustomStylesProps, "color" | "translate" | "prefix" | "asChild" | "children" | "slot" | "title" | "placeholder" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "align" | "sticky" | keyof _mirohq_design_system_stitches.CustomStylesProps | "variant" | "side" | "sideOffset" | "alignOffset" | "arrowPadding" | "collisionBoundary" | "collisionPadding" | "hideWhenDetached" | "avoidCollisions" | "onEscapeKeyDown" | "onPointerDownOutside" | "onFocusOutside" | "onInteractOutside" | "onOpenAutoFocus" | "onCloseAutoFocus" | "forceMount"> & react.RefAttributes<HTMLDivElement>> & _mirohq_design_system_stitches.StitchesInternals<react.ForwardRefExoticComponent<_radix_ui_react_popover.PopoverContentProps & react.RefAttributes<HTMLDivElement>>, {
883
891
  variant?: "dark" | "light" | undefined;
884
892
  }, {}>;
885
893
  declare type StyledContentProps = StrictComponentProps<typeof StyledContent>;
@@ -993,447 +1001,451 @@ interface ContentProps extends StyledContentProps {
993
1001
  /**
994
1002
  * The content component is used to render rich content elements for the popover.
995
1003
  */
996
- declare const Content: react__default.ForwardRefExoticComponent<Pick<ContentProps, "anchor" | "color" | "translate" | "css" | "prefix" | "asChild" | "UNSAFE_style" | "slot" | "title" | "placeholder" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "sticky" | "align" | "variant" | "side" | "alignOffset" | "collisionBoundary" | "collisionPadding" | "hideWhenDetached" | "avoidCollisions" | "onEscapeKeyDown" | "onPointerDownOutside" | "onFocusOutside" | "onInteractOutside" | "forceMount" | "portalled"> & react__default.RefAttributes<HTMLDivElement>>;
1004
+ declare const Content: react__default.ForwardRefExoticComponent<Pick<ContentProps, "anchor" | "color" | "translate" | "css" | "prefix" | "asChild" | "UNSAFE_style" | "children" | "slot" | "title" | "placeholder" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "align" | "sticky" | "variant" | "side" | "alignOffset" | "collisionBoundary" | "collisionPadding" | "hideWhenDetached" | "avoidCollisions" | "onEscapeKeyDown" | "onPointerDownOutside" | "onFocusOutside" | "onInteractOutside" | "forceMount" | "portalled"> & react__default.RefAttributes<HTMLDivElement>>;
997
1005
 
998
1006
  declare const StyledClose: react.ForwardRefExoticComponent<Pick<Omit<{
999
1007
  variant?: "dark" | "light" | undefined;
1000
1008
  }, "variant"> & _stitches_react_types_styled_component.TransformProps<{
1001
1009
  variant?: "dark" | "light" | undefined;
1002
- }, {}> & _mirohq_design_system_stitches.StyledComponentProps<_stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<_radix_ui_react_popover.PopoverCloseProps & react.RefAttributes<HTMLButtonElement>>, {}, {}, _stitches_react_types_css_util.CSS<{}, {
1003
- 'border-widths': {
1004
- readonly none: 0;
1005
- readonly sm: "1px";
1006
- readonly md: "2px";
1007
- readonly lg: "4px";
1008
- };
1009
- colors: {
1010
- readonly 'blue-100': any;
1011
- readonly 'blue-200': any;
1012
- readonly 'blue-300': any;
1013
- readonly 'blue-400': any;
1014
- readonly 'blue-500': any;
1015
- readonly 'blue-600': any;
1016
- readonly 'blue-700': any;
1017
- readonly 'blue-800': any;
1018
- readonly 'blue-900': any;
1019
- readonly 'blue-1000': any;
1020
- readonly 'gray-100': any;
1021
- readonly 'gray-200': any;
1022
- readonly 'gray-300': any;
1023
- readonly 'gray-400': any;
1024
- readonly 'gray-500': any;
1025
- readonly 'gray-600': any;
1026
- readonly 'gray-700': any;
1027
- readonly 'gray-800': any;
1028
- readonly 'gray-900': any;
1029
- readonly 'indigo-100': any;
1030
- readonly 'indigo-200': any;
1031
- readonly 'indigo-300': any;
1032
- readonly 'indigo-400': any;
1033
- readonly 'indigo-500': any;
1034
- readonly 'indigo-600': any;
1035
- readonly 'indigo-700': any;
1036
- readonly 'indigo-800': any;
1037
- readonly 'indigo-900': any;
1038
- readonly 'red-100': any;
1039
- readonly 'red-200': any;
1040
- readonly 'red-300': any;
1041
- readonly 'red-400': any;
1042
- readonly 'red-500': any;
1043
- readonly 'red-600': any;
1044
- readonly 'red-700': any;
1045
- readonly 'red-800': any;
1046
- readonly 'red-900': any;
1047
- readonly 'yellow-100': any;
1048
- readonly 'yellow-200': any;
1049
- readonly 'yellow-300': any;
1050
- readonly 'yellow-400': any;
1051
- readonly 'yellow-500': any;
1052
- readonly 'yellow-600': any;
1053
- readonly 'yellow-700': any;
1054
- readonly 'yellow-800': any;
1055
- readonly 'yellow-900': any;
1056
- readonly 'green-100': any;
1057
- readonly 'green-200': any;
1058
- readonly 'green-300': any;
1059
- readonly 'green-400': any;
1060
- readonly 'green-500': any;
1061
- readonly 'green-600': any;
1062
- readonly 'green-700': any;
1063
- readonly 'green-800': any;
1064
- readonly 'green-900': any;
1065
- readonly black: any;
1066
- readonly white: any;
1067
- readonly transparent: any;
1068
- readonly 'background-neutrals'?: any;
1069
- readonly 'background-neutrals-body'?: any;
1070
- readonly 'background-neutrals-container'?: any;
1071
- readonly 'background-neutrals-inverted'?: any;
1072
- readonly 'background-neutrals-inverted-subtle'?: any;
1073
- readonly 'background-neutrals-subtle'?: any;
1074
- readonly 'background-neutrals-subtle-hover'?: any;
1075
- readonly 'background-neutrals-subtle-active'?: any;
1076
- readonly 'background-neutrals-disabled'?: any;
1077
- readonly 'background-neutrals-controls-disabled'?: any;
1078
- readonly 'background-neutrals-scrolls'?: any;
1079
- readonly 'background-neutrals-inactive'?: any;
1080
- readonly 'background-neutrals-inactive-hover'?: any;
1081
- readonly 'background-primary-prominent'?: any;
1082
- readonly 'background-primary-prominent-hover'?: any;
1083
- readonly 'background-primary-prominent-active'?: any;
1084
- readonly 'background-primary-prominent-selected'?: any;
1085
- readonly 'background-primary-subtle'?: any;
1086
- readonly 'background-primary-subtle-hover'?: any;
1087
- readonly 'background-primary-subtle-active'?: any;
1088
- readonly 'background-primary-subtle-selected'?: any;
1089
- readonly 'background-danger-prominent'?: any;
1090
- readonly 'background-danger-prominent-hover'?: any;
1091
- readonly 'background-danger-prominent-active'?: any;
1092
- readonly 'background-danger'?: any;
1093
- readonly 'background-danger-hover'?: any;
1094
- readonly 'background-success'?: any;
1095
- readonly 'background-warning-subtle'?: any;
1096
- readonly 'background-warning-prominent'?: any;
1097
- readonly 'text-neutrals-inverted'?: any;
1098
- readonly 'text-neutrals'?: any;
1099
- readonly 'text-neutrals-subtle'?: any;
1100
- readonly 'text-neutrals-placeholder-only'?: any;
1101
- readonly 'text-neutrals-placeholder'?: any;
1102
- readonly 'text-neutrals-disabled'?: any;
1103
- readonly 'text-primary-inverted'?: any;
1104
- readonly 'text-primary'?: any;
1105
- readonly 'text-primary-hover'?: any;
1106
- readonly 'text-primary-active'?: any;
1107
- readonly 'text-primary-selected'?: any;
1108
- readonly 'text-primary-inverted-subtle'?: any;
1109
- readonly 'text-danger-inverted'?: any;
1110
- readonly 'text-danger'?: any;
1111
- readonly 'text-danger-hover'?: any;
1112
- readonly 'text-danger-active'?: any;
1113
- readonly 'text-success'?: any;
1114
- readonly 'text-warning'?: any;
1115
- readonly 'icon-neutrals-inverted'?: any;
1116
- readonly 'icon-neutrals'?: any;
1117
- readonly 'icon-neutrals-with-text'?: any;
1118
- readonly 'icon-neutrals-subtle'?: any;
1119
- readonly 'icon-neutrals-disabled'?: any;
1120
- readonly 'icon-neutrals-search'?: any;
1121
- readonly 'icon-neutrals-inactive'?: any;
1122
- readonly 'icon-neutrals-inactive-hover'?: any;
1123
- readonly 'icon-primary-inverted'?: any;
1124
- readonly 'icon-primary'?: any;
1125
- readonly 'icon-primary-hover'?: any;
1126
- readonly 'icon-primary-active'?: any;
1127
- readonly 'icon-primary-selected'?: any;
1128
- readonly 'icon-danger-inverted'?: any;
1129
- readonly 'icon-danger'?: any;
1130
- readonly 'icon-danger-hover'?: any;
1131
- readonly 'icon-danger-active'?: any;
1132
- readonly 'icon-success-inverted'?: any;
1133
- readonly 'icon-success'?: any;
1134
- readonly 'icon-warning'?: any;
1135
- readonly 'border-focus-outer'?: any;
1136
- readonly 'border-focus-middle'?: any;
1137
- readonly 'border-focus-inner'?: any;
1138
- readonly 'border-neutrals'?: any;
1139
- readonly 'border-neutrals-hover'?: any;
1140
- readonly 'border-neutrals-active'?: any;
1141
- readonly 'border-neutrals-disabled'?: any;
1142
- readonly 'border-neutrals-controls'?: any;
1143
- readonly 'border-neutrals-controls-disabled'?: any;
1144
- readonly 'border-neutrals-subtle'?: any;
1145
- readonly 'border-neutrals-inverted'?: any;
1146
- readonly 'border-primary'?: any;
1147
- readonly 'border-primary-hover'?: any;
1148
- readonly 'border-primary-active'?: any;
1149
- readonly 'border-primary-inverted'?: any;
1150
- readonly 'border-danger'?: any;
1151
- readonly 'border-success'?: any;
1152
- readonly 'border-warning'?: any;
1153
- };
1154
- 'font-sizes': {
1155
- readonly 150: "0.75rem";
1156
- readonly 175: "0.875rem";
1157
- readonly 200: "1rem";
1158
- readonly 225: "1.125rem";
1159
- readonly 250: "1.25rem";
1160
- readonly 300: "1.5rem";
1161
- readonly 400: "2rem";
1162
- readonly 500: "2.5rem";
1163
- readonly 600: "3rem";
1164
- readonly 800: "4rem";
1165
- readonly 900: "4.5rem";
1166
- };
1167
- radii: {
1168
- readonly none: 0;
1169
- readonly half: "999em";
1170
- readonly 25: "2px";
1171
- readonly 50: "4px";
1172
- readonly 75: "6px";
1173
- readonly 100: "8px";
1174
- readonly 200: "16px";
1175
- };
1176
- shadows: {
1177
- readonly 50: "0 4px 16px #05003812";
1178
- readonly 100: "0 8px 32px #05003808";
1179
- readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
1180
- readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
1181
- readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
1182
- readonly 'focus-controls': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-focus-middle, 0 0 0 5px $colors$border-focus-outer";
1183
- };
1184
- sizes: {
1185
- readonly number: string;
1186
- readonly 'icon-200': "16px";
1187
- readonly 'icon-300': "24px";
1188
- readonly 'icon-400': "32px";
1189
- };
1190
- space: {
1191
- readonly none: 0;
1192
- readonly 50: "4px";
1193
- readonly 100: "8px";
1194
- readonly 150: "12px";
1195
- readonly 200: "16px";
1196
- readonly 300: "24px";
1197
- readonly 400: "32px";
1198
- readonly 500: "64px";
1199
- readonly 600: "48px";
1200
- readonly 800: "64px";
1201
- readonly 1200: "96px";
1202
- readonly 1600: "128px";
1203
- };
1204
- 'space-gap': {
1205
- readonly none: any;
1206
- readonly 50: any;
1207
- readonly 100: any;
1208
- readonly 200: any;
1209
- readonly 300: any;
1210
- };
1211
- 'space-inset': {
1212
- readonly none: any;
1213
- readonly 50: any;
1214
- readonly 100: any;
1215
- readonly 150: any;
1216
- readonly 200: any;
1217
- readonly 300: any;
1218
- readonly 400: any;
1219
- readonly 600: any;
1220
- readonly 800: any;
1221
- readonly 1200: any;
1222
- readonly 1600: any;
1223
- };
1224
- 'space-offset': {
1225
- readonly none: any;
1226
- readonly 50: any;
1227
- readonly 100: any;
1228
- readonly 150: any;
1229
- readonly 200: any;
1230
- readonly 300: any;
1231
- readonly 400: any;
1232
- readonly 600: any;
1233
- readonly 800: any;
1234
- readonly 1200: any;
1235
- readonly 1600: any;
1236
- readonly 'stacking-none': any;
1237
- readonly 'stacking-100': any;
1238
- readonly 'stacking-200': any;
1239
- readonly 'stacking-300': any;
1240
- readonly 'stacking-400': any;
1241
- readonly 'stacking-500': any;
1242
- readonly 'stacking-800': any;
1243
- };
1244
- 'z-indices': {
1245
- readonly dropdownMenu: 100;
1246
- readonly popover: 200;
1247
- readonly tooltip: 300;
1248
- };
1249
- }, {
1250
- readonly background: "colors";
1251
- readonly backgroundColor: "colors";
1252
- readonly backgroundImage: "colors";
1253
- readonly blockSize: "sizes";
1254
- readonly border: "colors";
1255
- readonly borderBlock: "colors";
1256
- readonly borderBlockEnd: "colors";
1257
- readonly borderBlockStart: "colors";
1258
- readonly borderBottom: "colors";
1259
- readonly borderBottomColor: "colors";
1260
- readonly borderBottomLeftRadius: "radii";
1261
- readonly borderBottomRightRadius: "radii";
1262
- readonly borderBottomStyle: "border-styles";
1263
- readonly borderBottomWidth: "border-widths";
1264
- readonly borderColor: "colors";
1265
- readonly borderImage: "colors";
1266
- readonly borderInline: "colors";
1267
- readonly borderInlineEnd: "colors";
1268
- readonly borderInlineStart: "colors";
1269
- readonly borderLeft: "colors";
1270
- readonly borderLeftColor: "colors";
1271
- readonly borderLeftStyle: "border-styles";
1272
- readonly borderLeftWidth: "border-widths";
1273
- readonly borderRadius: "radii";
1274
- readonly borderRight: "colors";
1275
- readonly borderRightColor: "colors";
1276
- readonly borderRightStyle: "border-styles";
1277
- readonly borderRightWidth: "border-widths";
1278
- readonly borderStyle: "border-styles";
1279
- readonly borderTop: "colors";
1280
- readonly borderTopColor: "colors";
1281
- readonly borderTopLeftRadius: "radii";
1282
- readonly borderTopRightRadius: "radii";
1283
- readonly borderTopStyle: "border-styles";
1284
- readonly borderTopWidth: "border-widths";
1285
- readonly borderWidth: "border-widths";
1286
- readonly bottom: "space";
1287
- readonly boxShadow: "shadows";
1288
- readonly caretColor: "colors";
1289
- readonly color: "colors";
1290
- readonly columnGap: "space-gap";
1291
- readonly columnRuleColor: "colors";
1292
- readonly fill: "colors";
1293
- readonly flexBasis: "sizes";
1294
- readonly fontFamily: "fonts";
1295
- readonly fontSize: "font-sizes";
1296
- readonly fontWeight: "font-weights";
1297
- readonly gap: "space-gap";
1298
- readonly gridColumnGap: "space-gap";
1299
- readonly gridGap: "space-gap";
1300
- readonly gridRowGap: "space-gap";
1301
- readonly gridTemplateColumns: "sizes";
1302
- readonly gridTemplateRows: "sizes";
1303
- readonly height: "sizes";
1304
- readonly inlineSize: "sizes";
1305
- readonly inset: "space-inset";
1306
- readonly insetBlock: "space-inset";
1307
- readonly insetBlockEnd: "space-inset";
1308
- readonly insetBlockStart: "space-inset";
1309
- readonly insetInline: "space-inset";
1310
- readonly insetInlineEnd: "space-inset";
1311
- readonly insetInlineStart: "space-inset";
1312
- readonly left: "space";
1313
- readonly letterSpacing: "letter-spacings";
1314
- readonly lineHeight: "line-heights";
1315
- readonly margin: "space-offset";
1316
- readonly marginBlock: "space-offset";
1317
- readonly marginBlockEnd: "space-offset";
1318
- readonly marginBlockStart: "space-offset";
1319
- readonly marginBottom: "space-offset";
1320
- readonly marginInline: "space-offset";
1321
- readonly marginInlineEnd: "space-offset";
1322
- readonly marginInlineStart: "space-offset";
1323
- readonly marginLeft: "space-offset";
1324
- readonly marginRight: "space-offset";
1325
- readonly marginTop: "space-offset";
1326
- readonly maxBlockSize: "sizes";
1327
- readonly maxHeight: "sizes";
1328
- readonly maxInlineSize: "sizes";
1329
- readonly maxWidth: "sizes";
1330
- readonly minBlockSize: "sizes";
1331
- readonly minHeight: "sizes";
1332
- readonly minInlineSize: "sizes";
1333
- readonly minWidth: "sizes";
1334
- readonly outline: "colors";
1335
- readonly outlineColor: "colors";
1336
- readonly padding: "space-inset";
1337
- readonly paddingBlock: "space-inset";
1338
- readonly paddingBlockEnd: "space-inset";
1339
- readonly paddingBlockStart: "space-inset";
1340
- readonly paddingBottom: "space-inset";
1341
- readonly paddingInline: "space-inset";
1342
- readonly paddingInlineEnd: "space-inset";
1343
- readonly paddingInlineStart: "space-inset";
1344
- readonly paddingLeft: "space-inset";
1345
- readonly paddingRight: "space-inset";
1346
- readonly paddingTop: "space-inset";
1347
- readonly right: "space";
1348
- readonly rowGap: "space-gap";
1349
- readonly scrollMargin: "space-offset";
1350
- readonly scrollMarginBlock: "space-offset";
1351
- readonly scrollMarginBlockEnd: "space-offset";
1352
- readonly scrollMarginBlockStart: "space-offset";
1353
- readonly scrollMarginBottom: "space-offset";
1354
- readonly scrollMarginInline: "space-offset";
1355
- readonly scrollMarginInlineEnd: "space-offset";
1356
- readonly scrollMarginInlineStart: "space-offset";
1357
- readonly scrollMarginLeft: "space-offset";
1358
- readonly scrollMarginRight: "space-offset";
1359
- readonly scrollMarginTop: "space-offset";
1360
- readonly scrollPadding: "space-inset";
1361
- readonly scrollPaddingBlock: "space-inset";
1362
- readonly scrollPaddingBlockEnd: "space-inset";
1363
- readonly scrollPaddingBlockStart: "space-inset";
1364
- readonly scrollPaddingBottom: "space-inset";
1365
- readonly scrollPaddingInline: "space-inset";
1366
- readonly scrollPaddingInlineEnd: "space-inset";
1367
- readonly scrollPaddingInlineStart: "space-inset";
1368
- readonly scrollPaddingLeft: "space-inset";
1369
- readonly scrollPaddingRight: "space-inset";
1370
- readonly scrollPaddingTop: "space-inset";
1371
- readonly stroke: "colors";
1372
- readonly textDecorationColor: "colors";
1373
- readonly textShadow: "shadows";
1374
- readonly top: "space";
1375
- readonly transition: "transitions";
1376
- readonly width: "sizes";
1377
- readonly zIndex: "z-indices";
1378
- }, {
1379
- paddingX: (value: {
1380
- readonly [$$PropertyValue]: "padding";
1381
- }) => {
1382
- paddingLeft: {
1383
- readonly [$$PropertyValue]: "padding";
1010
+ }, {}> & _mirohq_design_system_stitches.SafeProps<Omit<_radix_ui_react_popover.PopoverCloseProps & react.RefAttributes<HTMLButtonElement>, "css"> & _stitches_react_types_styled_component.TransformProps<{}, {}> & {
1011
+ css?: _stitches_react_types_css_util.CSS<{}, {
1012
+ 'border-widths': {
1013
+ readonly none: 0;
1014
+ readonly sm: "1px";
1015
+ readonly md: "2px";
1016
+ readonly lg: "4px";
1384
1017
  };
1385
- paddingRight: {
1386
- readonly [$$PropertyValue]: "padding";
1018
+ colors: {
1019
+ readonly 'blue-100': any;
1020
+ readonly 'blue-200': any;
1021
+ readonly 'blue-300': any;
1022
+ readonly 'blue-400': any;
1023
+ readonly 'blue-500': any;
1024
+ readonly 'blue-600': any;
1025
+ readonly 'blue-700': any;
1026
+ readonly 'blue-800': any;
1027
+ readonly 'blue-900': any;
1028
+ readonly 'blue-1000': any;
1029
+ readonly 'gray-100': any;
1030
+ readonly 'gray-200': any;
1031
+ readonly 'gray-300': any;
1032
+ readonly 'gray-400': any;
1033
+ readonly 'gray-500': any;
1034
+ readonly 'gray-600': any;
1035
+ readonly 'gray-700': any;
1036
+ readonly 'gray-800': any;
1037
+ readonly 'gray-900': any;
1038
+ readonly 'indigo-100': any;
1039
+ readonly 'indigo-200': any;
1040
+ readonly 'indigo-300': any;
1041
+ readonly 'indigo-400': any;
1042
+ readonly 'indigo-500': any;
1043
+ readonly 'indigo-600': any;
1044
+ readonly 'indigo-700': any;
1045
+ readonly 'indigo-800': any;
1046
+ readonly 'indigo-900': any;
1047
+ readonly 'red-100': any;
1048
+ readonly 'red-200': any;
1049
+ readonly 'red-300': any;
1050
+ readonly 'red-400': any;
1051
+ readonly 'red-500': any;
1052
+ readonly 'red-600': any;
1053
+ readonly 'red-700': any;
1054
+ readonly 'red-800': any;
1055
+ readonly 'red-900': any;
1056
+ readonly 'yellow-100': any;
1057
+ readonly 'yellow-200': any;
1058
+ readonly 'yellow-300': any;
1059
+ readonly 'yellow-400': any;
1060
+ readonly 'yellow-500': any;
1061
+ readonly 'yellow-600': any;
1062
+ readonly 'yellow-700': any;
1063
+ readonly 'yellow-800': any;
1064
+ readonly 'yellow-900': any;
1065
+ readonly 'green-100': any;
1066
+ readonly 'green-200': any;
1067
+ readonly 'green-300': any;
1068
+ readonly 'green-400': any;
1069
+ readonly 'green-500': any;
1070
+ readonly 'green-600': any;
1071
+ readonly 'green-700': any;
1072
+ readonly 'green-800': any;
1073
+ readonly 'green-900': any;
1074
+ readonly black: any;
1075
+ readonly white: any;
1076
+ readonly transparent: any;
1077
+ readonly 'background-neutrals'?: any;
1078
+ readonly 'background-neutrals-body'?: any;
1079
+ readonly 'background-neutrals-container'?: any;
1080
+ readonly 'background-neutrals-inverted'?: any;
1081
+ readonly 'background-neutrals-inverted-subtle'?: any;
1082
+ readonly 'background-neutrals-subtle'?: any;
1083
+ readonly 'background-neutrals-subtle-hover'?: any;
1084
+ readonly 'background-neutrals-subtle-active'?: any;
1085
+ readonly 'background-neutrals-disabled'?: any;
1086
+ readonly 'background-neutrals-controls-disabled'?: any;
1087
+ readonly 'background-neutrals-scrolls'?: any;
1088
+ readonly 'background-neutrals-inactive'?: any;
1089
+ readonly 'background-neutrals-inactive-hover'?: any;
1090
+ readonly 'background-primary-prominent'?: any;
1091
+ readonly 'background-primary-prominent-hover'?: any;
1092
+ readonly 'background-primary-prominent-active'?: any;
1093
+ readonly 'background-primary-prominent-selected'?: any;
1094
+ readonly 'background-primary-subtle'?: any;
1095
+ readonly 'background-primary-subtle-hover'?: any;
1096
+ readonly 'background-primary-subtle-active'?: any;
1097
+ readonly 'background-primary-subtle-selected'?: any;
1098
+ readonly 'background-danger-prominent'?: any;
1099
+ readonly 'background-danger-prominent-hover'?: any;
1100
+ readonly 'background-danger-prominent-active'?: any;
1101
+ readonly 'background-danger'?: any;
1102
+ readonly 'background-danger-hover'?: any;
1103
+ readonly 'background-success'?: any;
1104
+ readonly 'background-warning-subtle'?: any;
1105
+ readonly 'background-warning-prominent'?: any;
1106
+ readonly 'text-neutrals-inverted'?: any;
1107
+ readonly 'text-neutrals'?: any;
1108
+ readonly 'text-neutrals-subtle'?: any;
1109
+ readonly 'text-neutrals-placeholder-only'?: any;
1110
+ readonly 'text-neutrals-placeholder'?: any;
1111
+ readonly 'text-neutrals-disabled'?: any;
1112
+ readonly 'text-primary-inverted'?: any;
1113
+ readonly 'text-primary'?: any;
1114
+ readonly 'text-primary-hover'?: any;
1115
+ readonly 'text-primary-active'?: any;
1116
+ readonly 'text-primary-selected'?: any;
1117
+ readonly 'text-primary-inverted-subtle'?: any;
1118
+ readonly 'text-danger-inverted'?: any;
1119
+ readonly 'text-danger'?: any;
1120
+ readonly 'text-danger-hover'?: any;
1121
+ readonly 'text-danger-active'?: any;
1122
+ readonly 'text-success'?: any;
1123
+ readonly 'text-warning'?: any;
1124
+ readonly 'icon-neutrals-inverted'?: any;
1125
+ readonly 'icon-neutrals'?: any;
1126
+ readonly 'icon-neutrals-with-text'?: any;
1127
+ readonly 'icon-neutrals-subtle'?: any;
1128
+ readonly 'icon-neutrals-disabled'?: any;
1129
+ readonly 'icon-neutrals-search'?: any;
1130
+ readonly 'icon-neutrals-inactive'?: any;
1131
+ readonly 'icon-neutrals-inactive-hover'?: any;
1132
+ readonly 'icon-primary-inverted'?: any;
1133
+ readonly 'icon-primary'?: any;
1134
+ readonly 'icon-primary-hover'?: any;
1135
+ readonly 'icon-primary-active'?: any;
1136
+ readonly 'icon-primary-selected'?: any;
1137
+ readonly 'icon-danger-inverted'?: any;
1138
+ readonly 'icon-danger'?: any;
1139
+ readonly 'icon-danger-hover'?: any;
1140
+ readonly 'icon-danger-active'?: any;
1141
+ readonly 'icon-success-inverted'?: any;
1142
+ readonly 'icon-success'?: any;
1143
+ readonly 'icon-warning'?: any;
1144
+ readonly 'border-focus-outer'?: any;
1145
+ readonly 'border-focus-middle'?: any;
1146
+ readonly 'border-focus-inner'?: any;
1147
+ readonly 'border-neutrals'?: any;
1148
+ readonly 'border-neutrals-hover'?: any;
1149
+ readonly 'border-neutrals-active'?: any;
1150
+ readonly 'border-neutrals-disabled'?: any;
1151
+ readonly 'border-neutrals-controls'?: any;
1152
+ readonly 'border-neutrals-controls-disabled'?: any;
1153
+ readonly 'border-neutrals-subtle'?: any;
1154
+ readonly 'border-neutrals-inverted'?: any;
1155
+ readonly 'border-primary'?: any;
1156
+ readonly 'border-primary-hover'?: any;
1157
+ readonly 'border-primary-active'?: any;
1158
+ readonly 'border-primary-inverted'?: any;
1159
+ readonly 'border-danger'?: any;
1160
+ readonly 'border-success'?: any;
1161
+ readonly 'border-warning'?: any;
1387
1162
  };
1388
- };
1389
- paddingY: (value: {
1390
- readonly [$$PropertyValue]: "padding";
1391
- }) => {
1392
- paddingTop: {
1393
- readonly [$$PropertyValue]: "padding";
1163
+ 'font-sizes': {
1164
+ readonly 150: "0.75rem";
1165
+ readonly 175: "0.875rem";
1166
+ readonly 200: "1rem";
1167
+ readonly 225: "1.125rem";
1168
+ readonly 250: "1.25rem";
1169
+ readonly 300: "1.5rem";
1170
+ readonly 400: "2rem";
1171
+ readonly 500: "2.5rem";
1172
+ readonly 600: "3rem";
1173
+ readonly 800: "4rem";
1174
+ readonly 900: "4.5rem";
1394
1175
  };
1395
- paddingBottom: {
1396
- readonly [$$PropertyValue]: "padding";
1176
+ radii: {
1177
+ readonly none: 0;
1178
+ readonly half: "999em";
1179
+ readonly 25: "2px";
1180
+ readonly 50: "4px";
1181
+ readonly 75: "6px";
1182
+ readonly 100: "8px";
1183
+ readonly 200: "16px";
1397
1184
  };
1398
- };
1399
- marginX: (value: {
1400
- readonly [$$PropertyValue]: "margin";
1401
- }) => {
1402
- marginLeft: {
1403
- readonly [$$PropertyValue]: "margin";
1185
+ shadows: {
1186
+ readonly 50: "0 4px 16px #05003812";
1187
+ readonly 100: "0 8px 32px #05003808";
1188
+ readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
1189
+ readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
1190
+ readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
1191
+ readonly 'focus-controls': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-focus-middle, 0 0 0 5px $colors$border-focus-outer";
1404
1192
  };
1405
- marginRight: {
1406
- readonly [$$PropertyValue]: "margin";
1193
+ sizes: {
1194
+ readonly number: string;
1195
+ readonly 'icon-200': "16px";
1196
+ readonly 'icon-300': "24px";
1197
+ readonly 'icon-400': "32px";
1407
1198
  };
1408
- };
1409
- marginY: (value: {
1410
- readonly [$$PropertyValue]: "margin";
1411
- }) => {
1412
- marginTop: {
1413
- readonly [$$PropertyValue]: "margin";
1199
+ space: {
1200
+ readonly none: 0;
1201
+ readonly 50: "4px";
1202
+ readonly 100: "8px";
1203
+ readonly 150: "12px";
1204
+ readonly 200: "16px";
1205
+ readonly 300: "24px";
1206
+ readonly 400: "32px";
1207
+ readonly 500: "64px";
1208
+ readonly 600: "48px";
1209
+ readonly 800: "64px";
1210
+ readonly 1200: "96px";
1211
+ readonly 1600: "128px";
1212
+ };
1213
+ 'space-gap': {
1214
+ readonly none: any;
1215
+ readonly 50: any;
1216
+ readonly 100: any;
1217
+ readonly 200: any;
1218
+ readonly 300: any;
1219
+ };
1220
+ 'space-inset': {
1221
+ readonly none: any;
1222
+ readonly 50: any;
1223
+ readonly 100: any;
1224
+ readonly 150: any;
1225
+ readonly 200: any;
1226
+ readonly 300: any;
1227
+ readonly 400: any;
1228
+ readonly 600: any;
1229
+ readonly 800: any;
1230
+ readonly 1200: any;
1231
+ readonly 1600: any;
1232
+ };
1233
+ 'space-offset': {
1234
+ readonly none: any;
1235
+ readonly 50: any;
1236
+ readonly 100: any;
1237
+ readonly 150: any;
1238
+ readonly 200: any;
1239
+ readonly 300: any;
1240
+ readonly 400: any;
1241
+ readonly 600: any;
1242
+ readonly 800: any;
1243
+ readonly 1200: any;
1244
+ readonly 1600: any;
1245
+ readonly 'stacking-none': any;
1246
+ readonly 'stacking-100': any;
1247
+ readonly 'stacking-200': any;
1248
+ readonly 'stacking-300': any;
1249
+ readonly 'stacking-400': any;
1250
+ readonly 'stacking-500': any;
1251
+ readonly 'stacking-800': any;
1252
+ };
1253
+ 'z-indices': {
1254
+ readonly dropdownMenu: 100;
1255
+ readonly popover: 200;
1256
+ readonly tooltip: 300;
1414
1257
  };
1415
- marginBottom: {
1258
+ }, {
1259
+ readonly background: "colors";
1260
+ readonly backgroundColor: "colors";
1261
+ readonly backgroundImage: "colors";
1262
+ readonly blockSize: "sizes";
1263
+ readonly border: "colors";
1264
+ readonly borderBlock: "colors";
1265
+ readonly borderBlockEnd: "colors";
1266
+ readonly borderBlockStart: "colors";
1267
+ readonly borderBottom: "colors";
1268
+ readonly borderBottomColor: "colors";
1269
+ readonly borderBottomLeftRadius: "radii";
1270
+ readonly borderBottomRightRadius: "radii";
1271
+ readonly borderBottomStyle: "border-styles";
1272
+ readonly borderBottomWidth: "border-widths";
1273
+ readonly borderColor: "colors";
1274
+ readonly borderImage: "colors";
1275
+ readonly borderInline: "colors";
1276
+ readonly borderInlineEnd: "colors";
1277
+ readonly borderInlineStart: "colors";
1278
+ readonly borderLeft: "colors";
1279
+ readonly borderLeftColor: "colors";
1280
+ readonly borderLeftStyle: "border-styles";
1281
+ readonly borderLeftWidth: "border-widths";
1282
+ readonly borderRadius: "radii";
1283
+ readonly borderRight: "colors";
1284
+ readonly borderRightColor: "colors";
1285
+ readonly borderRightStyle: "border-styles";
1286
+ readonly borderRightWidth: "border-widths";
1287
+ readonly borderStyle: "border-styles";
1288
+ readonly borderTop: "colors";
1289
+ readonly borderTopColor: "colors";
1290
+ readonly borderTopLeftRadius: "radii";
1291
+ readonly borderTopRightRadius: "radii";
1292
+ readonly borderTopStyle: "border-styles";
1293
+ readonly borderTopWidth: "border-widths";
1294
+ readonly borderWidth: "border-widths";
1295
+ readonly bottom: "space";
1296
+ readonly boxShadow: "shadows";
1297
+ readonly caretColor: "colors";
1298
+ readonly color: "colors";
1299
+ readonly columnGap: "space-gap";
1300
+ readonly columnRuleColor: "colors";
1301
+ readonly fill: "colors";
1302
+ readonly flexBasis: "sizes";
1303
+ readonly fontFamily: "fonts";
1304
+ readonly fontSize: "font-sizes";
1305
+ readonly fontWeight: "font-weights";
1306
+ readonly gap: "space-gap";
1307
+ readonly gridColumnGap: "space-gap";
1308
+ readonly gridGap: "space-gap";
1309
+ readonly gridRowGap: "space-gap";
1310
+ readonly gridTemplateColumns: "sizes";
1311
+ readonly gridTemplateRows: "sizes";
1312
+ readonly height: "sizes";
1313
+ readonly inlineSize: "sizes";
1314
+ readonly inset: "space-inset";
1315
+ readonly insetBlock: "space-inset";
1316
+ readonly insetBlockEnd: "space-inset";
1317
+ readonly insetBlockStart: "space-inset";
1318
+ readonly insetInline: "space-inset";
1319
+ readonly insetInlineEnd: "space-inset";
1320
+ readonly insetInlineStart: "space-inset";
1321
+ readonly left: "space";
1322
+ readonly letterSpacing: "letter-spacings";
1323
+ readonly lineHeight: "line-heights";
1324
+ readonly margin: "space-offset";
1325
+ readonly marginBlock: "space-offset";
1326
+ readonly marginBlockEnd: "space-offset";
1327
+ readonly marginBlockStart: "space-offset";
1328
+ readonly marginBottom: "space-offset";
1329
+ readonly marginInline: "space-offset";
1330
+ readonly marginInlineEnd: "space-offset";
1331
+ readonly marginInlineStart: "space-offset";
1332
+ readonly marginLeft: "space-offset";
1333
+ readonly marginRight: "space-offset";
1334
+ readonly marginTop: "space-offset";
1335
+ readonly maxBlockSize: "sizes";
1336
+ readonly maxHeight: "sizes";
1337
+ readonly maxInlineSize: "sizes";
1338
+ readonly maxWidth: "sizes";
1339
+ readonly minBlockSize: "sizes";
1340
+ readonly minHeight: "sizes";
1341
+ readonly minInlineSize: "sizes";
1342
+ readonly minWidth: "sizes";
1343
+ readonly outline: "colors";
1344
+ readonly outlineColor: "colors";
1345
+ readonly padding: "space-inset";
1346
+ readonly paddingBlock: "space-inset";
1347
+ readonly paddingBlockEnd: "space-inset";
1348
+ readonly paddingBlockStart: "space-inset";
1349
+ readonly paddingBottom: "space-inset";
1350
+ readonly paddingInline: "space-inset";
1351
+ readonly paddingInlineEnd: "space-inset";
1352
+ readonly paddingInlineStart: "space-inset";
1353
+ readonly paddingLeft: "space-inset";
1354
+ readonly paddingRight: "space-inset";
1355
+ readonly paddingTop: "space-inset";
1356
+ readonly right: "space";
1357
+ readonly rowGap: "space-gap";
1358
+ readonly scrollMargin: "space-offset";
1359
+ readonly scrollMarginBlock: "space-offset";
1360
+ readonly scrollMarginBlockEnd: "space-offset";
1361
+ readonly scrollMarginBlockStart: "space-offset";
1362
+ readonly scrollMarginBottom: "space-offset";
1363
+ readonly scrollMarginInline: "space-offset";
1364
+ readonly scrollMarginInlineEnd: "space-offset";
1365
+ readonly scrollMarginInlineStart: "space-offset";
1366
+ readonly scrollMarginLeft: "space-offset";
1367
+ readonly scrollMarginRight: "space-offset";
1368
+ readonly scrollMarginTop: "space-offset";
1369
+ readonly scrollPadding: "space-inset";
1370
+ readonly scrollPaddingBlock: "space-inset";
1371
+ readonly scrollPaddingBlockEnd: "space-inset";
1372
+ readonly scrollPaddingBlockStart: "space-inset";
1373
+ readonly scrollPaddingBottom: "space-inset";
1374
+ readonly scrollPaddingInline: "space-inset";
1375
+ readonly scrollPaddingInlineEnd: "space-inset";
1376
+ readonly scrollPaddingInlineStart: "space-inset";
1377
+ readonly scrollPaddingLeft: "space-inset";
1378
+ readonly scrollPaddingRight: "space-inset";
1379
+ readonly scrollPaddingTop: "space-inset";
1380
+ readonly stroke: "colors";
1381
+ readonly textDecorationColor: "colors";
1382
+ readonly textShadow: "shadows";
1383
+ readonly top: "space";
1384
+ readonly transition: "transitions";
1385
+ readonly width: "sizes";
1386
+ readonly zIndex: "z-indices";
1387
+ }, {
1388
+ paddingX: (value: {
1389
+ readonly [$$PropertyValue]: "padding";
1390
+ }) => {
1391
+ paddingLeft: {
1392
+ readonly [$$PropertyValue]: "padding";
1393
+ };
1394
+ paddingRight: {
1395
+ readonly [$$PropertyValue]: "padding";
1396
+ };
1397
+ };
1398
+ paddingY: (value: {
1399
+ readonly [$$PropertyValue]: "padding";
1400
+ }) => {
1401
+ paddingTop: {
1402
+ readonly [$$PropertyValue]: "padding";
1403
+ };
1404
+ paddingBottom: {
1405
+ readonly [$$PropertyValue]: "padding";
1406
+ };
1407
+ };
1408
+ marginX: (value: {
1416
1409
  readonly [$$PropertyValue]: "margin";
1410
+ }) => {
1411
+ marginLeft: {
1412
+ readonly [$$PropertyValue]: "margin";
1413
+ };
1414
+ marginRight: {
1415
+ readonly [$$PropertyValue]: "margin";
1416
+ };
1417
1417
  };
1418
- };
1419
- square: (value: {
1420
- readonly [$$PropertyValue]: "width";
1421
- }) => {
1422
- width: {
1423
- readonly [$$PropertyValue]: "width";
1418
+ marginY: (value: {
1419
+ readonly [$$PropertyValue]: "margin";
1420
+ }) => {
1421
+ marginTop: {
1422
+ readonly [$$PropertyValue]: "margin";
1423
+ };
1424
+ marginBottom: {
1425
+ readonly [$$PropertyValue]: "margin";
1426
+ };
1424
1427
  };
1425
- height: {
1428
+ square: (value: {
1426
1429
  readonly [$$PropertyValue]: "width";
1430
+ }) => {
1431
+ width: {
1432
+ readonly [$$PropertyValue]: "width";
1433
+ };
1434
+ height: {
1435
+ readonly [$$PropertyValue]: "width";
1436
+ };
1427
1437
  };
1428
- };
1429
- }>>> & _mirohq_design_system_stitches.CustomStylesProps, "color" | "translate" | "prefix" | "asChild" | "form" | "slot" | "title" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "placeholder" | "type" | "value" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | keyof _mirohq_design_system_stitches.CustomStylesProps | "variant"> & react.RefAttributes<HTMLButtonElement>> & _mirohq_design_system_stitches.StitchesInternals<react.ForwardRefExoticComponent<_radix_ui_react_popover.PopoverCloseProps & react.RefAttributes<HTMLButtonElement>>, {
1438
+ }> | undefined;
1439
+ }> & {
1440
+ children?: react.ReactNode;
1441
+ } & _mirohq_design_system_stitches.CustomStylesProps, "color" | "translate" | "prefix" | "asChild" | "children" | "form" | "slot" | "title" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "placeholder" | "type" | "value" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | keyof _mirohq_design_system_stitches.CustomStylesProps | "variant"> & react.RefAttributes<HTMLButtonElement>> & _mirohq_design_system_stitches.StitchesInternals<react.ForwardRefExoticComponent<_radix_ui_react_popover.PopoverCloseProps & react.RefAttributes<HTMLButtonElement>>, {
1430
1442
  variant?: "dark" | "light" | undefined;
1431
1443
  }, {}>;
1432
1444
  declare type StyledCloseProps = StrictComponentProps<typeof StyledClose>;
1433
1445
 
1434
1446
  interface CloseProps extends StyledCloseProps {
1435
1447
  }
1436
- declare const Close: react__default.ForwardRefExoticComponent<Pick<CloseProps, "color" | "translate" | "css" | "prefix" | "asChild" | "UNSAFE_style" | "form" | "slot" | "title" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "placeholder" | "type" | "value" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "variant"> & react__default.RefAttributes<HTMLButtonElement>>;
1448
+ declare const Close: react__default.ForwardRefExoticComponent<Pick<CloseProps, "color" | "translate" | "css" | "prefix" | "asChild" | "UNSAFE_style" | "children" | "form" | "slot" | "title" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "placeholder" | "type" | "value" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "variant"> & react__default.RefAttributes<HTMLButtonElement>>;
1437
1449
 
1438
1450
  interface PortalProps extends PopoverPortalProps {
1439
1451
  /**