@mirohq/design-system-dropdown-menu 3.2.2-changelog-1.0 → 3.2.2-checkbox.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/dist/types.d.ts +220 -33
  2. package/package.json +6 -6
package/dist/types.d.ts CHANGED
@@ -101,6 +101,8 @@ declare const StyledCheckboxItem: react.ForwardRefExoticComponent<Pick<Omit<{},
101
101
  readonly 'background-danger'?: any;
102
102
  readonly 'background-danger-hover'?: any;
103
103
  readonly 'background-success'?: any;
104
+ readonly 'background-warning-subtle'?: any;
105
+ readonly 'background-warning-prominent'?: any;
104
106
  readonly 'text-neutrals-inverted'?: any;
105
107
  readonly 'text-neutrals'?: any;
106
108
  readonly 'text-neutrals-subtle'?: any;
@@ -139,12 +141,17 @@ declare const StyledCheckboxItem: react.ForwardRefExoticComponent<Pick<Omit<{},
139
141
  readonly 'icon-success-inverted'?: any;
140
142
  readonly 'icon-success'?: any;
141
143
  readonly 'icon-warning'?: any;
144
+ readonly 'border-focus-outer'?: any;
145
+ readonly 'border-focus-middle'?: any;
146
+ readonly 'border-focus-inner'?: any;
142
147
  readonly 'border-neutrals'?: any;
143
148
  readonly 'border-neutrals-hover'?: any;
144
149
  readonly 'border-neutrals-active'?: any;
145
150
  readonly 'border-neutrals-disabled'?: any;
146
151
  readonly 'border-neutrals-controls'?: any;
147
152
  readonly 'border-neutrals-controls-disabled'?: any;
153
+ readonly 'border-neutrals-subtle'?: any;
154
+ readonly 'border-neutrals-inverted'?: any;
148
155
  readonly 'border-primary'?: any;
149
156
  readonly 'border-primary-hover'?: any;
150
157
  readonly 'border-primary-active'?: any;
@@ -178,9 +185,9 @@ declare const StyledCheckboxItem: react.ForwardRefExoticComponent<Pick<Omit<{},
178
185
  shadows: {
179
186
  readonly 50: "0 4px 16px #05003812";
180
187
  readonly 100: "0 8px 32px #05003808";
181
- readonly 'focus-small': "0 0 0 2px $colors$blue-200, inset 0 0 0 2px $colors$blue-500, inset 0 0 0 3px $colors$white";
182
- readonly 'focus-large': "0 0 0 4px $colors$blue-200, inset 0 0 0 2px $colors$blue-500, inset 0 0 0 3px $colors$white";
183
- readonly 'focus-controls': "0 0 0 1px $colors$white, 0 0 0 3px $colors$blue-500, 0 0 0 5px $colors$blue-200";
188
+ readonly 'focus-small': "0 0 0 2px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
189
+ readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
190
+ readonly 'focus-controls': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-focus-middle, 0 0 0 5px $colors$border-focus-outer";
184
191
  };
185
192
  sizes: {
186
193
  readonly number: string;
@@ -417,6 +424,16 @@ declare const StyledCheckboxItem: react.ForwardRefExoticComponent<Pick<Omit<{},
417
424
  readonly [$$PropertyValue]: "margin";
418
425
  };
419
426
  };
427
+ square: (value: {
428
+ readonly [$$PropertyValue]: "width";
429
+ }) => {
430
+ width: {
431
+ readonly [$$PropertyValue]: "width";
432
+ };
433
+ height: {
434
+ readonly [$$PropertyValue]: "width";
435
+ };
436
+ };
420
437
  }>>> & _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>>, {}, {}>;
421
438
  declare type StyledCheckboxItemProps = StrictComponentProps<typeof StyledCheckboxItem>;
422
439
 
@@ -537,6 +554,8 @@ declare const StyledContent: react.ForwardRefExoticComponent<Pick<Omit<{}, never
537
554
  readonly 'background-danger'?: any;
538
555
  readonly 'background-danger-hover'?: any;
539
556
  readonly 'background-success'?: any;
557
+ readonly 'background-warning-subtle'?: any;
558
+ readonly 'background-warning-prominent'?: any;
540
559
  readonly 'text-neutrals-inverted'?: any;
541
560
  readonly 'text-neutrals'?: any;
542
561
  readonly 'text-neutrals-subtle'?: any;
@@ -575,12 +594,17 @@ declare const StyledContent: react.ForwardRefExoticComponent<Pick<Omit<{}, never
575
594
  readonly 'icon-success-inverted'?: any;
576
595
  readonly 'icon-success'?: any;
577
596
  readonly 'icon-warning'?: any;
597
+ readonly 'border-focus-outer'?: any;
598
+ readonly 'border-focus-middle'?: any;
599
+ readonly 'border-focus-inner'?: any;
578
600
  readonly 'border-neutrals'?: any;
579
601
  readonly 'border-neutrals-hover'?: any;
580
602
  readonly 'border-neutrals-active'?: any;
581
603
  readonly 'border-neutrals-disabled'?: any;
582
604
  readonly 'border-neutrals-controls'?: any;
583
605
  readonly 'border-neutrals-controls-disabled'?: any;
606
+ readonly 'border-neutrals-subtle'?: any;
607
+ readonly 'border-neutrals-inverted'?: any;
584
608
  readonly 'border-primary'?: any;
