@mirohq/design-system-dropdown-menu 3.1.6

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