@mirohq/design-system-select 0.1.10 → 0.1.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/main.js +38 -25
  2. package/dist/main.js.map +1 -1
  3. package/dist/module.js +38 -25
  4. package/dist/module.js.map +1 -1
  5. package/dist/types.d.ts +297 -190
  6. package/package.json +5 -5
package/dist/types.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import * as react from 'react';
2
- import react__default, { ComponentPropsWithRef, ReactNode } from 'react';
2
+ import react__default, { ReactNode, ComponentPropsWithRef } from 'react';
3
3
  import { Booleanish } from '@mirohq/design-system-types';
4
4
  import * as _mirohq_design_system_stitches from '@mirohq/design-system-stitches';
5
5
  import { StrictComponentProps } from '@mirohq/design-system-stitches';
@@ -9,7 +9,7 @@ import { Value as Value$1 } from '@radix-ui/react-select';
9
9
  import * as _stitches_react_types_styled_component from '@stitches/react/types/styled-component';
10
10
  import { CSSProperties } from '@stitches/react';
11
11
 
12
- declare const StyledSelect: react.ForwardRefExoticComponent<Omit<{}, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.SafeProps<Omit<_radix_ui_react_select.SelectProps, "css"> & _stitches_react_types_styled_component.TransformProps<{}, {}> & {
12
+ declare const StyledGroup: react.ForwardRefExoticComponent<Omit<Omit<{}, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.SafeProps<Omit<_radix_ui_react_select.SelectGroupProps & react.RefAttributes<HTMLDivElement>, "css"> & _stitches_react_types_styled_component.TransformProps<{}, {}> & {
13
13
  css?: _stitches_react_types_css_util.CSS<{}, {
14
14
  'border-widths': {
15
15
  readonly none: 0;
@@ -119,6 +119,9 @@ declare const StyledSelect: react.ForwardRefExoticComponent<Omit<{}, never> & _s
119
119
  "background-primary-subtle-pressed-hover"?: any;
120
120
  "background-primary-subtle-selected"?: any;
121
121
  "background-success"?: any;
122
+ "background-success-prominent"?: any;
123
+ "background-success-prominent-active"?: any;
124
+ "background-success-prominent-hover"?: any;
122
125
  "background-warning-prominent"?: any;
123
126
  "background-warning-subtle"?: any;
124
127
  "border-danger"?: any;
@@ -147,6 +150,8 @@ declare const StyledSelect: react.ForwardRefExoticComponent<Omit<{}, never> & _s
147
150
  "border-primary-hover"?: any;
148
151
  "border-primary-inverted"?: any;
149
152
  "border-success"?: any;
153
+ "border-success-active"?: any;
154
+ "border-success-hover"?: any;
150
155
  "border-warning"?: any;
151
156
  "icon-danger"?: any;
152
157
  "icon-danger-active"?: any;
@@ -166,9 +171,12 @@ declare const StyledSelect: react.ForwardRefExoticComponent<Omit<{}, never> & _s
166
171
  "icon-primary-inverted"?: any;
167
172
  "icon-primary-selected"?: any;
168
173
  "icon-success"?: any;
174
+ "icon-success-active"?: any;
175
+ "icon-success-hover"?: any;
169
176
  "icon-success-inverted"?: any;
170
177
  "icon-warning"?: any;
171
178
  "icon-warning-prominent"?: any;
179
+ "icon-warning-subtle"?: any;
172
180
  "text-danger"?: any;
173
181
  "text-danger-active"?: any;
174
182
  "text-danger-hover"?: any;
@@ -190,7 +198,11 @@ declare const StyledSelect: react.ForwardRefExoticComponent<Omit<{}, never> & _s
190
198
  "text-primary-inverted-subtle"?: any;
191
199
  "text-primary-selected"?: any;
192
200
  "text-success"?: any;
201
+ "text-success-active"?: any;
202
+ "text-success-hover"?: any;
203
+ "text-success-inverted"?: any;
193
204
  "text-warning"?: any;
205
+ "text-warning-subtle"?: any;
194
206
  };
195
207
  'font-sizes': {
196
208
  readonly 150: "0.75rem";
@@ -233,6 +245,7 @@ declare const StyledSelect: react.ForwardRefExoticComponent<Omit<{}, never> & _s
233
245
  };
234
246
  space: {
235
247
  readonly 0: "0px";
248
+ readonly 25: "2px";
236
249
  readonly 50: "4px";
237
250
  readonly 100: "8px";
238
251
  readonly 150: "12px";
@@ -482,10 +495,14 @@ declare const StyledSelect: react.ForwardRefExoticComponent<Omit<{}, never> & _s
482
495
  }> | undefined;
483
496
  }> & {
484
497
  children?: react.ReactNode;
485
- } & _mirohq_design_system_stitches.CustomStylesProps & react.RefAttributes<never>> & _mirohq_design_system_stitches.StitchesInternals<react.FC<_radix_ui_react_select.SelectProps>, {}, {}>;
486
- declare type StyledSelectProps = ComponentPropsWithRef<typeof StyledSelect>;
498
+ } & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react.RefAttributes<HTMLDivElement>> & _mirohq_design_system_stitches.StitchesInternals<react.ForwardRefExoticComponent<_radix_ui_react_select.SelectGroupProps & react.RefAttributes<HTMLDivElement>>, {}, {}>;
499
+ declare type StyledGroupProps = StrictComponentProps<typeof StyledGroup>;
487
500
 
488
- declare const StyledGroup: react.ForwardRefExoticComponent<Omit<Omit<{}, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.SafeProps<Omit<_radix_ui_react_select.SelectGroupProps & react.RefAttributes<HTMLDivElement>, "css"> & _stitches_react_types_styled_component.TransformProps<{}, {}> & {
501
+ interface GroupProps extends StyledGroupProps {
502
+ }
503
+ declare const Group: react__default.ForwardRefExoticComponent<Omit<GroupProps, "ref"> & react__default.RefAttributes<HTMLDivElement>>;
504
+
505
+ declare const StyledItem: react.ForwardRefExoticComponent<Omit<Omit<{}, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.SafeProps<Omit<_radix_ui_react_select.SelectItemProps & react.RefAttributes<HTMLDivElement>, "css"> & _stitches_react_types_styled_component.TransformProps<{}, {}> & {
489
506
  css?: _stitches_react_types_css_util.CSS<{}, {
490
507
  'border-widths': {
491
508
  readonly none: 0;
@@ -595,6 +612,9 @@ declare const StyledGroup: react.ForwardRefExoticComponent<Omit<Omit<{}, never>
595
612
  "background-primary-subtle-pressed-hover"?: any;
596
613
  "background-primary-subtle-selected"?: any;
597
614
  "background-success"?: any;
615
+ "background-success-prominent"?: any;
616
+ "background-success-prominent-active"?: any;
617
+ "background-success-prominent-hover"?: any;
598
618
  "background-warning-prominent"?: any;
599
619
  "background-warning-subtle"?: any;
600
620
  "border-danger"?: any;
@@ -623,6 +643,8 @@ declare const StyledGroup: react.ForwardRefExoticComponent<Omit<Omit<{}, never>
623
643
  "border-primary-hover"?: any;
624
644
  "border-primary-inverted"?: any;
625
645
  "border-success"?: any;
646
+ "border-success-active"?: any;
647
+ "border-success-hover"?: any;
626
648
  "border-warning"?: any;
627
649
  "icon-danger"?: any;
628
650
  "icon-danger-active"?: any;
@@ -642,9 +664,12 @@ declare const StyledGroup: react.ForwardRefExoticComponent<Omit<Omit<{}, never>
642
664
  "icon-primary-inverted"?: any;
643
665
  "icon-primary-selected"?: any;
644
666
  "icon-success"?: any;
667
+ "icon-success-active"?: any;
668
+ "icon-success-hover"?: any;
645
669
  "icon-success-inverted"?: any;
646
670
  "icon-warning"?: any;
647
671
  "icon-warning-prominent"?: any;
672
+ "icon-warning-subtle"?: any;
648
673
  "text-danger"?: any;
649
674
  "text-danger-active"?: any;
650
675
  "text-danger-hover"?: any;
@@ -666,7 +691,11 @@ declare const StyledGroup: react.ForwardRefExoticComponent<Omit<Omit<{}, never>
666
691
  "text-primary-inverted-subtle"?: any;
667
692
  "text-primary-selected"?: any;
668
693
  "text-success"?: any;
694
+ "text-success-active"?: any;
695
+ "text-success-hover"?: any;
696
+ "text-success-inverted"?: any;
669
697
  "text-warning"?: any;
698
+ "text-warning-subtle"?: any;
670
699
  };
671
700
  'font-sizes': {
672
701
  readonly 150: "0.75rem";
@@ -709,6 +738,7 @@ declare const StyledGroup: react.ForwardRefExoticComponent<Omit<Omit<{}, never>
709
738
  };
710
739
  space: {
711
740
  readonly 0: "0px";
741
+ readonly 25: "2px";
712
742
  readonly 50: "4px";
713
743
  readonly 100: "8px";
714
744
  readonly 150: "12px";
@@ -958,14 +988,28 @@ declare const StyledGroup: react.ForwardRefExoticComponent<Omit<Omit<{}, never>
958
988
  }> | undefined;
959
989
  }> & {
960
990
  children?: react.ReactNode;
961
- } & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react.RefAttributes<HTMLDivElement>> & _mirohq_design_system_stitches.StitchesInternals<react.ForwardRefExoticComponent<_radix_ui_react_select.SelectGroupProps & react.RefAttributes<HTMLDivElement>>, {}, {}>;
962
- declare type StyledGroupProps = StrictComponentProps<typeof StyledGroup>;
991
+ } & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react.RefAttributes<HTMLDivElement>> & _mirohq_design_system_stitches.StitchesInternals<react.ForwardRefExoticComponent<_radix_ui_react_select.SelectItemProps & react.RefAttributes<HTMLDivElement>>, {}, {}>;
992
+ declare type StyledItemProps = StrictComponentProps<typeof StyledItem>;
963
993
 
964
- interface GroupProps extends StyledGroupProps {
994
+ interface ItemProps extends StyledItemProps {
995
+ /**
996
+ * The value given as data when submitted with a name.
997
+ */
998
+ value: string;
999
+ /**
1000
+ * When true, prevents the user from interacting with the item.
1001
+ */
1002
+ disabled?: boolean;
1003
+ /**
1004
+ * Optional text used for typeahead purposes. By default the typeahead
1005
+ * behavior will use the Select's item text. Use this when the content is
1006
+ * complex, or you have non-textual content inside.
1007
+ */
1008
+ textValue?: string;
965
1009
  }
966
- declare const Group: react__default.ForwardRefExoticComponent<Omit<GroupProps, "ref"> & react__default.RefAttributes<HTMLDivElement>>;
1010
+ declare const Item: react__default.ForwardRefExoticComponent<Omit<ItemProps, "ref"> & react__default.RefAttributes<HTMLDivElement>>;
967
1011
 
968
- declare const StyledItem: react.ForwardRefExoticComponent<Omit<Omit<{}, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.SafeProps<Omit<_radix_ui_react_select.SelectItemProps & react.RefAttributes<HTMLDivElement>, "css"> & _stitches_react_types_styled_component.TransformProps<{}, {}> & {
1012
+ declare const StyledPortal: react.ForwardRefExoticComponent<Omit<{}, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.SafeProps<Omit<_radix_ui_react_select.SelectPortalProps, "css"> & _stitches_react_types_styled_component.TransformProps<{}, {}> & {
969
1013
  css?: _stitches_react_types_css_util.CSS<{}, {
970
1014
  'border-widths': {
971
1015
  readonly none: 0;
@@ -1075,6 +1119,9 @@ declare const StyledItem: react.ForwardRefExoticComponent<Omit<Omit<{}, never> &
1075
1119
  "background-primary-subtle-pressed-hover"?: any;
1076
1120
  "background-primary-subtle-selected"?: any;
1077
1121
  "background-success"?: any;
1122
+ "background-success-prominent"?: any;
1123
+ "background-success-prominent-active"?: any;
1124
+ "background-success-prominent-hover"?: any;
1078
1125
  "background-warning-prominent"?: any;
1079
1126
  "background-warning-subtle"?: any;
1080
1127
  "border-danger"?: any;
@@ -1103,6 +1150,8 @@ declare const StyledItem: react.ForwardRefExoticComponent<Omit<Omit<{}, never> &
1103
1150
  "border-primary-hover"?: any;
1104
1151
  "border-primary-inverted"?: any;
1105
1152
  "border-success"?: any;
1153
+ "border-success-active"?: any;
1154
+ "border-success-hover"?: any;
1106
1155
  "border-warning"?: any;
1107
1156
  "icon-danger"?: any;
1108
1157
  "icon-danger-active"?: any;
@@ -1122,9 +1171,12 @@ declare const StyledItem: react.ForwardRefExoticComponent<Omit<Omit<{}, never> &
1122
1171
  "icon-primary-inverted"?: any;
1123
1172
  "icon-primary-selected"?: any;
1124
1173
  "icon-success"?: any;
1174
+ "icon-success-active"?: any;
1175
+ "icon-success-hover"?: any;
1125
1176
  "icon-success-inverted"?: any;
1126
1177
  "icon-warning"?: any;
1127
1178
  "icon-warning-prominent"?: any;
1179
+ "icon-warning-subtle"?: any;
1128
1180
  "text-danger"?: any;
1129
1181
  "text-danger-active"?: any;
1130
1182
  "text-danger-hover"?: any;
@@ -1146,7 +1198,11 @@ declare const StyledItem: react.ForwardRefExoticComponent<Omit<Omit<{}, never> &
1146
1198
  "text-primary-inverted-subtle"?: any;
1147
1199
  "text-primary-selected"?: any;
1148
1200
  "text-success"?: any;
1201
+ "text-success-active"?: any;
1202
+ "text-success-hover"?: any;
1203
+ "text-success-inverted"?: any;
1149
1204
  "text-warning"?: any;
1205
+ "text-warning-subtle"?: any;
1150
1206
  };
1151
1207
  'font-sizes': {
1152
1208
  readonly 150: "0.75rem";
@@ -1189,6 +1245,7 @@ declare const StyledItem: react.ForwardRefExoticComponent<Omit<Omit<{}, never> &
1189
1245
  };
1190
1246
  space: {
1191
1247
  readonly 0: "0px";
1248
+ readonly 25: "2px";
1192
1249
  readonly 50: "4px";
1193
1250
  readonly 100: "8px";
1194
1251
  readonly 150: "12px";
@@ -1438,28 +1495,22 @@ declare const StyledItem: react.ForwardRefExoticComponent<Omit<Omit<{}, never> &
1438
1495
  }> | undefined;
1439
1496
  }> & {
1440
1497
  children?: react.ReactNode;
1441
- } & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react.RefAttributes<HTMLDivElement>> & _mirohq_design_system_stitches.StitchesInternals<react.ForwardRefExoticComponent<_radix_ui_react_select.SelectItemProps & react.RefAttributes<HTMLDivElement>>, {}, {}>;
1442
- declare type StyledItemProps = StrictComponentProps<typeof StyledItem>;
1498
+ } & _mirohq_design_system_stitches.CustomStylesProps & react.RefAttributes<never>> & _mirohq_design_system_stitches.StitchesInternals<react.FC<_radix_ui_react_select.SelectPortalProps>, {}, {}>;
1499
+ declare type StyledPortalProps = StrictComponentProps<typeof StyledPortal>;
1443
1500
 
1444
- interface ItemProps extends StyledItemProps {
1445
- /**
1446
- * The value given as data when submitted with a name.
1447
- */
1448
- value: string;
1449
- /**
1450
- * When true, prevents the user from interacting with the item.
1451
- */
1452
- disabled?: boolean;
1501
+ interface PortalProps extends StyledPortalProps {
1453
1502
  /**
1454
- * Optional text used for typeahead purposes. By default the typeahead
1455
- * behavior will use the Select's item text. Use this when the content is
1456
- * complex, or you have non-textual content inside.
1503
+ * Specify a container element to portal the content into.
1457
1504
  */
1458
- textValue?: string;
1505
+ container?: HTMLElement | null;
1459
1506
  }
1460
- declare const Item: react__default.ForwardRefExoticComponent<Omit<ItemProps, "ref"> & react__default.RefAttributes<HTMLDivElement>>;
1507
+ declare const Portal: react__default.ForwardRefExoticComponent<Omit<PortalProps, "ref"> & react__default.RefAttributes<never>>;
1461
1508
 
1462
- declare const StyledPortal: react.ForwardRefExoticComponent<Omit<{}, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.SafeProps<Omit<_radix_ui_react_select.SelectPortalProps, "css"> & _stitches_react_types_styled_component.TransformProps<{}, {}> & {
1509
+ declare const StyledTrigger: react.ForwardRefExoticComponent<Omit<Omit<{
1510
+ size?: "medium" | "large" | undefined;
1511
+ }, "size"> & _stitches_react_types_styled_component.TransformProps<{
1512
+ size?: "medium" | "large" | undefined;
1513
+ }, {}> & _mirohq_design_system_stitches.SafeProps<Omit<_radix_ui_react_select.SelectTriggerProps & react.RefAttributes<HTMLButtonElement>, "css"> & _stitches_react_types_styled_component.TransformProps<{}, {}> & {
1463
1514
  css?: _stitches_react_types_css_util.CSS<{}, {
1464
1515
  'border-widths': {
1465
1516
  readonly none: 0;
@@ -1569,6 +1620,9 @@ declare const StyledPortal: react.ForwardRefExoticComponent<Omit<{}, never> & _s
1569
1620
  "background-primary-subtle-pressed-hover"?: any;
1570
1621
  "background-primary-subtle-selected"?: any;
1571
1622
  "background-success"?: any;
1623
+ "background-success-prominent"?: any;
1624
+ "background-success-prominent-active"?: any;
1625
+ "background-success-prominent-hover"?: any;
1572
1626
  "background-warning-prominent"?: any;
1573
1627
  "background-warning-subtle"?: any;
1574
1628
  "border-danger"?: any;
@@ -1597,6 +1651,8 @@ declare const StyledPortal: react.ForwardRefExoticComponent<Omit<{}, never> & _s
1597
1651
  "border-primary-hover"?: any;
1598
1652
  "border-primary-inverted"?: any;
1599
1653
  "border-success"?: any;
1654
+ "border-success-active"?: any;
1655
+ "border-success-hover"?: any;
1600
1656
  "border-warning"?: any;
1601
1657
  "icon-danger"?: any;
1602
1658
  "icon-danger-active"?: any;
@@ -1616,9 +1672,12 @@ declare const StyledPortal: react.ForwardRefExoticComponent<Omit<{}, never> & _s
1616
1672
  "icon-primary-inverted"?: any;
1617
1673
  "icon-primary-selected"?: any;
1618
1674
  "icon-success"?: any;
1675
+ "icon-success-active"?: any;
1676
+ "icon-success-hover"?: any;
1619
1677
  "icon-success-inverted"?: any;
1620
1678
  "icon-warning"?: any;
1621
1679
  "icon-warning-prominent"?: any;
1680
+ "icon-warning-subtle"?: any;
1622
1681
  "text-danger"?: any;
1623
1682
  "text-danger-active"?: any;
1624
1683
  "text-danger-hover"?: any;
@@ -1640,7 +1699,11 @@ declare const StyledPortal: react.ForwardRefExoticComponent<Omit<{}, never> & _s
1640
1699
  "text-primary-inverted-subtle"?: any;
1641
1700
  "text-primary-selected"?: any;
1642
1701
  "text-success"?: any;
1702
+ "text-success-active"?: any;
1703
+ "text-success-hover"?: any;
1704
+ "text-success-inverted"?: any;
1643
1705
  "text-warning"?: any;
1706
+ "text-warning-subtle"?: any;
1644
1707
  };
1645
1708
  'font-sizes': {
1646
1709
  readonly 150: "0.75rem";
@@ -1683,6 +1746,7 @@ declare const StyledPortal: react.ForwardRefExoticComponent<Omit<{}, never> & _s
1683
1746
  };
1684
1747
  space: {
1685
1748
  readonly 0: "0px";
1749
+ readonly 25: "2px";
1686
1750
  readonly 50: "4px";
1687
1751
  readonly 100: "8px";
1688
1752
  readonly 150: "12px";
@@ -1932,22 +1996,34 @@ declare const StyledPortal: react.ForwardRefExoticComponent<Omit<{}, never> & _s
1932
1996
  }> | undefined;
1933
1997
  }> & {
1934
1998
  children?: react.ReactNode;
1935
- } & _mirohq_design_system_stitches.CustomStylesProps & react.RefAttributes<never>> & _mirohq_design_system_stitches.StitchesInternals<react.FC<_radix_ui_react_select.SelectPortalProps>, {}, {}>;
1936
- declare type StyledPortalProps = StrictComponentProps<typeof StyledPortal>;
1999
+ } & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react.RefAttributes<HTMLButtonElement>> & _mirohq_design_system_stitches.StitchesInternals<react.ForwardRefExoticComponent<_radix_ui_react_select.SelectTriggerProps & react.RefAttributes<HTMLButtonElement>>, {
2000
+ size?: "medium" | "large" | undefined;
2001
+ }, {}>;
2002
+ declare type StyledTriggerProps = StrictComponentProps<typeof StyledTrigger>;
1937
2003
 
1938
- interface PortalProps extends StyledPortalProps {
2004
+ interface TriggerProps extends StyledTriggerProps {
1939
2005
  /**
1940
- * Specify a container element to portal the content into.
2006
+ * The content.
1941
2007
  */
1942
- container?: HTMLElement | null;
2008
+ children: react__default.ReactNode;
1943
2009
  }
1944
- declare const Portal: react__default.ForwardRefExoticComponent<Omit<PortalProps, "ref"> & react__default.RefAttributes<never>>;
2010
+ declare const Trigger: react__default.ForwardRefExoticComponent<Omit<TriggerProps, "ref"> & react__default.RefAttributes<HTMLButtonElement>>;
1945
2011
 
1946
- declare const StyledTrigger: react.ForwardRefExoticComponent<Omit<Omit<{
1947
- size?: "medium" | "large" | undefined;
1948
- }, "size"> & _stitches_react_types_styled_component.TransformProps<{
1949
- size?: "medium" | "large" | undefined;
1950
- }, {}> & _mirohq_design_system_stitches.SafeProps<Omit<_radix_ui_react_select.SelectTriggerProps & react.RefAttributes<HTMLButtonElement>, "css"> & _stitches_react_types_styled_component.TransformProps<{}, {}> & {
2012
+ declare type StyledValueProps = StrictComponentProps<typeof Value$1>;
2013
+ interface ValueProps extends StyledValueProps {
2014
+ /**
2015
+ * The content that will be rendered inside the Select.Value when no value or
2016
+ * defaultValue is set.
2017
+ */
2018
+ placeholder?: react__default.ReactNode;
2019
+ /**
2020
+ * The controlled content that will be rendered inside the Select.Value.
2021
+ */
2022
+ children?: react__default.ReactNode;
2023
+ }
2024
+ declare const Value: react__default.ForwardRefExoticComponent<Omit<ValueProps, "ref"> & react__default.RefAttributes<HTMLSpanElement>>;
2025
+
2026
+ declare const StyledContent: react.ForwardRefExoticComponent<Omit<Omit<{}, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.SafeProps<Omit<_radix_ui_react_select.SelectContentProps & react.RefAttributes<HTMLDivElement>, "css"> & _stitches_react_types_styled_component.TransformProps<{}, {}> & {
1951
2027
  css?: _stitches_react_types_css_util.CSS<{}, {
1952
2028
  'border-widths': {
1953
2029
  readonly none: 0;
@@ -2057,6 +2133,9 @@ declare const StyledTrigger: react.ForwardRefExoticComponent<Omit<Omit<{
2057
2133
  "background-primary-subtle-pressed-hover"?: any;
2058
2134
  "background-primary-subtle-selected"?: any;
2059
2135
  "background-success"?: any;
2136
+ "background-success-prominent"?: any;
2137
+ "background-success-prominent-active"?: any;
2138
+ "background-success-prominent-hover"?: any;
2060
2139
  "background-warning-prominent"?: any;
2061
2140
  "background-warning-subtle"?: any;
2062
2141
  "border-danger"?: any;
@@ -2085,6 +2164,8 @@ declare const StyledTrigger: react.ForwardRefExoticComponent<Omit<Omit<{
2085
2164
  "border-primary-hover"?: any;
2086
2165
  "border-primary-inverted"?: any;
2087
2166
  "border-success"?: any;
2167
+ "border-success-active"?: any;
2168
+ "border-success-hover"?: any;
2088
2169
  "border-warning"?: any;
2089
2170
  "icon-danger"?: any;
2090
2171
  "icon-danger-active"?: any;
@@ -2104,9 +2185,12 @@ declare const StyledTrigger: react.ForwardRefExoticComponent<Omit<Omit<{
2104
2185
  "icon-primary-inverted"?: any;
2105
2186
  "icon-primary-selected"?: any;
2106
2187
  "icon-success"?: any;
2188
+ "icon-success-active"?: any;
2189
+ "icon-success-hover"?: any;
2107
2190
  "icon-success-inverted"?: any;
2108
2191
  "icon-warning"?: any;
2109
2192
  "icon-warning-prominent"?: any;
2193
+ "icon-warning-subtle"?: any;
2110
2194
  "text-danger"?: any;
2111
2195
  "text-danger-active"?: any;
2112
2196
  "text-danger-hover"?: any;
@@ -2128,7 +2212,11 @@ declare const StyledTrigger: react.ForwardRefExoticComponent<Omit<Omit<{
2128
2212
  "text-primary-inverted-subtle"?: any;
2129
2213
  "text-primary-selected"?: any;
2130
2214
  "text-success"?: any;
2215
+ "text-success-active"?: any;
2216
+ "text-success-hover"?: any;
2217
+ "text-success-inverted"?: any;
2131
2218
  "text-warning"?: any;
2219
+ "text-warning-subtle"?: any;
2132
2220
  };
2133
2221
  'font-sizes': {
2134
2222
  readonly 150: "0.75rem";
@@ -2171,6 +2259,7 @@ declare const StyledTrigger: react.ForwardRefExoticComponent<Omit<Omit<{
2171
2259
  };
2172
2260
  space: {
2173
2261
  readonly 0: "0px";
2262
+ readonly 25: "2px";
2174
2263
  readonly 50: "4px";
2175
2264
  readonly 100: "8px";
2176
2265
  readonly 150: "12px";
@@ -2420,34 +2509,132 @@ declare const StyledTrigger: react.ForwardRefExoticComponent<Omit<Omit<{
2420
2509
  }> | undefined;
2421
2510
  }> & {
2422
2511
  children?: react.ReactNode;
2423
- } & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react.RefAttributes<HTMLButtonElement>> & _mirohq_design_system_stitches.StitchesInternals<react.ForwardRefExoticComponent<_radix_ui_react_select.SelectTriggerProps & react.RefAttributes<HTMLButtonElement>>, {
2424
- size?: "medium" | "large" | undefined;
2425
- }, {}>;
2426
- declare type StyledTriggerProps = StrictComponentProps<typeof StyledTrigger>;
2512
+ } & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react.RefAttributes<HTMLDivElement>> & _mirohq_design_system_stitches.StitchesInternals<react.ForwardRefExoticComponent<_radix_ui_react_select.SelectContentProps & react.RefAttributes<HTMLDivElement>>, {}, {}>;
2513
+ declare type StyledContentProps = StrictComponentProps<typeof StyledContent>;
2427
2514
 
2428
- interface TriggerProps extends StyledTriggerProps {
2429
- /**
2430
- * The content.
2431
- */
2432
- children: react__default.ReactNode;
2515
+ declare type PointerDownOutsideEvent = CustomEvent<{
2516
+ originalEvent: PointerEvent;
2517
+ }>;
2518
+ declare type Boundary = Element | null | Array<Element | null>;
2519
+ declare type Side = 'top' | 'right' | 'bottom' | 'left';
2520
+ declare type Align = 'start' | 'center' | 'end';
2521
+ declare type Padding = Partial<Record<Side, number>>;
2522
+ declare type Overflow = 'auto' | 'visible';
2523
+ declare type Size = 'medium' | 'large';
2524
+ declare type Sticky = 'partial' | 'always';
2525
+ declare type Direction = 'ltr' | 'rtl';
2526
+
2527
+ type types_PointerDownOutsideEvent = PointerDownOutsideEvent;
2528
+ type types_Boundary = Boundary;
2529
+ type types_Side = Side;
2530
+ type types_Align = Align;
2531
+ type types_Padding = Padding;
2532
+ type types_Overflow = Overflow;
2533
+ type types_Size = Size;
2534
+ type types_Sticky = Sticky;
2535
+ type types_Direction = Direction;
2536
+ declare namespace types {
2537
+ export {
2538
+ types_PointerDownOutsideEvent as PointerDownOutsideEvent,
2539
+ types_Boundary as Boundary,
2540
+ types_Side as Side,
2541
+ types_Align as Align,
2542
+ types_Padding as Padding,
2543
+ types_Overflow as Overflow,
2544
+ types_Size as Size,
2545
+ types_Sticky as Sticky,
2546
+ types_Direction as Direction,
2547
+ };
2433
2548
  }
2434
- declare const Trigger: react__default.ForwardRefExoticComponent<Omit<TriggerProps, "ref"> & react__default.RefAttributes<HTMLButtonElement>>;
2435
2549
 
2436
- declare type StyledValueProps = StrictComponentProps<typeof Value$1>;
2437
- interface ValueProps extends StyledValueProps {
2550
+ interface ContentProps extends StyledContentProps {
2438
2551
  /**
2439
- * The content that will be rendered inside the Select.Value when no value or
2440
- * defaultValue is set.
2552
+ * Event handler called when focus moves to the trigger after closing. It can
2553
+ * be prevented by calling event.preventDefault.
2441
2554
  */
2442
- placeholder?: react__default.ReactNode;
2555
+ onCloseAutoFocus?: (event: Event) => void;
2443
2556
  /**
2444
- * The controlled content that will be rendered inside the Select.Value.
2557
+ * Event handler called when focus moves to the trigger after closing. It can
2558
+ * be prevented by calling event.preventDefault.
2445
2559
  */
2446
- children?: react__default.ReactNode;
2560
+ onEscapeKeyDown?: (event: KeyboardEvent) => void;
2561
+ /**
2562
+ * Event handler called when a pointer event occurs outside the bounds of the
2563
+ * component. It can be prevented by calling event.preventDefault.
2564
+ */
2565
+ onPointerDownOutside?: (event: PointerDownOutsideEvent) => void;
2566
+ /**
2567
+ * The preferred side of the anchor to render against when open. Will be
2568
+ * reversed when collisions occur and avoidCollisions is enabled. Only
2569
+ * available when position is set to popper.
2570
+ */
2571
+ side?: Side;
2572
+ /**
2573
+ * The distance in pixels from the anchor. Only available when position is set
2574
+ * to popper.
2575
+ */
2576
+ sideOffset?: number;
2577
+ /**
2578
+ * The preferred alignment against the anchor. May change when collisions
2579
+ * occur. Only available when position is set to popper.
2580
+ */
2581
+ align?: Align;
2582
+ /**
2583
+ * An offset in pixels from the "start" or "end" alignment options. Only
2584
+ * available when position is set to popper.
2585
+ */
2586
+ alignOffset?: number;
2587
+ /**
2588
+ * When true, overrides the side andalign preferences to prevent collisions
2589
+ * with boundary edges. Only available when position is set to popper.
2590
+ */
2591
+ avoidCollisions?: boolean;
2592
+ /**
2593
+ * The element used as the collision boundary. By default this is the
2594
+ * viewport, though you can provide additional element(s) to be included in
2595
+ * this check. Only available when position is set to popper.
2596
+ */
2597
+ collisionBoundary?: Boundary;
2598
+ /**
2599
+ * The distance in pixels from the boundary edges where collision detection
2600
+ * should occur. Accepts a number (same for all sides), or a partial padding
2601
+ * object, for example: { top: 20, left: 20 }. Only available when position is
2602
+ * set to popper.
2603
+ */
2604
+ collisionPadding?: number | Partial<Record<Side, number>>;
2605
+ /**
2606
+ * The sticky behavior on the align axis. "partial" will keep the content in the
2607
+ * boundary as long as the trigger is at least partially in the boundary whilst
2608
+ * "always" will keep the content in the boundary regardless. Only available
2609
+ * when position is set to popper.
2610
+ */
2611
+ sticky?: Sticky;
2612
+ /**
2613
+ * Whether to hide the content when the trigger becomes fully occluded. Only
2614
+ * available when position is set to popper.
2615
+ */
2616
+ hideWhenDetached?: boolean;
2617
+ /**
2618
+ * The max height for the content.
2619
+ */
2620
+ maxHeight?: CSSProperties['maxHeight'];
2621
+ /**
2622
+ * Setting overflow as "visible" means that the content can extend beyond the
2623
+ * its collision boundary without any clipping or scrolling being
2624
+ * applied.
2625
+ * When set to "auto," a scrollbar is added if the content exceeds its
2626
+ * boundaries. If no maxHeight is defined, it will be automatically adjusted
2627
+ * to fit the remaining space between the trigger and the boundary edge.
2628
+ */
2629
+ overflow?: Overflow;
2630
+ /**
2631
+ * Select's content.
2632
+ */
2633
+ children?: ReactNode;
2447
2634
  }
2448
- declare const Value: react__default.ForwardRefExoticComponent<Omit<ValueProps, "ref"> & react__default.RefAttributes<HTMLSpanElement>>;
2635
+ declare const Content: react__default.ForwardRefExoticComponent<Omit<ContentProps, "ref"> & react__default.RefAttributes<HTMLDivElement>>;
2449
2636
 
2450
- declare const StyledContent: react.ForwardRefExoticComponent<Omit<Omit<{}, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.SafeProps<Omit<_radix_ui_react_select.SelectContentProps & react.RefAttributes<HTMLDivElement>, "css"> & _stitches_react_types_styled_component.TransformProps<{}, {}> & {
2637
+ declare const StyledLabel: react.ForwardRefExoticComponent<Omit<Omit<{}, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.SafeProps<Omit<_radix_ui_react_select.SelectLabelProps & react.RefAttributes<HTMLDivElement>, "css"> & _stitches_react_types_styled_component.TransformProps<{}, {}> & {
2451
2638
  css?: _stitches_react_types_css_util.CSS<{}, {
2452
2639
  'border-widths': {
2453
2640
  readonly none: 0;
@@ -2557,6 +2744,9 @@ declare const StyledContent: react.ForwardRefExoticComponent<Omit<Omit<{}, never
2557
2744
  "background-primary-subtle-pressed-hover"?: any;
2558
2745
  "background-primary-subtle-selected"?: any;
2559
2746
  "background-success"?: any;
2747
+ "background-success-prominent"?: any;
2748
+ "background-success-prominent-active"?: any;
2749
+ "background-success-prominent-hover"?: any;
2560
2750
  "background-warning-prominent"?: any;
2561
2751
  "background-warning-subtle"?: any;
2562
2752
  "border-danger"?: any;
@@ -2585,6 +2775,8 @@ declare const StyledContent: react.ForwardRefExoticComponent<Omit<Omit<{}, never
2585
2775
  "border-primary-hover"?: any;
2586
2776
  "border-primary-inverted"?: any;
2587
2777
  "border-success"?: any;
2778
+ "border-success-active"?: any;
2779
+ "border-success-hover"?: any;
2588
2780
  "border-warning"?: any;
2589
2781
  "icon-danger"?: any;
2590
2782
  "icon-danger-active"?: any;
@@ -2604,9 +2796,12 @@ declare const StyledContent: react.ForwardRefExoticComponent<Omit<Omit<{}, never
2604
2796
  "icon-primary-inverted"?: any;
2605
2797
  "icon-primary-selected"?: any;
2606
2798
  "icon-success"?: any;
2799
+ "icon-success-active"?: any;
2800
+ "icon-success-hover"?: any;
2607
2801
  "icon-success-inverted"?: any;
2608
2802
  "icon-warning"?: any;
2609
2803
  "icon-warning-prominent"?: any;
2804
+ "icon-warning-subtle"?: any;
2610
2805
  "text-danger"?: any;
2611
2806
  "text-danger-active"?: any;
2612
2807
  "text-danger-hover"?: any;
@@ -2628,7 +2823,11 @@ declare const StyledContent: react.ForwardRefExoticComponent<Omit<Omit<{}, never
2628
2823
  "text-primary-inverted-subtle"?: any;
2629
2824
  "text-primary-selected"?: any;
2630
2825
  "text-success"?: any;
2826
+ "text-success-active"?: any;
2827
+ "text-success-hover"?: any;
2828
+ "text-success-inverted"?: any;
2631
2829
  "text-warning"?: any;
2830
+ "text-warning-subtle"?: any;
2632
2831
  };
2633
2832
  'font-sizes': {
2634
2833
  readonly 150: "0.75rem";
@@ -2671,6 +2870,7 @@ declare const StyledContent: react.ForwardRefExoticComponent<Omit<Omit<{}, never
2671
2870
  };
2672
2871
  space: {
2673
2872
  readonly 0: "0px";
2873
+ readonly 25: "2px";
2674
2874
  readonly 50: "4px";
2675
2875
  readonly 100: "8px";
2676
2876
  readonly 150: "12px";
@@ -2920,129 +3120,14 @@ declare const StyledContent: react.ForwardRefExoticComponent<Omit<Omit<{}, never
2920
3120
  }> | undefined;
2921
3121
  }> & {
2922
3122
  children?: react.ReactNode;
2923
- } & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react.RefAttributes<HTMLDivElement>> & _mirohq_design_system_stitches.StitchesInternals<react.ForwardRefExoticComponent<_radix_ui_react_select.SelectContentProps & react.RefAttributes<HTMLDivElement>>, {}, {}>;
2924
- declare type StyledContentProps = StrictComponentProps<typeof StyledContent>;
2925
-
2926
- declare type PointerDownOutsideEvent = CustomEvent<{
2927
- originalEvent: PointerEvent;
2928
- }>;
2929
- declare type Boundary = Element | null | Array<Element | null>;
2930
- declare type Side = 'top' | 'right' | 'bottom' | 'left';
2931
- declare type Align = 'start' | 'center' | 'end';
2932
- declare type Padding = Partial<Record<Side, number>>;
2933
- declare type Overflow = 'auto' | 'visible';
2934
- declare type Size = 'medium' | 'large';
2935
- declare type Sticky = 'partial' | 'always';
2936
-
2937
- type types_PointerDownOutsideEvent = PointerDownOutsideEvent;
2938
- type types_Boundary = Boundary;
2939
- type types_Side = Side;
2940
- type types_Align = Align;
2941
- type types_Padding = Padding;
2942
- type types_Overflow = Overflow;
2943
- type types_Size = Size;
2944
- type types_Sticky = Sticky;
2945
- declare namespace types {
2946
- export {
2947
- types_PointerDownOutsideEvent as PointerDownOutsideEvent,
2948
- types_Boundary as Boundary,
2949
- types_Side as Side,
2950
- types_Align as Align,
2951
- types_Padding as Padding,
2952
- types_Overflow as Overflow,
2953
- types_Size as Size,
2954
- types_Sticky as Sticky,
2955
- };
2956
- }
3123
+ } & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react.RefAttributes<HTMLDivElement>> & _mirohq_design_system_stitches.StitchesInternals<react.ForwardRefExoticComponent<_radix_ui_react_select.SelectLabelProps & react.RefAttributes<HTMLDivElement>>, {}, {}>;
3124
+ declare type StyledLabelProps = StrictComponentProps<typeof StyledLabel>;
2957
3125
 
2958
- interface ContentProps extends StyledContentProps {
2959
- /**
2960
- * Event handler called when focus moves to the trigger after closing. It can
2961
- * be prevented by calling event.preventDefault.
2962
- */
2963
- onCloseAutoFocus?: (event: Event) => void;
2964
- /**
2965
- * Event handler called when focus moves to the trigger after closing. It can
2966
- * be prevented by calling event.preventDefault.
2967
- */
2968
- onEscapeKeyDown?: (event: KeyboardEvent) => void;
2969
- /**
2970
- * Event handler called when a pointer event occurs outside the bounds of the
2971
- * component. It can be prevented by calling event.preventDefault.
2972
- */
2973
- onPointerDownOutside?: (event: PointerDownOutsideEvent) => void;
2974
- /**
2975
- * The preferred side of the anchor to render against when open. Will be
2976
- * reversed when collisions occur and avoidCollisions is enabled. Only
2977
- * available when position is set to popper.
2978
- */
2979
- side?: Side;
2980
- /**
2981
- * The distance in pixels from the anchor. Only available when position is set
2982
- * to popper.
2983
- */
2984
- sideOffset?: number;
2985
- /**
2986
- * The preferred alignment against the anchor. May change when collisions
2987
- * occur. Only available when position is set to popper.
2988
- */
2989
- align?: Align;
2990
- /**
2991
- * An offset in pixels from the "start" or "end" alignment options. Only
2992
- * available when position is set to popper.
2993
- */
2994
- alignOffset?: number;
2995
- /**
2996
- * When true, overrides the side andalign preferences to prevent collisions
2997
- * with boundary edges. Only available when position is set to popper.
2998
- */
2999
- avoidCollisions?: boolean;
3000
- /**
3001
- * The element used as the collision boundary. By default this is the
3002
- * viewport, though you can provide additional element(s) to be included in
3003
- * this check. Only available when position is set to popper.
3004
- */
3005
- collisionBoundary?: Boundary;
3006
- /**
3007
- * The distance in pixels from the boundary edges where collision detection
3008
- * should occur. Accepts a number (same for all sides), or a partial padding
3009
- * object, for example: { top: 20, left: 20 }. Only available when position is
3010
- * set to popper.
3011
- */
3012
- collisionPadding?: number | Partial<Record<Side, number>>;
3013
- /**
3014
- * The sticky behavior on the align axis. "partial" will keep the content in the
3015
- * boundary as long as the trigger is at least partially in the boundary whilst
3016
- * "always" will keep the content in the boundary regardless. Only available
3017
- * when position is set to popper.
3018
- */
3019
- sticky?: Sticky;
3020
- /**
3021
- * Whether to hide the content when the trigger becomes fully occluded. Only
3022
- * available when position is set to popper.
3023
- */
3024
- hideWhenDetached?: boolean;
3025
- /**
3026
- * The max height for the content.
3027
- */
3028
- maxHeight?: CSSProperties['maxHeight'];
3029
- /**
3030
- * Setting overflow as "visible" means that the content can extend beyond the
3031
- * its collision boundary without any clipping or scrolling being
3032
- * applied.
3033
- * When set to "auto," a scrollbar is added if the content exceeds its
3034
- * boundaries. If no maxHeight is defined, it will be automatically adjusted
3035
- * to fit the remaining space between the trigger and the boundary edge.
3036
- */
3037
- overflow?: Overflow;
3038
- /**
3039
- * Select's content.
3040
- */
3041
- children?: ReactNode;
3126
+ interface LabelProps extends StyledLabelProps {
3042
3127
  }
3043
- declare const Content: react__default.ForwardRefExoticComponent<Omit<ContentProps, "ref"> & react__default.RefAttributes<HTMLDivElement>>;
3128
+ declare const Label: react__default.ForwardRefExoticComponent<Omit<LabelProps, "ref"> & react__default.RefAttributes<HTMLDivElement>>;
3044
3129
 
3045
- declare const StyledLabel: react.ForwardRefExoticComponent<Omit<Omit<{}, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.SafeProps<Omit<_radix_ui_react_select.SelectLabelProps & react.RefAttributes<HTMLDivElement>, "css"> & _stitches_react_types_styled_component.TransformProps<{}, {}> & {
3130
+ declare const StyledSeparator: react.ForwardRefExoticComponent<Omit<Omit<{}, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.SafeProps<Omit<_radix_ui_react_select.SelectSeparatorProps & react.RefAttributes<HTMLDivElement>, "css"> & _stitches_react_types_styled_component.TransformProps<{}, {}> & {
3046
3131
  css?: _stitches_react_types_css_util.CSS<{}, {
3047
3132
  'border-widths': {
3048
3133
  readonly none: 0;
@@ -3152,6 +3237,9 @@ declare const StyledLabel: react.ForwardRefExoticComponent<Omit<Omit<{}, never>
3152
3237
  "background-primary-subtle-pressed-hover"?: any;
3153
3238
  "background-primary-subtle-selected"?: any;
3154
3239
  "background-success"?: any;
3240
+ "background-success-prominent"?: any;
3241
+ "background-success-prominent-active"?: any;
3242
+ "background-success-prominent-hover"?: any;
3155
3243
  "background-warning-prominent"?: any;
3156
3244
  "background-warning-subtle"?: any;
3157
3245
  "border-danger"?: any;
@@ -3180,6 +3268,8 @@ declare const StyledLabel: react.ForwardRefExoticComponent<Omit<Omit<{}, never>
3180
3268
  "border-primary-hover"?: any;
3181
3269
  "border-primary-inverted"?: any;
3182
3270
  "border-success"?: any;
3271
+ "border-success-active"?: any;
3272
+ "border-success-hover"?: any;
3183
3273
  "border-warning"?: any;
3184
3274
  "icon-danger"?: any;
3185
3275
  "icon-danger-active"?: any;
@@ -3199,9 +3289,12 @@ declare const StyledLabel: react.ForwardRefExoticComponent<Omit<Omit<{}, never>
3199
3289
  "icon-primary-inverted"?: any;
3200
3290
  "icon-primary-selected"?: any;
3201
3291
  "icon-success"?: any;
3292
+ "icon-success-active"?: any;
3293
+ "icon-success-hover"?: any;
3202
3294
  "icon-success-inverted"?: any;
3203
3295
  "icon-warning"?: any;
3204
3296
  "icon-warning-prominent"?: any;
3297
+ "icon-warning-subtle"?: any;
3205
3298
  "text-danger"?: any;
3206
3299
  "text-danger-active"?: any;
3207
3300
  "text-danger-hover"?: any;
@@ -3223,7 +3316,11 @@ declare const StyledLabel: react.ForwardRefExoticComponent<Omit<Omit<{}, never>
3223
3316
  "text-primary-inverted-subtle"?: any;
3224
3317
  "text-primary-selected"?: any;
3225
3318
  "text-success"?: any;
3319
+ "text-success-active"?: any;
3320
+ "text-success-hover"?: any;
3321
+ "text-success-inverted"?: any;
3226
3322
  "text-warning"?: any;
3323
+ "text-warning-subtle"?: any;
3227
3324
  };
3228
3325
  'font-sizes': {
3229
3326
  readonly 150: "0.75rem";
@@ -3266,6 +3363,7 @@ declare const StyledLabel: react.ForwardRefExoticComponent<Omit<Omit<{}, never>
3266
3363
  };
3267
3364
  space: {
3268
3365
  readonly 0: "0px";
3366
+ readonly 25: "2px";
3269
3367
  readonly 50: "4px";
3270
3368
  readonly 100: "8px";
3271
3369
  readonly 150: "12px";
@@ -3515,14 +3613,14 @@ declare const StyledLabel: react.ForwardRefExoticComponent<Omit<Omit<{}, never>
3515
3613
  }> | undefined;
3516
3614
  }> & {
3517
3615
  children?: react.ReactNode;
3518
- } & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react.RefAttributes<HTMLDivElement>> & _mirohq_design_system_stitches.StitchesInternals<react.ForwardRefExoticComponent<_radix_ui_react_select.SelectLabelProps & react.RefAttributes<HTMLDivElement>>, {}, {}>;
3519
- declare type StyledLabelProps = StrictComponentProps<typeof StyledLabel>;
3616
+ } & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react.RefAttributes<HTMLDivElement>> & _mirohq_design_system_stitches.StitchesInternals<react.ForwardRefExoticComponent<_radix_ui_react_select.SelectSeparatorProps & react.RefAttributes<HTMLDivElement>>, {}, {}>;
3617
+ declare type StyledSeparatorProps = StrictComponentProps<typeof StyledSeparator>;
3520
3618
 
3521
- interface LabelProps extends StyledLabelProps {
3619
+ interface SeparatorProps extends StyledSeparatorProps {
3522
3620
  }
3523
- declare const Label: react__default.ForwardRefExoticComponent<Omit<LabelProps, "ref"> & react__default.RefAttributes<HTMLDivElement>>;
3621
+ declare const Separator: react__default.ForwardRefExoticComponent<Omit<SeparatorProps, "ref"> & react__default.RefAttributes<HTMLDivElement>>;
3524
3622
 
3525
- declare const StyledSeparator: react.ForwardRefExoticComponent<Omit<Omit<{}, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.SafeProps<Omit<_radix_ui_react_select.SelectSeparatorProps & react.RefAttributes<HTMLDivElement>, "css"> & _stitches_react_types_styled_component.TransformProps<{}, {}> & {
3623
+ declare const StyledSelect: react.ForwardRefExoticComponent<Omit<{}, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.SafeProps<Omit<_radix_ui_react_select.SelectProps, "css"> & _stitches_react_types_styled_component.TransformProps<{}, {}> & {
3526
3624
  css?: _stitches_react_types_css_util.CSS<{}, {
3527
3625
  'border-widths': {
3528
3626
  readonly none: 0;
@@ -3632,6 +3730,9 @@ declare const StyledSeparator: react.ForwardRefExoticComponent<Omit<Omit<{}, nev
3632
3730
  "background-primary-subtle-pressed-hover"?: any;
3633
3731
  "background-primary-subtle-selected"?: any;
3634
3732
  "background-success"?: any;
3733
+ "background-success-prominent"?: any;
3734
+ "background-success-prominent-active"?: any;
3735
+ "background-success-prominent-hover"?: any;
3635
3736
  "background-warning-prominent"?: any;
3636
3737
  "background-warning-subtle"?: any;
3637
3738
  "border-danger"?: any;
@@ -3660,6 +3761,8 @@ declare const StyledSeparator: react.ForwardRefExoticComponent<Omit<Omit<{}, nev
3660
3761
  "border-primary-hover"?: any;
3661
3762
  "border-primary-inverted"?: any;
3662
3763
  "border-success"?: any;
3764
+ "border-success-active"?: any;
3765
+ "border-success-hover"?: any;
3663
3766
  "border-warning"?: any;
3664
3767
  "icon-danger"?: any;
3665
3768
  "icon-danger-active"?: any;
@@ -3679,9 +3782,12 @@ declare const StyledSeparator: react.ForwardRefExoticComponent<Omit<Omit<{}, nev
3679
3782
  "icon-primary-inverted"?: any;
3680
3783
  "icon-primary-selected"?: any;
3681
3784
  "icon-success"?: any;
3785
+ "icon-success-active"?: any;
3786
+ "icon-success-hover"?: any;
3682
3787
  "icon-success-inverted"?: any;
3683
3788
  "icon-warning"?: any;
3684
3789
  "icon-warning-prominent"?: any;
3790
+ "icon-warning-subtle"?: any;
3685
3791
  "text-danger"?: any;
3686
3792
  "text-danger-active"?: any;
3687
3793
  "text-danger-hover"?: any;
@@ -3703,7 +3809,11 @@ declare const StyledSeparator: react.ForwardRefExoticComponent<Omit<Omit<{}, nev
3703
3809
  "text-primary-inverted-subtle"?: any;
3704
3810
  "text-primary-selected"?: any;
3705
3811
  "text-success"?: any;
3812
+ "text-success-active"?: any;
3813
+ "text-success-hover"?: any;
3814
+ "text-success-inverted"?: any;
3706
3815
  "text-warning"?: any;
3816
+ "text-warning-subtle"?: any;
3707
3817
  };
3708
3818
  'font-sizes': {
3709
3819
  readonly 150: "0.75rem";
@@ -3746,6 +3856,7 @@ declare const StyledSeparator: react.ForwardRefExoticComponent<Omit<Omit<{}, nev
3746
3856
  };
3747
3857
  space: {
3748
3858
  readonly 0: "0px";
3859
+ readonly 25: "2px";
3749
3860
  readonly 50: "4px";
3750
3861
  readonly 100: "8px";
3751
3862
  readonly 150: "12px";
@@ -3995,14 +4106,10 @@ declare const StyledSeparator: react.ForwardRefExoticComponent<Omit<Omit<{}, nev
3995
4106
  }> | undefined;
3996
4107
  }> & {
3997
4108
  children?: react.ReactNode;
3998
- } & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react.RefAttributes<HTMLDivElement>> & _mirohq_design_system_stitches.StitchesInternals<react.ForwardRefExoticComponent<_radix_ui_react_select.SelectSeparatorProps & react.RefAttributes<HTMLDivElement>>, {}, {}>;
3999
- declare type StyledSeparatorProps = StrictComponentProps<typeof StyledSeparator>;
4000
-
4001
- interface SeparatorProps extends StyledSeparatorProps {
4002
- }
4003
- declare const Separator: react__default.ForwardRefExoticComponent<Omit<SeparatorProps, "ref"> & react__default.RefAttributes<HTMLDivElement>>;
4109
+ } & _mirohq_design_system_stitches.CustomStylesProps & react.RefAttributes<never>> & _mirohq_design_system_stitches.StitchesInternals<react.FC<_radix_ui_react_select.SelectProps>, {}, {}>;
4110
+ declare type StyledSelectProps = ComponentPropsWithRef<typeof StyledSelect>;
4004
4111
 
4005
- interface SelectProps extends Omit<StyledSelectProps, 'onOpenChange'> {
4112
+ interface SelectProps extends Omit<StyledSelectProps, 'onOpenChange' | 'dir'> {
4006
4113
  /**
4007
4114
  * The value of the select when initially rendered. Use when you do not need
4008
4115
  * to control the state of the select.
@@ -4040,7 +4147,7 @@ interface SelectProps extends Omit<StyledSelectProps, 'onOpenChange'> {
4040
4147
  * globally from DirectionProvider or assumes LTR (left-to-right) reading
4041
4148
  * mode.
4042
4149
  */
4043
- direction?: 'ltr' | 'rtl';
4150
+ direction?: Direction;
4044
4151
  /**
4045
4152
  * The name of the select. Submitted with its owning form as part of a
4046
4153
  * name/value pair.