585
609
  readonly 'border-primary-hover'?: any;
586
610
  readonly 'border-primary-active'?: any;
@@ -614,9 +638,9 @@ declare const StyledContent: react.ForwardRefExoticComponent<Pick<Omit<{}, never
614
638
  shadows: {
615
639
  readonly 50: "0 4px 16px #05003812";
616
640
  readonly 100: "0 8px 32px #05003808";
617
- readonly 'focus-small': "0 0 0 2px $colors$blue-200, inset 0 0 0 2px $colors$blue-500, inset 0 0 0 3px $colors$white";
618
- readonly 'focus-large': "0 0 0 4px $colors$blue-200, inset 0 0 0 2px $colors$blue-500, inset 0 0 0 3px $colors$white";
619
- readonly 'focus-controls': "0 0 0 1px $colors$white, 0 0 0 3px $colors$blue-500, 0 0 0 5px $colors$blue-200";
641
+ readonly 'focus-small': "0 0 0 2px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
642
+ readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
643
+ readonly 'focus-controls': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-focus-middle, 0 0 0 5px $colors$border-focus-outer";
620
644
  };
621
645
  sizes: {
622
646
  readonly number: string;
@@ -853,6 +877,16 @@ declare const StyledContent: react.ForwardRefExoticComponent<Pick<Omit<{}, never
853
877
  readonly [$$PropertyValue]: "margin";
854
878
  };
855
879
  };
880
+ square: (value: {
881
+ readonly [$$PropertyValue]: "width";
882
+ }) => {
883
+ width: {
884
+ readonly [$$PropertyValue]: "width";
885
+ };
886
+ height: {
887
+ readonly [$$PropertyValue]: "width";
888
+ };
889
+ };
856
890
  }>>> & _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>>, {}, {}>;
857
891
  declare type StyledContentProps = StrictComponentProps<typeof StyledContent>;
858
892
 
@@ -1060,6 +1094,8 @@ declare const StyledItem: react.ForwardRefExoticComponent<Pick<Omit<{}, never> &
1060
1094
  readonly 'background-danger'?: any;
1061
1095
  readonly 'background-danger-hover'?: any;
1062
1096
  readonly 'background-success'?: any;
1097
+ readonly 'background-warning-subtle'?: any;
1098
+ readonly 'background-warning-prominent'?: any;
1063
1099
  readonly 'text-neutrals-inverted'?: any;
1064
1100
  readonly 'text-neutrals'?: any;
1065
1101
  readonly 'text-neutrals-subtle'?: any;
@@ -1098,12 +1134,17 @@ declare const StyledItem: react.ForwardRefExoticComponent<Pick<Omit<{}, never> &
1098
1134
  readonly 'icon-success-inverted'?: any;
1099
1135
  readonly 'icon-success'?: any;
1100
1136
  readonly 'icon-warning'?: any;
1137
+ readonly 'border-focus-outer'?: any;
1138
+ readonly 'border-focus-middle'?: any;
1139
+ readonly 'border-focus-inner'?: any;
1101
1140
  readonly 'border-neutrals'?: any;
1102
1141
  readonly 'border-neutrals-hover'?: any;
1103
1142
  readonly 'border-neutrals-active'?: any;
1104
1143
  readonly 'border-neutrals-disabled'?: any;
1105
1144
  readonly 'border-neutrals-controls'?: any;
1106
1145
  readonly 'border-neutrals-controls-disabled'?: any;
1146
+ readonly 'border-neutrals-subtle'?: any;
1147
+ readonly 'border-neutrals-inverted'?: any;
1107
1148
  readonly 'border-primary'?: any;
1108
1149
  readonly 'border-primary-hover'?: any;
1109
1150
  readonly 'border-primary-active'?: any;
@@ -1137,9 +1178,9 @@ declare const StyledItem: react.ForwardRefExoticComponent<Pick<Omit<{}, never> &
1137
1178
  shadows: {
1138
1179
  readonly 50: "0 4px 16px #05003812";
1139
1180
  readonly 100: "0 8px 32px #05003808";
1140
- readonly 'focus-small': "0 0 0 2px $colors$blue-200, inset 0 0 0 2px $colors$blue-500, inset 0 0 0 3px $colors$white";
1141
- readonly 'focus-large': "0 0 0 4px $colors$blue-200, inset 0 0 0 2px $colors$blue-500, inset 0 0 0 3px $colors$white";
1142
- readonly 'focus-controls': "0 0 0 1px $colors$white, 0 0 0 3px $colors$blue-500, 0 0 0 5px $colors$blue-200";
1181
+ readonly 'focus-small': "0 0 0 2px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
1182
+ readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
1183
+ readonly 'focus-controls': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-focus-middle, 0 0 0 5px $colors$border-focus-outer";
1143
1184
  };
1144
1185
  sizes: {
1145
1186
  readonly number: string;
@@ -1376,6 +1417,16 @@ declare const StyledItem: react.ForwardRefExoticComponent<Pick<Omit<{}, never> &
1376
1417
  readonly [$$PropertyValue]: "margin";
1377
1418
  };
1378
1419
  };
1420
+ square: (value: {
1421
+ readonly [$$PropertyValue]: "width";
1422
+ }) => {
1423
+ width: {
1424
+ readonly [$$PropertyValue]: "width";
1425
+ };
1426
+ height: {
1427
+ readonly [$$PropertyValue]: "width";
1428
+ };
1429
+ };
1379
1430
  }>>> & _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>>, {}, {}>;
1380
1431
  declare type StyledItemProps = StrictComponentProps<typeof StyledItem>;
1381
1432
 
@@ -1493,6 +1544,8 @@ declare const StyledRadioGroup: react.ForwardRefExoticComponent<Pick<Omit<{}, ne
1493
1544
  readonly 'background-danger'?: any;
1494
1545
  readonly 'background-danger-hover'?: any;
1495
1546
  readonly 'background-success'?: any;
1547
+ readonly 'background-warning-subtle'?: any;
1548
+ readonly 'background-warning-prominent'?: any;
1496
1549
  readonly 'text-neutrals-inverted'?: any;
1497
1550
  readonly 'text-neutrals'?: any;
1498
1551
  readonly 'text-neutrals-subtle'?: any;
@@ -1531,12 +1584,17 @@ declare const StyledRadioGroup: react.ForwardRefExoticComponent<Pick<Omit<{}, ne
1531
1584
  readonly 'icon-success-inverted'?: any;
1532
1585
  readonly 'icon-success'?: any;
1533
1586
  readonly 'icon-warning'?: any;
1587
+ readonly 'border-focus-outer'?: any;
1588
+ readonly 'border-focus-middle'?: any;
1589
+ readonly 'border-focus-inner'?: any;
1534
1590
  readonly 'border-neutrals'?: any;
1535
1591
  readonly 'border-neutrals-hover'?: any;
1536
1592
  readonly 'border-neutrals-active'?: any;
1537
1593
  readonly 'border-neutrals-disabled'?: any;
1538
1594
  readonly 'border-neutrals-controls'?: any;
1539
1595
  readonly 'border-neutrals-controls-disabled'?: any;
1596
+ readonly 'border-neutrals-subtle'?: any;
1597
+ readonly 'border-neutrals-inverted'?: any;
1540
1598
  readonly 'border-primary'?: any;
1541
1599
  readonly 'border-primary-hover'?: any;
1542
1600
  readonly 'border-primary-active'?: any;
@@ -1570,9 +1628,9 @@ declare const StyledRadioGroup: react.ForwardRefExoticComponent<Pick<Omit<{}, ne
1570
1628
  shadows: {
1571
1629
  readonly 50: "0 4px 16px #05003812";
1572
1630
  readonly 100: "0 8px 32px #05003808";
1573
- readonly 'focus-small': "0 0 0 2px $colors$blue-200, inset 0 0 0 2px $colors$blue-500, inset 0 0 0 3px $colors$white";
1574
- readonly 'focus-large': "0 0 0 4px $colors$blue-200, inset 0 0 0 2px $colors$blue-500, inset 0 0 0 3px $colors$white";
1575
- readonly 'focus-controls': "0 0 0 1px $colors$white, 0 0 0 3px $colors$blue-500, 0 0 0 5px $colors$blue-200";
1631
+ readonly 'focus-small': "0 0 0 2px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
1632
+ readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
1633
+ readonly 'focus-controls': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-focus-middle, 0 0 0 5px $colors$border-focus-outer";
1576
1634
  };
1577
1635
  sizes: {
1578
1636
  readonly number: string;
@@ -1809,6 +1867,16 @@ declare const StyledRadioGroup: react.ForwardRefExoticComponent<Pick<Omit<{}, ne
1809
1867
  readonly [$$PropertyValue]: "margin";
1810
1868
  };
1811
1869
  };
1870
+ square: (value: {
1871
+ readonly [$$PropertyValue]: "width";
1872
+ }) => {
1873
+ width: {
1874
+ readonly [$$PropertyValue]: "width";
1875
+ };
1876
+ height: {
1877
+ readonly [$$PropertyValue]: "width";
1878
+ };
1879
+ };
1812
1880
  }>>> & _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>>, {}, {}>;
1813
1881
  declare type StyledRadioGroupProps = StrictComponentProps<typeof StyledRadioGroup>;
1814
1882
 
@@ -1917,6 +1985,8 @@ declare const StyledRadioItem: react.ForwardRefExoticComponent<Pick<Omit<{}, nev
1917
1985
  readonly 'background-danger'?: any;
1918
1986
  readonly 'background-danger-hover'?: any;
1919
1987
  readonly 'background-success'?: any;
1988
+ readonly 'background-warning-subtle'?: any;
1989
+ readonly 'background-warning-prominent'?: any;
1920
1990
  readonly 'text-neutrals-inverted'?: any;
1921
1991
  readonly 'text-neutrals'?: any;
1922
1992
  readonly 'text-neutrals-subtle'?: any;
@@ -1955,12 +2025,17 @@ declare const StyledRadioItem: react.ForwardRefExoticComponent<Pick<Omit<{}, nev
1955
2025
  readonly 'icon-success-inverted'?: any;
1956
2026
  readonly 'icon-success'?: any;
1957
2027
  readonly 'icon-warning'?: any;
2028
+ readonly 'border-focus-outer'?: any;
2029
+ readonly 'border-focus-middle'?: any;
2030
+ readonly 'border-focus-inner'?: any;
1958
2031
  readonly 'border-neutrals'?: any;
1959
2032
  readonly 'border-neutrals-hover'?: any;
1960
2033
  readonly 'border-neutrals-active'?: any;
1961
2034
  readonly 'border-neutrals-disabled'?: any;
1962
2035
  readonly 'border-neutrals-controls'?: any;
1963
2036
  readonly 'border-neutrals-controls-disabled'?: any;
2037
+ readonly 'border-neutrals-subtle'?: any;
2038
+ readonly 'border-neutrals-inverted'?: any;
1964
2039
  readonly 'border-primary'?: any;
1965
2040
  readonly 'border-primary-hover'?: any;
1966
2041
  readonly 'border-primary-active'?: any;
@@ -1994,9 +2069,9 @@ declare const StyledRadioItem: react.ForwardRefExoticComponent<Pick<Omit<{}, nev
1994
2069
  shadows: {
1995
2070
  readonly 50: "0 4px 16px #05003812";
1996
2071
  readonly 100: "0 8px 32px #05003808";
1997
- readonly 'focus-small': "0 0 0 2px $colors$blue-200, inset 0 0 0 2px $colors$blue-500, inset 0 0 0 3px $colors$white";
1998
- readonly 'focus-large': "0 0 0 4px $colors$blue-200, inset 0 0 0 2px $colors$blue-500, inset 0 0 0 3px $colors$white";
1999
- readonly 'focus-controls': "0 0 0 1px $colors$white, 0 0 0 3px $colors$blue-500, 0 0 0 5px $colors$blue-200";
2072
+ readonly 'focus-small': "0 0 0 2px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
2073
+ readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
2074
+ readonly 'focus-controls': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-focus-middle, 0 0 0 5px $colors$border-focus-outer";
2000
2075
  };
2001
2076
  sizes: {
2002
2077
  readonly number: string;
@@ -2233,6 +2308,16 @@ declare const StyledRadioItem: react.ForwardRefExoticComponent<Pick<Omit<{}, nev
2233
2308
  readonly [$$PropertyValue]: "margin";
2234
2309
  };
2235
2310
  };
2311
+ square: (value: {
2312
+ readonly [$$PropertyValue]: "width";
2313
+ }) => {
2314
+ width: {
2315
+ readonly [$$PropertyValue]: "width";
2316
+ };
2317
+ height: {
2318
+ readonly [$$PropertyValue]: "width";
2319
+ };
2320
+ };
2236
2321
  }>>> & _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>>, {}, {}>;
2237
2322
  declare type StyledRadioItemProps = StrictComponentProps<typeof StyledRadioItem>;
2238
2323
 
@@ -2349,6 +2434,8 @@ declare const StyledSeparator: react.ForwardRefExoticComponent<Pick<Omit<{}, nev
2349
2434
  readonly 'background-danger'?: any;
2350
2435
  readonly 'background-danger-hover'?: any;
2351
2436
  readonly 'background-success'?: any;
2437
+ readonly 'background-warning-subtle'?: any;
2438
+ readonly 'background-warning-prominent'?: any;
2352
2439
  readonly 'text-neutrals-inverted'?: any;
2353
2440
  readonly 'text-neutrals'?: any;
2354
2441
  readonly 'text-neutrals-subtle'?: any;
@@ -2387,12 +2474,17 @@ declare const StyledSeparator: react.ForwardRefExoticComponent<Pick<Omit<{}, nev
2387
2474
  readonly 'icon-success-inverted'?: any;
2388
2475
  readonly 'icon-success'?: any;
2389
2476
  readonly 'icon-warning'?: any;
2477
+ readonly 'border-focus-outer'?: any;
2478
+ readonly 'border-focus-middle'?: any;
2479
+ readonly 'border-focus-inner'?: any;
2390
2480
  readonly 'border-neutrals'?: any;
2391
2481
  readonly 'border-neutrals-hover'?: any;
2392
2482
  readonly 'border-neutrals-active'?: any;
2393
2483
  readonly 'border-neutrals-disabled'?: any;
2394
2484
  readonly 'border-neutrals-controls'?: any;
2395
2485
  readonly 'border-neutrals-controls-disabled'?: any;
2486
+ readonly 'border-neutrals-subtle'?: any;
2487
+ readonly 'border-neutrals-inverted'?: any;
2396
2488
  readonly 'border-primary'?: any;
2397
2489
  readonly 'border-primary-hover'?: any;
2398
2490
  readonly 'border-primary-active'?: any;
@@ -2426,9 +2518,9 @@ declare const StyledSeparator: react.ForwardRefExoticComponent<Pick<Omit<{}, nev
2426
2518
  shadows: {
2427
2519
  readonly 50: "0 4px 16px #05003812";
2428
2520
  readonly 100: "0 8px 32px #05003808";
2429
- readonly 'focus-small': "0 0 0 2px $colors$blue-200, inset 0 0 0 2px $colors$blue-500, inset 0 0 0 3px $colors$white";
2430
- readonly 'focus-large': "0 0 0 4px $colors$blue-200, inset 0 0 0 2px $colors$blue-500, inset 0 0 0 3px $colors$white";
2431
- readonly 'focus-controls': "0 0 0 1px $colors$white, 0 0 0 3px $colors$blue-500, 0 0 0 5px $colors$blue-200";
2521
+ readonly 'focus-small': "0 0 0 2px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
2522
+ readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
2523
+ readonly 'focus-controls': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-focus-middle, 0 0 0 5px $colors$border-focus-outer";
2432
2524
  };
2433
2525
  sizes: {
2434
2526
  readonly number: string;
@@ -2665,6 +2757,16 @@ declare const StyledSeparator: react.ForwardRefExoticComponent<Pick<Omit<{}, nev
2665
2757
  readonly [$$PropertyValue]: "margin";
2666
2758
  };
2667
2759
  };
2760
+ square: (value: {
2761
+ readonly [$$PropertyValue]: "width";
2762
+ }) => {
2763
+ width: {
2764
+ readonly [$$PropertyValue]: "width";
2765
+ };
2766
+ height: {
2767
+ readonly [$$PropertyValue]: "width";
2768
+ };
2769
+ };
2668
2770
  }>>> & _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>>, {}, {}>;
2669
2771
  declare type StyledSeparatorProps = StrictComponentProps<typeof StyledSeparator>;
2670
2772
 
@@ -2773,6 +2875,8 @@ declare const StyledTrigger: react.ForwardRefExoticComponent<Pick<Omit<{
2773
2875
  readonly 'background-danger'?: any;
2774
2876
  readonly 'background-danger-hover'?: any;
2775
2877
  readonly 'background-success'?: any;
2878
+ readonly 'background-warning-subtle'?: any;
2879
+ readonly 'background-warning-prominent'?: any;
2776
2880
  readonly 'text-neutrals-inverted'?: any;
2777
2881
  readonly 'text-neutrals'?: any;
2778
2882
  readonly 'text-neutrals-subtle'?: any;
@@ -2811,12 +2915,17 @@ declare const StyledTrigger: react.ForwardRefExoticComponent<Pick<Omit<{
2811
2915
  readonly 'icon-success-inverted'?: any;
2812
2916
  readonly 'icon-success'?: any;
2813
2917
  readonly 'icon-warning'?: any;
2918
+ readonly 'border-focus-outer'?: any;
2919
+ readonly 'border-focus-middle'?: any;
2920
+ readonly 'border-focus-inner'?: any;
2814
2921
  readonly 'border-neutrals'?: any;
2815
2922
  readonly 'border-neutrals-hover'?: any;
2816
2923
  readonly 'border-neutrals-active'?: any;
2817
2924
  readonly 'border-neutrals-disabled'?: any;
2818
2925
  readonly 'border-neutrals-controls'?: any;
2819
2926
  readonly 'border-neutrals-controls-disabled'?: any;
2927
+ readonly 'border-neutrals-subtle'?: any;
2928
+ readonly 'border-neutrals-inverted'?: any;
2820
2929
  readonly 'border-primary'?: any;
2821
2930
  readonly 'border-primary-hover'?: any;
2822
2931
  readonly 'border-primary-active'?: any;
@@ -2850,9 +2959,9 @@ declare const StyledTrigger: react.ForwardRefExoticComponent<Pick<Omit<{
2850
2959
  shadows: {
2851
2960
  readonly 50: "0 4px 16px #05003812";
2852
2961
  readonly 100: "0 8px 32px #05003808";
2853
- readonly 'focus-small': "0 0 0 2px $colors$blue-200, inset 0 0 0 2px $colors$blue-500, inset 0 0 0 3px $colors$white";
2854
- readonly 'focus-large': "0 0 0 4px $colors$blue-200, inset 0 0 0 2px $colors$blue-500, inset 0 0 0 3px $colors$white";
2855
- readonly 'focus-controls': "0 0 0 1px $colors$white, 0 0 0 3px $colors$blue-500, 0 0 0 5px $colors$blue-200";
2962
+ readonly 'focus-small': "0 0 0 2px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
2963
+ readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
2964
+ readonly 'focus-controls': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-focus-middle, 0 0 0 5px $colors$border-focus-outer";
2856
2965
  };
2857
2966
  sizes: {
2858
2967
  readonly number: string;
@@ -3089,6 +3198,16 @@ declare const StyledTrigger: react.ForwardRefExoticComponent<Pick<Omit<{
3089
3198
  readonly [$$PropertyValue]: "margin";
3090
3199
  };
3091
3200
  };
3201
+ square: (value: {
3202
+ readonly [$$PropertyValue]: "width";
3203
+ }) => {
3204
+ width: {
3205
+ readonly [$$PropertyValue]: "width";
3206
+ };
3207
+ height: {
3208
+ readonly [$$PropertyValue]: "width";
3209
+ };
3210
+ };
3092
3211
  }>>> & _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>>, {
3093
3212
  unstyled?: boolean | "true" | "false" | undefined;
3094
3213
  }, {}>;
@@ -3195,6 +3314,8 @@ declare const StyledSubTrigger: react.ForwardRefExoticComponent<Pick<Omit<{}, ne
3195
3314
  readonly 'background-danger'?: any;
3196
3315
  readonly 'background-danger-hover'?: any;
3197
3316
  readonly 'background-success'?: any;
3317
+ readonly 'background-warning-subtle'?: any;
3318
+ readonly 'background-warning-prominent'?: any;
3198
3319
  readonly 'text-neutrals-inverted'?: any;
3199
3320
  readonly 'text-neutrals'?: any;
3200
3321
  readonly 'text-neutrals-subtle'?: any;
@@ -3233,12 +3354,17 @@ declare const StyledSubTrigger: react.ForwardRefExoticComponent<Pick<Omit<{}, ne
3233
3354
  readonly 'icon-success-inverted'?: any;
3234
3355
  readonly 'icon-success'?: any;
3235
3356
  readonly 'icon-warning'?: any;
3357
+ readonly 'border-focus-outer'?: any;
3358
+ readonly 'border-focus-middle'?: any;
3359
+ readonly 'border-focus-inner'?: any;
3236
3360
  readonly 'border-neutrals'?: any;
3237
3361
  readonly 'border-neutrals-hover'?: any;
3238
3362
  readonly 'border-neutrals-active'?: any;
3239
3363
  readonly 'border-neutrals-disabled'?: any;
3240
3364
  readonly 'border-neutrals-controls'?: any;
3241
3365
  readonly 'border-neutrals-controls-disabled'?: any;
3366
+ readonly 'border-neutrals-subtle'?: any;
3367
+ readonly 'border-neutrals-inverted'?: any;
3242
3368
  readonly 'border-primary'?: any;
3243
3369
  readonly 'border-primary-hover'?: any;
3244
3370
  readonly 'border-primary-active'?: any;
@@ -3272,9 +3398,9 @@ declare const StyledSubTrigger: react.ForwardRefExoticComponent<Pick<Omit<{}, ne
3272
3398
  shadows: {
3273
3399
  readonly 50: "0 4px 16px #05003812";
3274
3400
  readonly 100: "0 8px 32px #05003808";
3275
- readonly 'focus-small': "0 0 0 2px $colors$blue-200, inset 0 0 0 2px $colors$blue-500, inset 0 0 0 3px $colors$white";
3276
- readonly 'focus-large': "0 0 0 4px $colors$blue-200, inset 0 0 0 2px $colors$blue-500, inset 0 0 0 3px $colors$white";
3277
- readonly 'focus-controls': "0 0 0 1px $colors$white, 0 0 0 3px $colors$blue-500, 0 0 0 5px $colors$blue-200";
3401
+ readonly 'focus-small': "0 0 0 2px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
3402
+ readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
3403
+ readonly 'focus-controls': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-focus-middle, 0 0 0 5px $colors$border-focus-outer";
3278
3404
  };
3279
3405
  sizes: {
3280
3406
  readonly number: string;
@@ -3511,6 +3637,16 @@ declare const StyledSubTrigger: react.ForwardRefExoticComponent<Pick<Omit<{}, ne
3511
3637
  readonly [$$PropertyValue]: "margin";
3512
3638
  };
3513
3639
  };
3640
+ square: (value: {
3641
+ readonly [$$PropertyValue]: "width";
3642
+ }) => {
3643
+ width: {
3644
+ readonly [$$PropertyValue]: "width";
3645
+ };
3646
+ height: {
3647
+ readonly [$$PropertyValue]: "width";
3648
+ };
3649
+ };
3514
3650
  }>>> & _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>>, {}, {}>;
3515
3651
  declare type StyledSubTriggerProps = StrictComponentProps<typeof StyledSubTrigger>;
3516
3652
 
@@ -3621,6 +3757,8 @@ declare const StyledSubContent: react.ForwardRefExoticComponent<Pick<Omit<{}, ne
3621
3757
  readonly 'background-danger'?: any;
3622
3758
  readonly 'background-danger-hover'?: any;
3623
3759
  readonly 'background-success'?: any;
3760
+ readonly 'background-warning-subtle'?: any;
3761
+ readonly 'background-warning-prominent'?: any;
3624
3762
  readonly 'text-neutrals-inverted'?: any;
3625
3763
  readonly 'text-neutrals'?: any;
3626
3764
  readonly 'text-neutrals-subtle'?: any;
@@ -3659,12 +3797,17 @@ declare const StyledSubContent: react.ForwardRefExoticComponent<Pick<Omit<{}, ne
3659
3797
  readonly 'icon-success-inverted'?: any;
3660
3798
  readonly 'icon-success'?: any;
3661
3799
  readonly 'icon-warning'?: any;
3800
+ readonly 'border-focus-outer'?: any;
3801
+ readonly 'border-focus-middle'?: any;
3802
+ readonly 'border-focus-inner'?: any;
3662
3803
  readonly 'border-neutrals'?: any;
3663
3804
  readonly 'border-neutrals-hover'?: any;
3664
3805
  readonly 'border-neutrals-active'?: any;
3665
3806
  readonly 'border-neutrals-disabled'?: any;
3666
3807
  readonly 'border-neutrals-controls'?: any;
3667
3808
  readonly 'border-neutrals-controls-disabled'?: any;
3809
+ readonly 'border-neutrals-subtle'?: any;
3810
+ readonly 'border-neutrals-inverted'?: any;
3668
3811
  readonly 'border-primary'?: any;
3669
3812
  readonly 'border-primary-hover'?: any;
3670
3813
  readonly 'border-primary-active'?: any;
@@ -3698,9 +3841,9 @@ declare const StyledSubContent: react.ForwardRefExoticComponent<Pick<Omit<{}, ne
3698
3841
  shadows: {
3699
3842
  readonly 50: "0 4px 16px #05003812";
3700
3843
  readonly 100: "0 8px 32px #05003808";
3701
- readonly 'focus-small': "0 0 0 2px $colors$blue-200, inset 0 0 0 2px $colors$blue-500, inset 0 0 0 3px $colors$white";
3702
- readonly 'focus-large': "0 0 0 4px $colors$blue-200, inset 0 0 0 2px $colors$blue-500, inset 0 0 0 3px $colors$white";
3703
- readonly 'focus-controls': "0 0 0 1px $colors$white, 0 0 0 3px $colors$blue-500, 0 0 0 5px $colors$blue-200";
3844
+ readonly 'focus-small': "0 0 0 2px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
3845
+ readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
3846
+ readonly 'focus-controls': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-focus-middle, 0 0 0 5px $colors$border-focus-outer";
3704
3847
  };
3705
3848
  sizes: {
3706
3849
  readonly number: string;
@@ -3937,6 +4080,16 @@ declare const StyledSubContent: react.ForwardRefExoticComponent<Pick<Omit<{}, ne
3937
4080
  readonly [$$PropertyValue]: "margin";
3938
4081
  };
3939
4082
  };
4083
+ square: (value: {
4084
+ readonly [$$PropertyValue]: "width";
4085
+ }) => {
4086
+ width: {
4087
+ readonly [$$PropertyValue]: "width";
4088
+ };
4089
+ height: {
4090
+ readonly [$$PropertyValue]: "width";
4091
+ };
4092
+ };
3940
4093
  }>>> & _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>>, {}, {}>;
3941
4094
  declare type StyledSubContentProps = StrictComponentProps<typeof StyledSubContent>;
3942
4095
 
@@ -4105,6 +4258,8 @@ declare const StyledSub: react.ForwardRefExoticComponent<Omit<{}, never> & _stit
4105
4258
  readonly 'background-danger'?: any;
4106
4259
  readonly 'background-danger-hover'?: any;
4107
4260
  readonly 'background-success'?: any;
4261
+ readonly 'background-warning-subtle'?: any;
4262
+ readonly 'background-warning-prominent'?: any;
4108
4263
  readonly 'text-neutrals-inverted'?: any;
4109
4264
  readonly 'text-neutrals'?: any;
4110
4265
  readonly 'text-neutrals-subtle'?: any;
@@ -4143,12 +4298,17 @@ declare const StyledSub: react.ForwardRefExoticComponent<Omit<{}, never> & _stit
4143
4298
  readonly 'icon-success-inverted'?: any;
4144
4299
  readonly 'icon-success'?: any;
4145
4300
  readonly 'icon-warning'?: any;
4301
+ readonly 'border-focus-outer'?: any;
4302
+ readonly 'border-focus-middle'?: any;
4303
+ readonly 'border-focus-inner'?: any;
4146
4304
  readonly 'border-neutrals'?: any;
4147
4305
  readonly 'border-neutrals-hover'?: any;
4148
4306
  readonly 'border-neutrals-active'?: any;
4149
4307
  readonly 'border-neutrals-disabled'?: any;
4150
4308
  readonly 'border-neutrals-controls'?: any;
4151
4309
  readonly 'border-neutrals-controls-disabled'?: any;
4310
+ readonly 'border-neutrals-subtle'?: any;
4311
+ readonly 'border-neutrals-inverted'?: any;
4152
4312
  readonly 'border-primary'?: any;
4153
4313
  readonly 'border-primary-hover'?: any;
4154
4314
  readonly 'border-primary-active'?: any;
@@ -4182,9 +4342,9 @@ declare const StyledSub: react.ForwardRefExoticComponent<Omit<{}, never> & _stit
4182
4342
  shadows: {
4183
4343
  readonly 50: "0 4px 16px #05003812";
4184
4344
  readonly 100: "0 8px 32px #05003808";
4185
- readonly 'focus-small': "0 0 0 2px $colors$blue-200, inset 0 0 0 2px $colors$blue-500, inset 0 0 0 3px $colors$white";
4186
- readonly 'focus-large': "0 0 0 4px $colors$blue-200, inset 0 0 0 2px $colors$blue-500, inset 0 0 0 3px $colors$white";
4187
- readonly 'focus-controls': "0 0 0 1px $colors$white, 0 0 0 3px $colors$blue-500, 0 0 0 5px $colors$blue-200";
4345
+ readonly 'focus-small': "0 0 0 2px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
4346
+ readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
4347
+ readonly 'focus-controls': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-focus-middle, 0 0 0 5px $colors$border-focus-outer";
4188
4348
  };
4189
4349
  sizes: {
4190
4350
  readonly number: string;
@@ -4421,6 +4581,16 @@ declare const StyledSub: react.ForwardRefExoticComponent<Omit<{}, never> & _stit
4421
4581
  readonly [$$PropertyValue]: "margin";
4422
4582
  };
4423
4583
  };
4584
+ square: (value: {
4585
+ readonly [$$PropertyValue]: "width";
4586
+ }) => {
4587
+ width: {
4588
+ readonly [$$PropertyValue]: "width";
4589
+ };
4590
+ height: {
4591
+ readonly [$$PropertyValue]: "width";
4592
+ };
4593
+ };
4424
4594
  }>>> & _mirohq_design_system_stitches.CustomStylesProps & react.RefAttributes<never>> & _mirohq_design_system_stitches.StitchesInternals<react.FC<RadixDropdownMenu.DropdownMenuSubProps>, {}, {}>;
4425
4595
  declare type StyledSubProps = StrictComponentProps<typeof StyledSub>;
4426
4596
 
@@ -4553,6 +4723,8 @@ declare const IconSlot: react.ForwardRefExoticComponent<Pick<Omit<{}, never> & _
4553
4723
  readonly 'background-danger'?: any;
4554
4724
  readonly 'background-danger-hover'?: any;
4555
4725
  readonly 'background-success'?: any;
4726
+ readonly 'background-warning-subtle'?: any;
4727
+ readonly 'background-warning-prominent'?: any;
4556
4728
  readonly 'text-neutrals-inverted'?: any;
4557
4729
  readonly 'text-neutrals'?: any;
4558
4730
  readonly 'text-neutrals-subtle'?: any;
@@ -4591,12 +4763,17 @@ declare const IconSlot: react.ForwardRefExoticComponent<Pick<Omit<{}, never> & _
4591
4763
  readonly 'icon-success-inverted'?: any;
4592
4764
  readonly 'icon-success'?: any;
4593
4765
  readonly 'icon-warning'?: any;
4766
+ readonly 'border-focus-outer'?: any;
4767
+ readonly 'border-focus-middle'?: any;
4768
+ readonly 'border-focus-inner'?: any;
4594
4769
  readonly 'border-neutrals'?: any;
4595
4770
  readonly 'border-neutrals-hover'?: any;
4596
4771
  readonly 'border-neutrals-active'?: any;
4597
4772
  readonly 'border-neutrals-disabled'?: any;
4598
4773
  readonly 'border-neutrals-controls'?: any;
4599
4774
  readonly 'border-neutrals-controls-disabled'?: any;
4775
+ readonly 'border-neutrals-subtle'?: any;
4776
+ readonly 'border-neutrals-inverted'?: any;
4600
4777
  readonly 'border-primary'?: any;
4601
4778
  readonly 'border-primary-hover'?: any;
4602
4779
  readonly 'border-primary-active'?: any;
@@ -4630,9 +4807,9 @@ declare const IconSlot: react.ForwardRefExoticComponent<Pick<Omit<{}, never> & _
4630
4807
  shadows: {
4631
4808
  readonly 50: "0 4px 16px #05003812";
4632
4809
  readonly 100: "0 8px 32px #05003808";
4633
- readonly 'focus-small': "0 0 0 2px $colors$blue-200, inset 0 0 0 2px $colors$blue-500, inset 0 0 0 3px $colors$white";
4634
- readonly 'focus-large': "0 0 0 4px $colors$blue-200, inset 0 0 0 2px $colors$blue-500, inset 0 0 0 3px $colors$white";
4635
- readonly 'focus-controls': "0 0 0 1px $colors$white, 0 0 0 3px $colors$blue-500, 0 0 0 5px $colors$blue-200";
4810
+ readonly 'focus-small': "0 0 0 2px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
4811
+ readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
4812
+ readonly 'focus-controls': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-focus-middle, 0 0 0 5px $colors$border-focus-outer";
4636
4813
  };
4637
4814
  sizes: {
4638
4815
  readonly number: string;
@@ -4869,6 +5046,16 @@ declare const IconSlot: react.ForwardRefExoticComponent<Pick<Omit<{}, never> & _
4869
5046
  readonly [$$PropertyValue]: "margin";
4870
5047
  };
4871
5048
  };
5049
+ square: (value: {
5050
+ readonly [$$PropertyValue]: "width";
5051
+ }) => {
5052
+ width: {
5053
+ readonly [$$PropertyValue]: "width";
5054
+ };
5055
+ height: {
5056
+ readonly [$$PropertyValue]: "width";
5057
+ };
5058
+ };
4872
5059
  }>>> & _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">>, {}, {}>;
4873
5060
 
4874
5061
  interface DropdownMenuProps {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mirohq/design-system-dropdown-menu",
3
- "version": "3.2.2-changelog-1.0",
3
+ "version": "3.2.2-checkbox.1",
4
4
  "description": "",
5
5
  "author": "Miro",
6
6
  "source": "src/index.ts",
@@ -29,13 +29,13 @@
29
29
  "dependencies": {
30
30
  "@radix-ui/react-dropdown-menu": "^1.0.0",
31
31
  "@mirohq/design-system-primitive": "^1.1.0",
32
- "@mirohq/design-system-stitches": "^2.1.2-changelog-1.0",
33
- "@mirohq/design-system-styles": "^1.0.15-changelog-1.0",
34
- "@mirohq/design-system-switch": "^2.1.2-changelog-1.0"
32
+ "@mirohq/design-system-stitches": "^2.2.0-checkbox.0",
33
+ "@mirohq/design-system-styles": "^1.0.15-checkbox.1",
34
+ "@mirohq/design-system-switch": "^2.1.2-checkbox.1"
35
35
  },
36
36
  "devDependencies": {
37
- "@mirohq/design-system-button": "^2.1.2-changelog-1.0",
38
- "@mirohq/design-system-flex": "^2.1.3-changelog-1.0"
37
+ "@mirohq/design-system-button": "^3.0.0-checkbox.1",
38
+ "@mirohq/design-system-flex": "^2.1.3-checkbox.1"
39
39
  },
40
40
  "scripts": {
41
41
  "build": "rollup -c ../../../rollup.config.js",