@salutejs/sdds-dfa 0.168.0-canary.1550.11777193712.0 → 0.168.0-canary.1552.11776095169.0

Sign up to get free protection for your applications and to get access to all the features.
@@ -48,6 +48,7 @@ import { CellTextboxLabel } from '@salutejs/plasma-new-hope/styled-components';
48
48
  import { CellTextboxSubtitle } from '@salutejs/plasma-new-hope/styled-components';
49
49
  import { CellTextboxTitle } from '@salutejs/plasma-new-hope/styled-components';
50
50
  import { ChangeEvent } from 'react';
51
+ import { ChangeEventHandler } from 'react';
51
52
  import { ChangeInstanceCallback } from '@salutejs/plasma-new-hope/types/components/DatePicker/RangeDate/RangeDate.types';
52
53
  import { CheckboxProps as CheckboxProps_2 } from '@salutejs/plasma-new-hope/types/components/Checkbox/Checkbox.types';
53
54
  import { ChipGroupProps } from '@salutejs/plasma-new-hope/types/components/ChipGroup/ChipGroup.types';
@@ -86,7 +87,6 @@ import { DrawerContentProps } from '@salutejs/plasma-new-hope/styled-components'
86
87
  import { DrawerFooterProps } from '@salutejs/plasma-new-hope/styled-components';
87
88
  import { DrawerHeaderProps } from '@salutejs/plasma-new-hope/styled-components';
88
89
  import { DrawerProps } from '@salutejs/plasma-new-hope/styled-components';
89
- import { DropdownNodeSelect } from '@salutejs/plasma-new-hope/styled-components';
90
90
  import { DropdownProps } from '@salutejs/plasma-new-hope/types/components/Dropdown/Dropdown.types';
91
91
  import { dsplL } from '@salutejs/sdds-themes/tokens';
92
92
  import { dsplLBold } from '@salutejs/sdds-themes/tokens';
@@ -119,15 +119,16 @@ import { IndicatorProps } from '@salutejs/plasma-new-hope/styled-components';
119
119
  import { InputHTMLAttributes } from '@salutejs/plasma-new-hope/types/types';
120
120
  import { InputHTMLAttributes as InputHTMLAttributes_2 } from 'react';
121
121
  import type { ItemOption } from '@salutejs/plasma-new-hope';
122
- import { ItemOptionSelect } from '@salutejs/plasma-new-hope/styled-components';
123
122
  import { JSXElementConstructor } from 'react';
124
123
  import { KeyboardEvent as KeyboardEvent_2 } from 'react';
125
124
  import { LinkCustomProps } from '@salutejs/plasma-new-hope/types/components/Link/Link';
126
125
  import { MaskProps } from '@salutejs/plasma-new-hope/types/components/Mask/Mask.types';
127
126
  import { mediaQuery } from '@salutejs/plasma-new-hope/styled-components';
127
+ import { MergedDropdownNode } from '@salutejs/plasma-new-hope/types/components/Select/ui/Inner/ui/Item/Item.types';
128
128
  import { modalClasses } from '@salutejs/plasma-new-hope/styled-components';
129
129
  import { ModalProps } from '@salutejs/plasma-new-hope/styled-components';
130
130
  import { MouseEvent as MouseEvent_2 } from 'react';
131
+ import { MutableRefObject } from 'react';
131
132
  import { numberInputClasses } from '@salutejs/plasma-new-hope/styled-components';
132
133
  import { numberInputTokens } from '@salutejs/plasma-new-hope/styled-components';
133
134
  import { Orientation } from '@salutejs/plasma-new-hope/types/components/TextFieldGroup/TextFieldGroup.types';
@@ -1017,7 +1018,7 @@ true: PolymorphicClassName;
1017
1018
  listOverflow?: Property.Overflow | undefined;
1018
1019
  listHeight?: Property.Height<string | number> | undefined;
1019
1020
  listWidth?: Property.Width<string | number> | undefined;
1020
- portal?: string | RefObject<HTMLElement> | undefined;
1021
+ portal?: MutableRefObject<HTMLElement | null> | undefined;
1021
1022
  renderItem?: ((item: ItemOption) => ReactNode) | undefined;
1022
1023
  filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
1023
1024
  closeAfterSelect?: boolean | undefined;
@@ -1029,8 +1030,10 @@ true: PolymorphicClassName;
1029
1030
  disabled?: true | undefined;
1030
1031
  alwaysOpened?: false | undefined;
1031
1032
  } & {
1033
+ name?: undefined;
1032
1034
  multiple?: false | undefined;
1033
1035
  value?: string | undefined;
1036
+ defaultValue?: undefined;
1034
1037
  onChange?: ((value: string) => void) | undefined;
1035
1038
  isTargetAmount?: false | undefined;
1036
1039
  targetAmount?: undefined;
@@ -1040,7 +1043,7 @@ true: PolymorphicClassName;
1040
1043
  } & {
1041
1044
  required: true;
1042
1045
  optional?: false | undefined;
1043
- } & Omit<ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & RefAttributes<HTMLInputElement>) | ({
1046
+ } & Omit<ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "name" | "value"> & RefAttributes<HTMLInputElement | HTMLSelectElement>) | ({
1044
1047
  items: ItemOption[];
1045
1048
  placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
1046
1049
  label?: string | undefined;
@@ -1053,7 +1056,7 @@ true: PolymorphicClassName;
1053
1056
  listOverflow?: Property.Overflow | undefined;
1054
1057
  listHeight?: Property.Height<string | number> | undefined;
1055
1058
  listWidth?: Property.Width<string | number> | undefined;
1056
- portal?: string | RefObject<HTMLElement> | undefined;
1059
+ portal?: MutableRefObject<HTMLElement | null> | undefined;
1057
1060
  renderItem?: ((item: ItemOption) => ReactNode) | undefined;
1058
1061
  filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
1059
1062
  closeAfterSelect?: boolean | undefined;
@@ -1065,8 +1068,10 @@ true: PolymorphicClassName;
1065
1068
  disabled?: true | undefined;
1066
1069
  alwaysOpened?: false | undefined;
1067
1070
  } & {
1071
+ name?: undefined;
1068
1072
  multiple?: false | undefined;
1069
1073
  value?: string | undefined;
1074
+ defaultValue?: undefined;
1070
1075
  onChange?: ((value: string) => void) | undefined;
1071
1076
  isTargetAmount?: false | undefined;
1072
1077
  targetAmount?: undefined;
@@ -1076,7 +1081,7 @@ true: PolymorphicClassName;
1076
1081
  } & {
1077
1082
  optional?: true | undefined;
1078
1083
  required?: false | undefined;
1079
- } & Omit<ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & RefAttributes<HTMLInputElement>) | ({
1084
+ } & Omit<ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "name" | "value"> & RefAttributes<HTMLInputElement | HTMLSelectElement>) | ({
1080
1085
  items: ItemOption[];
1081
1086
  placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
1082
1087
  label?: string | undefined;
@@ -1089,7 +1094,7 @@ true: PolymorphicClassName;
1089
1094
  listOverflow?: Property.Overflow | undefined;
1090
1095
  listHeight?: Property.Height<string | number> | undefined;
1091
1096
  listWidth?: Property.Width<string | number> | undefined;
1092
- portal?: string | RefObject<HTMLElement> | undefined;
1097
+ portal?: MutableRefObject<HTMLElement | null> | undefined;
1093
1098
  renderItem?: ((item: ItemOption) => ReactNode) | undefined;
1094
1099
  filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
1095
1100
  closeAfterSelect?: boolean | undefined;
@@ -1103,16 +1108,170 @@ true: PolymorphicClassName;
1103
1108
  } & {
1104
1109
  multiple: true;
1105
1110
  value?: string[] | undefined;
1111
+ defaultValue?: string[] | undefined;
1112
+ onChange?: ChangeEventHandler<Element> | undefined;
1113
+ isTargetAmount?: false | undefined;
1114
+ targetAmount?: undefined;
1115
+ renderValue?: undefined;
1116
+ name: string;
1117
+ } & {
1118
+ requiredPlacement?: "right" | "left" | undefined;
1119
+ } & {
1120
+ required: true;
1121
+ optional?: false | undefined;
1122
+ } & Omit<ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "name" | "value"> & RefAttributes<HTMLInputElement | HTMLSelectElement>) | ({
1123
+ items: ItemOption[];
1124
+ placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
1125
+ label?: string | undefined;
1126
+ placeholder?: string | undefined;
1127
+ helperText?: string | undefined;
1128
+ contentLeft?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
1129
+ textBefore?: string | undefined;
1130
+ textAfter?: string | undefined;
1131
+ variant?: "normal" | "tight" | undefined;
1132
+ listOverflow?: Property.Overflow | undefined;
1133
+ listHeight?: Property.Height<string | number> | undefined;
1134
+ listWidth?: Property.Width<string | number> | undefined;
1135
+ portal?: MutableRefObject<HTMLElement | null> | undefined;
1136
+ renderItem?: ((item: ItemOption) => ReactNode) | undefined;
1137
+ filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
1138
+ closeAfterSelect?: boolean | undefined;
1139
+ size?: string | undefined;
1140
+ view?: string | undefined;
1141
+ labelPlacement?: "outer" | "inner" | undefined;
1142
+ } & {
1143
+ readOnly?: boolean | undefined;
1144
+ disabled?: true | undefined;
1145
+ alwaysOpened?: false | undefined;
1146
+ } & {
1147
+ multiple: true;
1148
+ value?: string[] | undefined;
1149
+ defaultValue?: string[] | undefined;
1150
+ onChange?: ChangeEventHandler<Element> | undefined;
1151
+ isTargetAmount?: false | undefined;
1152
+ targetAmount?: undefined;
1153
+ renderValue?: undefined;
1154
+ name: string;
1155
+ } & {
1156
+ requiredPlacement?: "right" | "left" | undefined;
1157
+ } & {
1158
+ optional?: true | undefined;
1159
+ required?: false | undefined;
1160
+ } & Omit<ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "name" | "value"> & RefAttributes<HTMLInputElement | HTMLSelectElement>) | ({
1161
+ items: ItemOption[];
1162
+ placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
1163
+ label?: string | undefined;
1164
+ placeholder?: string | undefined;
1165
+ helperText?: string | undefined;
1166
+ contentLeft?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
1167
+ textBefore?: string | undefined;
1168
+ textAfter?: string | undefined;
1169
+ variant?: "normal" | "tight" | undefined;
1170
+ listOverflow?: Property.Overflow | undefined;
1171
+ listHeight?: Property.Height<string | number> | undefined;
1172
+ listWidth?: Property.Width<string | number> | undefined;
1173
+ portal?: MutableRefObject<HTMLElement | null> | undefined;
1174
+ renderItem?: ((item: ItemOption) => ReactNode) | undefined;
1175
+ filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
1176
+ closeAfterSelect?: boolean | undefined;
1177
+ size?: string | undefined;
1178
+ view?: string | undefined;
1179
+ labelPlacement?: "outer" | "inner" | undefined;
1180
+ } & {
1181
+ readOnly?: boolean | undefined;
1182
+ disabled?: true | undefined;
1183
+ alwaysOpened?: false | undefined;
1184
+ } & {
1185
+ multiple?: false | undefined;
1186
+ value?: string | undefined;
1187
+ defaultValue?: string | undefined;
1188
+ onChange?: ChangeEventHandler<Element> | undefined;
1189
+ isTargetAmount?: false | undefined;
1190
+ targetAmount?: undefined;
1191
+ renderValue?: undefined;
1192
+ name: string;
1193
+ } & {
1194
+ requiredPlacement?: "right" | "left" | undefined;
1195
+ } & {
1196
+ required: true;
1197
+ optional?: false | undefined;
1198
+ } & Omit<ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "name" | "value"> & RefAttributes<HTMLInputElement | HTMLSelectElement>) | ({
1199
+ items: ItemOption[];
1200
+ placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
1201
+ label?: string | undefined;
1202
+ placeholder?: string | undefined;
1203
+ helperText?: string | undefined;
1204
+ contentLeft?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
1205
+ textBefore?: string | undefined;
1206
+ textAfter?: string | undefined;
1207
+ variant?: "normal" | "tight" | undefined;
1208
+ listOverflow?: Property.Overflow | undefined;
1209
+ listHeight?: Property.Height<string | number> | undefined;
1210
+ listWidth?: Property.Width<string | number> | undefined;
1211
+ portal?: MutableRefObject<HTMLElement | null> | undefined;
1212
+ renderItem?: ((item: ItemOption) => ReactNode) | undefined;
1213
+ filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
1214
+ closeAfterSelect?: boolean | undefined;
1215
+ size?: string | undefined;
1216
+ view?: string | undefined;
1217
+ labelPlacement?: "outer" | "inner" | undefined;
1218
+ } & {
1219
+ readOnly?: boolean | undefined;
1220
+ disabled?: true | undefined;
1221
+ alwaysOpened?: false | undefined;
1222
+ } & {
1223
+ multiple?: false | undefined;
1224
+ value?: string | undefined;
1225
+ defaultValue?: string | undefined;
1226
+ onChange?: ChangeEventHandler<Element> | undefined;
1227
+ isTargetAmount?: false | undefined;
1228
+ targetAmount?: undefined;
1229
+ renderValue?: undefined;
1230
+ name: string;
1231
+ } & {
1232
+ requiredPlacement?: "right" | "left" | undefined;
1233
+ } & {
1234
+ optional?: true | undefined;
1235
+ required?: false | undefined;
1236
+ } & Omit<ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "name" | "value"> & RefAttributes<HTMLInputElement | HTMLSelectElement>) | ({
1237
+ items: ItemOption[];
1238
+ placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
1239
+ label?: string | undefined;
1240
+ placeholder?: string | undefined;
1241
+ helperText?: string | undefined;
1242
+ contentLeft?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
1243
+ textBefore?: string | undefined;
1244
+ textAfter?: string | undefined;
1245
+ variant?: "normal" | "tight" | undefined;
1246
+ listOverflow?: Property.Overflow | undefined;
1247
+ listHeight?: Property.Height<string | number> | undefined;
1248
+ listWidth?: Property.Width<string | number> | undefined;
1249
+ portal?: MutableRefObject<HTMLElement | null> | undefined;
1250
+ renderItem?: ((item: ItemOption) => ReactNode) | undefined;
1251
+ filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
1252
+ closeAfterSelect?: boolean | undefined;
1253
+ size?: string | undefined;
1254
+ view?: string | undefined;
1255
+ labelPlacement?: "outer" | "inner" | undefined;
1256
+ } & {
1257
+ readOnly?: boolean | undefined;
1258
+ disabled?: true | undefined;
1259
+ alwaysOpened?: false | undefined;
1260
+ } & {
1261
+ multiple: true;
1262
+ value?: string[] | undefined;
1263
+ defaultValue?: undefined;
1106
1264
  onChange?: ((value: string[]) => void) | undefined;
1107
1265
  isTargetAmount?: true | undefined;
1108
1266
  targetAmount?: number | undefined;
1109
1267
  renderValue?: ((item: ItemOption) => string) | undefined;
1268
+ name?: undefined;
1110
1269
  } & {
1111
1270
  requiredPlacement?: "right" | "left" | undefined;
1112
1271
  } & {
1113
1272
  required: true;
1114
1273
  optional?: false | undefined;
1115
- } & Omit<ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & RefAttributes<HTMLInputElement>) | ({
1274
+ } & Omit<ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "name" | "value"> & RefAttributes<HTMLInputElement | HTMLSelectElement>) | ({
1116
1275
  items: ItemOption[];
1117
1276
  placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
1118
1277
  label?: string | undefined;
@@ -1125,7 +1284,7 @@ true: PolymorphicClassName;
1125
1284
  listOverflow?: Property.Overflow | undefined;
1126
1285
  listHeight?: Property.Height<string | number> | undefined;
1127
1286
  listWidth?: Property.Width<string | number> | undefined;
1128
- portal?: string | RefObject<HTMLElement> | undefined;
1287
+ portal?: MutableRefObject<HTMLElement | null> | undefined;
1129
1288
  renderItem?: ((item: ItemOption) => ReactNode) | undefined;
1130
1289
  filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
1131
1290
  closeAfterSelect?: boolean | undefined;
@@ -1139,16 +1298,18 @@ true: PolymorphicClassName;
1139
1298
  } & {
1140
1299
  multiple: true;
1141
1300
  value?: string[] | undefined;
1301
+ defaultValue?: undefined;
1142
1302
  onChange?: ((value: string[]) => void) | undefined;
1143
1303
  isTargetAmount?: true | undefined;
1144
1304
  targetAmount?: number | undefined;
1145
1305
  renderValue?: ((item: ItemOption) => string) | undefined;
1306
+ name?: undefined;
1146
1307
  } & {
1147
1308
  requiredPlacement?: "right" | "left" | undefined;
1148
1309
  } & {
1149
1310
  optional?: true | undefined;
1150
1311
  required?: false | undefined;
1151
- } & Omit<ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & RefAttributes<HTMLInputElement>) | ({
1312
+ } & Omit<ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "name" | "value"> & RefAttributes<HTMLInputElement | HTMLSelectElement>) | ({
1152
1313
  items: ItemOption[];
1153
1314
  placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
1154
1315
  label?: string | undefined;
@@ -1161,7 +1322,7 @@ true: PolymorphicClassName;
1161
1322
  listOverflow?: Property.Overflow | undefined;
1162
1323
  listHeight?: Property.Height<string | number> | undefined;
1163
1324
  listWidth?: Property.Width<string | number> | undefined;
1164
- portal?: string | RefObject<HTMLElement> | undefined;
1325
+ portal?: MutableRefObject<HTMLElement | null> | undefined;
1165
1326
  renderItem?: ((item: ItemOption) => ReactNode) | undefined;
1166
1327
  filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
1167
1328
  closeAfterSelect?: boolean | undefined;
@@ -1173,8 +1334,10 @@ true: PolymorphicClassName;
1173
1334
  disabled?: boolean | undefined;
1174
1335
  alwaysOpened?: false | undefined;
1175
1336
  } & {
1337
+ name?: undefined;
1176
1338
  multiple?: false | undefined;
1177
1339
  value?: string | undefined;
1340
+ defaultValue?: undefined;
1178
1341
  onChange?: ((value: string) => void) | undefined;
1179
1342
  isTargetAmount?: false | undefined;
1180
1343
  targetAmount?: undefined;
@@ -1184,7 +1347,7 @@ true: PolymorphicClassName;
1184
1347
  } & {
1185
1348
  required: true;
1186
1349
  optional?: false | undefined;
1187
- } & Omit<ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & RefAttributes<HTMLInputElement>) | ({
1350
+ } & Omit<ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "name" | "value"> & RefAttributes<HTMLInputElement | HTMLSelectElement>) | ({
1188
1351
  items: ItemOption[];
1189
1352
  placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
1190
1353
  label?: string | undefined;
@@ -1197,7 +1360,7 @@ true: PolymorphicClassName;
1197
1360
  listOverflow?: Property.Overflow | undefined;
1198
1361
  listHeight?: Property.Height<string | number> | undefined;
1199
1362
  listWidth?: Property.Width<string | number> | undefined;
1200
- portal?: string | RefObject<HTMLElement> | undefined;
1363
+ portal?: MutableRefObject<HTMLElement | null> | undefined;
1201
1364
  renderItem?: ((item: ItemOption) => ReactNode) | undefined;
1202
1365
  filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
1203
1366
  closeAfterSelect?: boolean | undefined;
@@ -1209,8 +1372,10 @@ true: PolymorphicClassName;
1209
1372
  disabled?: boolean | undefined;
1210
1373
  alwaysOpened?: false | undefined;
1211
1374
  } & {
1375
+ name?: undefined;
1212
1376
  multiple?: false | undefined;
1213
1377
  value?: string | undefined;
1378
+ defaultValue?: undefined;
1214
1379
  onChange?: ((value: string) => void) | undefined;
1215
1380
  isTargetAmount?: false | undefined;
1216
1381
  targetAmount?: undefined;
@@ -1220,7 +1385,45 @@ true: PolymorphicClassName;
1220
1385
  } & {
1221
1386
  optional?: true | undefined;
1222
1387
  required?: false | undefined;
1223
- } & Omit<ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & RefAttributes<HTMLInputElement>) | ({
1388
+ } & Omit<ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "name" | "value"> & RefAttributes<HTMLInputElement | HTMLSelectElement>) | ({
1389
+ items: ItemOption[];
1390
+ placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
1391
+ label?: string | undefined;
1392
+ placeholder?: string | undefined;
1393
+ helperText?: string | undefined;
1394
+ contentLeft?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
1395
+ textBefore?: string | undefined;
1396
+ textAfter?: string | undefined;
1397
+ variant?: "normal" | "tight" | undefined;
1398
+ listOverflow?: Property.Overflow | undefined;
1399
+ listHeight?: Property.Height<string | number> | undefined;
1400
+ listWidth?: Property.Width<string | number> | undefined;
1401
+ portal?: MutableRefObject<HTMLElement | null> | undefined;
1402
+ renderItem?: ((item: ItemOption) => ReactNode) | undefined;
1403
+ filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
1404
+ closeAfterSelect?: boolean | undefined;
1405
+ size?: string | undefined;
1406
+ view?: string | undefined;
1407
+ labelPlacement?: "outer" | "inner" | undefined;
1408
+ } & {
1409
+ readOnly?: true | undefined;
1410
+ disabled?: boolean | undefined;
1411
+ alwaysOpened?: false | undefined;
1412
+ } & {
1413
+ multiple: true;
1414
+ value?: string[] | undefined;
1415
+ defaultValue?: string[] | undefined;
1416
+ onChange?: ChangeEventHandler<Element> | undefined;
1417
+ isTargetAmount?: false | undefined;
1418
+ targetAmount?: undefined;
1419
+ renderValue?: undefined;
1420
+ name: string;
1421
+ } & {
1422
+ requiredPlacement?: "right" | "left" | undefined;
1423
+ } & {
1424
+ required: true;
1425
+ optional?: false | undefined;
1426
+ } & Omit<ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "name" | "value"> & RefAttributes<HTMLInputElement | HTMLSelectElement>) | ({
1224
1427
  items: ItemOption[];
1225
1428
  placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
1226
1429
  label?: string | undefined;
@@ -1233,7 +1436,7 @@ true: PolymorphicClassName;
1233
1436
  listOverflow?: Property.Overflow | undefined;
1234
1437
  listHeight?: Property.Height<string | number> | undefined;
1235
1438
  listWidth?: Property.Width<string | number> | undefined;
1236
- portal?: string | RefObject<HTMLElement> | undefined;
1439
+ portal?: MutableRefObject<HTMLElement | null> | undefined;
1237
1440
  renderItem?: ((item: ItemOption) => ReactNode) | undefined;
1238
1441
  filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
1239
1442
  closeAfterSelect?: boolean | undefined;
@@ -1247,16 +1450,132 @@ true: PolymorphicClassName;
1247
1450
  } & {
1248
1451
  multiple: true;
1249
1452
  value?: string[] | undefined;
1453
+ defaultValue?: string[] | undefined;
1454
+ onChange?: ChangeEventHandler<Element> | undefined;
1455
+ isTargetAmount?: false | undefined;
1456
+ targetAmount?: undefined;
1457
+ renderValue?: undefined;
1458
+ name: string;
1459
+ } & {
1460
+ requiredPlacement?: "right" | "left" | undefined;
1461
+ } & {
1462
+ optional?: true | undefined;
1463
+ required?: false | undefined;
1464
+ } & Omit<ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "name" | "value"> & RefAttributes<HTMLInputElement | HTMLSelectElement>) | ({
1465
+ items: ItemOption[];
1466
+ placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
1467
+ label?: string | undefined;
1468
+ placeholder?: string | undefined;
1469
+ helperText?: string | undefined;
1470
+ contentLeft?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
1471
+ textBefore?: string | undefined;
1472
+ textAfter?: string | undefined;
1473
+ variant?: "normal" | "tight" | undefined;
1474
+ listOverflow?: Property.Overflow | undefined;
1475
+ listHeight?: Property.Height<string | number> | undefined;
1476
+ listWidth?: Property.Width<string | number> | undefined;
1477
+ portal?: MutableRefObject<HTMLElement | null> | undefined;
1478
+ renderItem?: ((item: ItemOption) => ReactNode) | undefined;
1479
+ filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
1480
+ closeAfterSelect?: boolean | undefined;
1481
+ size?: string | undefined;
1482
+ view?: string | undefined;
1483
+ labelPlacement?: "outer" | "inner" | undefined;
1484
+ } & {
1485
+ readOnly?: true | undefined;
1486
+ disabled?: boolean | undefined;
1487
+ alwaysOpened?: false | undefined;
1488
+ } & {
1489
+ multiple?: false | undefined;
1490
+ value?: string | undefined;
1491
+ defaultValue?: string | undefined;
1492
+ onChange?: ChangeEventHandler<Element> | undefined;
1493
+ isTargetAmount?: false | undefined;
1494
+ targetAmount?: undefined;
1495
+ renderValue?: undefined;
1496
+ name: string;
1497
+ } & {
1498
+ requiredPlacement?: "right" | "left" | undefined;
1499
+ } & {
1500
+ required: true;
1501
+ optional?: false | undefined;
1502
+ } & Omit<ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "name" | "value"> & RefAttributes<HTMLInputElement | HTMLSelectElement>) | ({
1503
+ items: ItemOption[];
1504
+ placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
1505
+ label?: string | undefined;
1506
+ placeholder?: string | undefined;
1507
+ helperText?: string | undefined;
1508
+ contentLeft?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
1509
+ textBefore?: string | undefined;
1510
+ textAfter?: string | undefined;
1511
+ variant?: "normal" | "tight" | undefined;
1512
+ listOverflow?: Property.Overflow | undefined;
1513
+ listHeight?: Property.Height<string | number> | undefined;
1514
+ listWidth?: Property.Width<string | number> | undefined;
1515
+ portal?: MutableRefObject<HTMLElement | null> | undefined;
1516
+ renderItem?: ((item: ItemOption) => ReactNode) | undefined;
1517
+ filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
1518
+ closeAfterSelect?: boolean | undefined;
1519
+ size?: string | undefined;
1520
+ view?: string | undefined;
1521
+ labelPlacement?: "outer" | "inner" | undefined;
1522
+ } & {
1523
+ readOnly?: true | undefined;
1524
+ disabled?: boolean | undefined;
1525
+ alwaysOpened?: false | undefined;
1526
+ } & {
1527
+ multiple?: false | undefined;
1528
+ value?: string | undefined;
1529
+ defaultValue?: string | undefined;
1530
+ onChange?: ChangeEventHandler<Element> | undefined;
1531
+ isTargetAmount?: false | undefined;
1532
+ targetAmount?: undefined;
1533
+ renderValue?: undefined;
1534
+ name: string;
1535
+ } & {
1536
+ requiredPlacement?: "right" | "left" | undefined;
1537
+ } & {
1538
+ optional?: true | undefined;
1539
+ required?: false | undefined;
1540
+ } & Omit<ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "name" | "value"> & RefAttributes<HTMLInputElement | HTMLSelectElement>) | ({
1541
+ items: ItemOption[];
1542
+ placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
1543
+ label?: string | undefined;
1544
+ placeholder?: string | undefined;
1545
+ helperText?: string | undefined;
1546
+ contentLeft?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
1547
+ textBefore?: string | undefined;
1548
+ textAfter?: string | undefined;
1549
+ variant?: "normal" | "tight" | undefined;
1550
+ listOverflow?: Property.Overflow | undefined;
1551
+ listHeight?: Property.Height<string | number> | undefined;
1552
+ listWidth?: Property.Width<string | number> | undefined;
1553
+ portal?: MutableRefObject<HTMLElement | null> | undefined;
1554
+ renderItem?: ((item: ItemOption) => ReactNode) | undefined;
1555
+ filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
1556
+ closeAfterSelect?: boolean | undefined;
1557
+ size?: string | undefined;
1558
+ view?: string | undefined;
1559
+ labelPlacement?: "outer" | "inner" | undefined;
1560
+ } & {
1561
+ readOnly?: true | undefined;
1562
+ disabled?: boolean | undefined;
1563
+ alwaysOpened?: false | undefined;
1564
+ } & {
1565
+ multiple: true;
1566
+ value?: string[] | undefined;
1567
+ defaultValue?: undefined;
1250
1568
  onChange?: ((value: string[]) => void) | undefined;
1251
1569
  isTargetAmount?: true | undefined;
1252
1570
  targetAmount?: number | undefined;
1253
1571
  renderValue?: ((item: ItemOption) => string) | undefined;
1572
+ name?: undefined;
1254
1573
  } & {
1255
1574
  requiredPlacement?: "right" | "left" | undefined;
1256
1575
  } & {
1257
1576
  required: true;
1258
1577
  optional?: false | undefined;
1259
- } & Omit<ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & RefAttributes<HTMLInputElement>) | ({
1578
+ } & Omit<ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "name" | "value"> & RefAttributes<HTMLInputElement | HTMLSelectElement>) | ({
1260
1579
  items: ItemOption[];
1261
1580
  placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
1262
1581
  label?: string | undefined;
@@ -1269,7 +1588,7 @@ true: PolymorphicClassName;
1269
1588
  listOverflow?: Property.Overflow | undefined;
1270
1589
  listHeight?: Property.Height<string | number> | undefined;
1271
1590
  listWidth?: Property.Width<string | number> | undefined;
1272
- portal?: string | RefObject<HTMLElement> | undefined;
1591
+ portal?: MutableRefObject<HTMLElement | null> | undefined;
1273
1592
  renderItem?: ((item: ItemOption) => ReactNode) | undefined;
1274
1593
  filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
1275
1594
  closeAfterSelect?: boolean | undefined;
@@ -1283,16 +1602,18 @@ true: PolymorphicClassName;
1283
1602
  } & {
1284
1603
  multiple: true;
1285
1604
  value?: string[] | undefined;
1605
+ defaultValue?: undefined;
1286
1606
  onChange?: ((value: string[]) => void) | undefined;
1287
1607
  isTargetAmount?: true | undefined;
1288
1608
  targetAmount?: number | undefined;
1289
1609
  renderValue?: ((item: ItemOption) => string) | undefined;
1610
+ name?: undefined;
1290
1611
  } & {
1291
1612
  requiredPlacement?: "right" | "left" | undefined;
1292
1613
  } & {
1293
1614
  optional?: true | undefined;
1294
1615
  required?: false | undefined;
1295
- } & Omit<ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & RefAttributes<HTMLInputElement>) | ({
1616
+ } & Omit<ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "name" | "value"> & RefAttributes<HTMLInputElement | HTMLSelectElement>) | ({
1296
1617
  items: ItemOption[];
1297
1618
  placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
1298
1619
  label?: string | undefined;
@@ -1305,7 +1626,7 @@ true: PolymorphicClassName;
1305
1626
  listOverflow?: Property.Overflow | undefined;
1306
1627
  listHeight?: Property.Height<string | number> | undefined;
1307
1628
  listWidth?: Property.Width<string | number> | undefined;
1308
- portal?: string | RefObject<HTMLElement> | undefined;
1629
+ portal?: MutableRefObject<HTMLElement | null> | undefined;
1309
1630
  renderItem?: ((item: ItemOption) => ReactNode) | undefined;
1310
1631
  filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
1311
1632
  closeAfterSelect?: boolean | undefined;
@@ -1317,8 +1638,10 @@ true: PolymorphicClassName;
1317
1638
  disabled?: false | undefined;
1318
1639
  alwaysOpened?: true | undefined;
1319
1640
  } & {
1641
+ name?: undefined;
1320
1642
  multiple?: false | undefined;
1321
1643
  value?: string | undefined;
1644
+ defaultValue?: undefined;
1322
1645
  onChange?: ((value: string) => void) | undefined;
1323
1646
  isTargetAmount?: false | undefined;
1324
1647
  targetAmount?: undefined;
@@ -1328,7 +1651,7 @@ true: PolymorphicClassName;
1328
1651
  } & {
1329
1652
  required: true;
1330
1653
  optional?: false | undefined;
1331
- } & Omit<ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & RefAttributes<HTMLInputElement>) | ({
1654
+ } & Omit<ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "name" | "value"> & RefAttributes<HTMLInputElement | HTMLSelectElement>) | ({
1332
1655
  items: ItemOption[];
1333
1656
  placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
1334
1657
  label?: string | undefined;
@@ -1341,7 +1664,7 @@ true: PolymorphicClassName;
1341
1664
  listOverflow?: Property.Overflow | undefined;
1342
1665
  listHeight?: Property.Height<string | number> | undefined;
1343
1666
  listWidth?: Property.Width<string | number> | undefined;
1344
- portal?: string | RefObject<HTMLElement> | undefined;
1667
+ portal?: MutableRefObject<HTMLElement | null> | undefined;
1345
1668
  renderItem?: ((item: ItemOption) => ReactNode) | undefined;
1346
1669
  filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
1347
1670
  closeAfterSelect?: boolean | undefined;
@@ -1353,8 +1676,10 @@ true: PolymorphicClassName;
1353
1676
  disabled?: false | undefined;
1354
1677
  alwaysOpened?: true | undefined;
1355
1678
  } & {
1679
+ name?: undefined;
1356
1680
  multiple?: false | undefined;
1357
1681
  value?: string | undefined;
1682
+ defaultValue?: undefined;
1358
1683
  onChange?: ((value: string) => void) | undefined;
1359
1684
  isTargetAmount?: false | undefined;
1360
1685
  targetAmount?: undefined;
@@ -1364,7 +1689,45 @@ true: PolymorphicClassName;
1364
1689
  } & {
1365
1690
  optional?: true | undefined;
1366
1691
  required?: false | undefined;
1367
- } & Omit<ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & RefAttributes<HTMLInputElement>) | ({
1692
+ } & Omit<ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "name" | "value"> & RefAttributes<HTMLInputElement | HTMLSelectElement>) | ({
1693
+ items: ItemOption[];
1694
+ placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
1695
+ label?: string | undefined;
1696
+ placeholder?: string | undefined;
1697
+ helperText?: string | undefined;
1698
+ contentLeft?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
1699
+ textBefore?: string | undefined;
1700
+ textAfter?: string | undefined;
1701
+ variant?: "normal" | "tight" | undefined;
1702
+ listOverflow?: Property.Overflow | undefined;
1703
+ listHeight?: Property.Height<string | number> | undefined;
1704
+ listWidth?: Property.Width<string | number> | undefined;
1705
+ portal?: MutableRefObject<HTMLElement | null> | undefined;
1706
+ renderItem?: ((item: ItemOption) => ReactNode) | undefined;
1707
+ filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
1708
+ closeAfterSelect?: boolean | undefined;
1709
+ size?: string | undefined;
1710
+ view?: string | undefined;
1711
+ labelPlacement?: "outer" | "inner" | undefined;
1712
+ } & {
1713
+ readOnly?: false | undefined;
1714
+ disabled?: false | undefined;
1715
+ alwaysOpened?: true | undefined;
1716
+ } & {
1717
+ multiple: true;
1718
+ value?: string[] | undefined;
1719
+ defaultValue?: string[] | undefined;
1720
+ onChange?: ChangeEventHandler<Element> | undefined;
1721
+ isTargetAmount?: false | undefined;
1722
+ targetAmount?: undefined;
1723
+ renderValue?: undefined;
1724
+ name: string;
1725
+ } & {
1726
+ requiredPlacement?: "right" | "left" | undefined;
1727
+ } & {
1728
+ required: true;
1729
+ optional?: false | undefined;
1730
+ } & Omit<ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "name" | "value"> & RefAttributes<HTMLInputElement | HTMLSelectElement>) | ({
1368
1731
  items: ItemOption[];
1369
1732
  placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
1370
1733
  label?: string | undefined;
@@ -1377,7 +1740,7 @@ true: PolymorphicClassName;
1377
1740
  listOverflow?: Property.Overflow | undefined;
1378
1741
  listHeight?: Property.Height<string | number> | undefined;
1379
1742
  listWidth?: Property.Width<string | number> | undefined;
1380
- portal?: string | RefObject<HTMLElement> | undefined;
1743
+ portal?: MutableRefObject<HTMLElement | null> | undefined;
1381
1744
  renderItem?: ((item: ItemOption) => ReactNode) | undefined;
1382
1745
  filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
1383
1746
  closeAfterSelect?: boolean | undefined;
@@ -1391,16 +1754,132 @@ true: PolymorphicClassName;
1391
1754
  } & {
1392
1755
  multiple: true;
1393
1756
  value?: string[] | undefined;
1757
+ defaultValue?: string[] | undefined;
1758
+ onChange?: ChangeEventHandler<Element> | undefined;
1759
+ isTargetAmount?: false | undefined;
1760
+ targetAmount?: undefined;
1761
+ renderValue?: undefined;
1762
+ name: string;
1763
+ } & {
1764
+ requiredPlacement?: "right" | "left" | undefined;
1765
+ } & {
1766
+ optional?: true | undefined;
1767
+ required?: false | undefined;
1768
+ } & Omit<ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "name" | "value"> & RefAttributes<HTMLInputElement | HTMLSelectElement>) | ({
1769
+ items: ItemOption[];
1770
+ placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
1771
+ label?: string | undefined;
1772
+ placeholder?: string | undefined;
1773
+ helperText?: string | undefined;
1774
+ contentLeft?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
1775
+ textBefore?: string | undefined;
1776
+ textAfter?: string | undefined;
1777
+ variant?: "normal" | "tight" | undefined;
1778
+ listOverflow?: Property.Overflow | undefined;
1779
+ listHeight?: Property.Height<string | number> | undefined;
1780
+ listWidth?: Property.Width<string | number> | undefined;
1781
+ portal?: MutableRefObject<HTMLElement | null> | undefined;
1782
+ renderItem?: ((item: ItemOption) => ReactNode) | undefined;
1783
+ filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
1784
+ closeAfterSelect?: boolean | undefined;
1785
+ size?: string | undefined;
1786
+ view?: string | undefined;
1787
+ labelPlacement?: "outer" | "inner" | undefined;
1788
+ } & {
1789
+ readOnly?: false | undefined;
1790
+ disabled?: false | undefined;
1791
+ alwaysOpened?: true | undefined;
1792
+ } & {
1793
+ multiple?: false | undefined;
1794
+ value?: string | undefined;
1795
+ defaultValue?: string | undefined;
1796
+ onChange?: ChangeEventHandler<Element> | undefined;
1797
+ isTargetAmount?: false | undefined;
1798
+ targetAmount?: undefined;
1799
+ renderValue?: undefined;
1800
+ name: string;
1801
+ } & {
1802
+ requiredPlacement?: "right" | "left" | undefined;
1803
+ } & {
1804
+ required: true;
1805
+ optional?: false | undefined;
1806
+ } & Omit<ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "name" | "value"> & RefAttributes<HTMLInputElement | HTMLSelectElement>) | ({
1807
+ items: ItemOption[];
1808
+ placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
1809
+ label?: string | undefined;
1810
+ placeholder?: string | undefined;
1811
+ helperText?: string | undefined;
1812
+ contentLeft?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
1813
+ textBefore?: string | undefined;
1814
+ textAfter?: string | undefined;
1815
+ variant?: "normal" | "tight" | undefined;
1816
+ listOverflow?: Property.Overflow | undefined;
1817
+ listHeight?: Property.Height<string | number> | undefined;
1818
+ listWidth?: Property.Width<string | number> | undefined;
1819
+ portal?: MutableRefObject<HTMLElement | null> | undefined;
1820
+ renderItem?: ((item: ItemOption) => ReactNode) | undefined;
1821
+ filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
1822
+ closeAfterSelect?: boolean | undefined;
1823
+ size?: string | undefined;
1824
+ view?: string | undefined;
1825
+ labelPlacement?: "outer" | "inner" | undefined;
1826
+ } & {
1827
+ readOnly?: false | undefined;
1828
+ disabled?: false | undefined;
1829
+ alwaysOpened?: true | undefined;
1830
+ } & {
1831
+ multiple?: false | undefined;
1832
+ value?: string | undefined;
1833
+ defaultValue?: string | undefined;
1834
+ onChange?: ChangeEventHandler<Element> | undefined;
1835
+ isTargetAmount?: false | undefined;
1836
+ targetAmount?: undefined;
1837
+ renderValue?: undefined;
1838
+ name: string;
1839
+ } & {
1840
+ requiredPlacement?: "right" | "left" | undefined;
1841
+ } & {
1842
+ optional?: true | undefined;
1843
+ required?: false | undefined;
1844
+ } & Omit<ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "name" | "value"> & RefAttributes<HTMLInputElement | HTMLSelectElement>) | ({
1845
+ items: ItemOption[];
1846
+ placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
1847
+ label?: string | undefined;
1848
+ placeholder?: string | undefined;
1849
+ helperText?: string | undefined;
1850
+ contentLeft?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
1851
+ textBefore?: string | undefined;
1852
+ textAfter?: string | undefined;
1853
+ variant?: "normal" | "tight" | undefined;
1854
+ listOverflow?: Property.Overflow | undefined;
1855
+ listHeight?: Property.Height<string | number> | undefined;
1856
+ listWidth?: Property.Width<string | number> | undefined;
1857
+ portal?: MutableRefObject<HTMLElement | null> | undefined;
1858
+ renderItem?: ((item: ItemOption) => ReactNode) | undefined;
1859
+ filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
1860
+ closeAfterSelect?: boolean | undefined;
1861
+ size?: string | undefined;
1862
+ view?: string | undefined;
1863
+ labelPlacement?: "outer" | "inner" | undefined;
1864
+ } & {
1865
+ readOnly?: false | undefined;
1866
+ disabled?: false | undefined;
1867
+ alwaysOpened?: true | undefined;
1868
+ } & {
1869
+ multiple: true;
1870
+ value?: string[] | undefined;
1871
+ defaultValue?: undefined;
1394
1872
  onChange?: ((value: string[]) => void) | undefined;
1395
1873
  isTargetAmount?: true | undefined;
1396
1874
  targetAmount?: number | undefined;
1397
1875
  renderValue?: ((item: ItemOption) => string) | undefined;
1876
+ name?: undefined;
1398
1877
  } & {
1399
1878
  requiredPlacement?: "right" | "left" | undefined;
1400
1879
  } & {
1401
1880
  required: true;
1402
1881
  optional?: false | undefined;
1403
- } & Omit<ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & RefAttributes<HTMLInputElement>) | ({
1882
+ } & Omit<ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "name" | "value"> & RefAttributes<HTMLInputElement | HTMLSelectElement>) | ({
1404
1883
  items: ItemOption[];
1405
1884
  placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
1406
1885
  label?: string | undefined;
@@ -1413,7 +1892,7 @@ true: PolymorphicClassName;
1413
1892
  listOverflow?: Property.Overflow | undefined;
1414
1893
  listHeight?: Property.Height<string | number> | undefined;
1415
1894
  listWidth?: Property.Width<string | number> | undefined;
1416
- portal?: string | RefObject<HTMLElement> | undefined;
1895
+ portal?: MutableRefObject<HTMLElement | null> | undefined;
1417
1896
  renderItem?: ((item: ItemOption) => ReactNode) | undefined;
1418
1897
  filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
1419
1898
  closeAfterSelect?: boolean | undefined;
@@ -1427,16 +1906,18 @@ true: PolymorphicClassName;
1427
1906
  } & {
1428
1907
  multiple: true;
1429
1908
  value?: string[] | undefined;
1909
+ defaultValue?: undefined;
1430
1910
  onChange?: ((value: string[]) => void) | undefined;
1431
1911
  isTargetAmount?: true | undefined;
1432
1912
  targetAmount?: number | undefined;
1433
1913
  renderValue?: ((item: ItemOption) => string) | undefined;
1914
+ name?: undefined;
1434
1915
  } & {
1435
1916
  requiredPlacement?: "right" | "left" | undefined;
1436
1917
  } & {
1437
1918
  optional?: true | undefined;
1438
1919
  required?: false | undefined;
1439
- } & Omit<ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & RefAttributes<HTMLInputElement>)), "view" | "size" | "disabled" | "readOnly" | "labelPlacement"> & {
1920
+ } & Omit<ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "name" | "value"> & RefAttributes<HTMLInputElement | HTMLSelectElement>)), "view" | "size" | "disabled" | "readOnly" | "labelPlacement"> & {
1440
1921
  ref?: ForwardedRef<HTMLInputElement> | undefined;
1441
1922
  }) => ReactElement | null;
1442
1923
 
@@ -3499,7 +3980,13 @@ export { SegmentProvider }
3499
3980
  export { SegmentProviderProps }
3500
3981
 
3501
3982
  // @public (undocumented)
3502
- export const Select: React_2.ForwardRefExoticComponent<Omit<SelectProps<ItemOptionSelect>, "view" | "size" | "chipView"> & Pick<PropsType< {
3983
+ export const Select: React_2.ForwardRefExoticComponent<Omit<SelectProps, "view" | "size" | "chipView"> & Pick<PropsType< {
3984
+ size: {
3985
+ xs: PolymorphicClassName;
3986
+ s: PolymorphicClassName;
3987
+ m: PolymorphicClassName;
3988
+ l: PolymorphicClassName;
3989
+ };
3503
3990
  view: {
3504
3991
  default: PolymorphicClassName;
3505
3992
  positive: PolymorphicClassName;
@@ -3512,24 +3999,11 @@ dark: PolymorphicClassName;
3512
3999
  black: PolymorphicClassName;
3513
4000
  white: PolymorphicClassName;
3514
4001
  };
3515
- size: {
3516
- l: PolymorphicClassName;
3517
- m: PolymorphicClassName;
3518
- s: PolymorphicClassName;
3519
- xs: PolymorphicClassName;
3520
- };
3521
- labelPlacement: {
3522
- inner: PolymorphicClassName;
3523
- outer: PolymorphicClassName;
3524
- };
3525
4002
  chipView: {
3526
4003
  default: PolymorphicClassName;
3527
4004
  secondary: PolymorphicClassName;
3528
4005
  accent: PolymorphicClassName;
3529
4006
  };
3530
- disabled: {
3531
- true: PolymorphicClassName;
3532
- };
3533
4007
  }> & (({
3534
4008
  target?: "textfield-like" | undefined;
3535
4009
  view?: "default" | "positive" | "warning" | "negative" | undefined;
@@ -3541,33 +4015,33 @@ true: PolymorphicClassName;
3541
4015
  multiselect?: false | undefined;
3542
4016
  separator?: undefined;
3543
4017
  } & {
3544
- value?: any;
4018
+ value: any;
3545
4019
  onChange?: ((value: any) => void) | undefined;
3546
4020
  listOverflow?: Property.Overflow | undefined;
3547
4021
  listHeight?: Property.Height<string | number> | undefined;
4022
+ status?: "warning" | "success" | "error" | undefined;
3548
4023
  placeholder?: string | undefined;
3549
4024
  helperText?: string | undefined;
3550
4025
  disabled?: boolean | undefined;
3551
- items?: DropdownNodeSelect[] | undefined;
3552
- onItemSelect?: ((e: DropdownNodeSelect, event: React_2.SyntheticEvent<Element, Event>) => void) | undefined;
4026
+ items?: MergedDropdownNode[] | undefined;
4027
+ onItemSelect?: ((e: MergedDropdownNode, event: React_2.SyntheticEvent<Element, Event>) => void) | undefined;
4028
+ hasItems?: boolean | undefined;
3553
4029
  children?: undefined;
4030
+ isOpen?: boolean | undefined;
3554
4031
  isTargetAmount?: boolean | undefined;
3555
- renderTarget?: ((item: DropdownNodeSelect | DropdownNodeSelect[]) => React_2.ReactNode) | undefined;
3556
- placement?: ("top" | "bottom" | "right" | "left" | "auto") | ("top" | "bottom" | "right" | "left")[] | undefined;
4032
+ renderTarget?: ((item: MergedDropdownNode | MergedDropdownNode[]) => React_2.ReactNode) | undefined;
4033
+ placement?: ("auto" | ("top" | "bottom" | "right" | "left")) | ("top" | "bottom" | "right" | "left")[] | undefined;
3557
4034
  label?: string | undefined;
3558
4035
  onScrollBottom?: ((e: React_2.UIEvent<HTMLUListElement, UIEvent>) => void) | undefined;
3559
4036
  variant?: "normal" | "tight" | undefined;
3560
4037
  listWidth?: Property.Width<string | number> | undefined;
3561
4038
  portal?: string | React_2.RefObject<HTMLElement> | undefined;
3562
- renderValue?: ((item: DropdownNodeSelect) => string) | undefined;
3563
- renderItem?: ((item: DropdownNodeSelect) => React_2.ReactNode) | undefined;
4039
+ renderValue?: ((item: MergedDropdownNode) => string) | undefined;
4040
+ renderItem?: ((item: MergedDropdownNode) => React_2.ReactNode) | undefined;
3564
4041
  closeAfterSelect?: boolean | undefined;
3565
4042
  size?: string | undefined;
3566
4043
  view?: string | undefined;
3567
4044
  chipView?: string | undefined;
3568
- status?: "warning" | "success" | "error" | undefined;
3569
- hasItems?: boolean | undefined;
3570
- isOpen?: boolean | undefined;
3571
4045
  } & Omit<React_2.ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "nonce" | "onResize" | "onResizeCapture" | "value"> & React_2.RefAttributes<HTMLButtonElement>) | ({
3572
4046
  target?: "textfield-like" | undefined;
3573
4047
  view?: "default" | "positive" | "warning" | "negative" | undefined;
@@ -3579,33 +4053,33 @@ true: PolymorphicClassName;
3579
4053
  multiselect?: true | undefined;
3580
4054
  separator?: string | undefined;
3581
4055
  } & {
3582
- value?: any;
4056
+ value: any;
3583
4057
  onChange?: ((value: any) => void) | undefined;
3584
4058
  listOverflow?: Property.Overflow | undefined;
3585
4059
  listHeight?: Property.Height<string | number> | undefined;
4060
+ status?: "warning" | "success" | "error" | undefined;
3586
4061
  placeholder?: string | undefined;
3587
4062
  helperText?: string | undefined;
3588
4063
  disabled?: boolean | undefined;
3589
- items?: DropdownNodeSelect[] | undefined;
3590
- onItemSelect?: ((e: DropdownNodeSelect, event: React_2.SyntheticEvent<Element, Event>) => void) | undefined;
4064
+ items?: MergedDropdownNode[] | undefined;
4065
+ onItemSelect?: ((e: MergedDropdownNode, event: React_2.SyntheticEvent<Element, Event>) => void) | undefined;
4066
+ hasItems?: boolean | undefined;
3591
4067
  children?: undefined;
4068
+ isOpen?: boolean | undefined;
3592
4069
  isTargetAmount?: boolean | undefined;
3593
- renderTarget?: ((item: DropdownNodeSelect | DropdownNodeSelect[]) => React_2.ReactNode) | undefined;
3594
- placement?: ("top" | "bottom" | "right" | "left" | "auto") | ("top" | "bottom" | "right" | "left")[] | undefined;
4070
+ renderTarget?: ((item: MergedDropdownNode | MergedDropdownNode[]) => React_2.ReactNode) | undefined;
4071
+ placement?: ("auto" | ("top" | "bottom" | "right" | "left")) | ("top" | "bottom" | "right" | "left")[] | undefined;
3595
4072
  label?: string | undefined;
3596
4073
  onScrollBottom?: ((e: React_2.UIEvent<HTMLUListElement, UIEvent>) => void) | undefined;
3597
4074
  variant?: "normal" | "tight" | undefined;
3598
4075
  listWidth?: Property.Width<string | number> | undefined;
3599
4076
  portal?: string | React_2.RefObject<HTMLElement> | undefined;
3600
- renderValue?: ((item: DropdownNodeSelect) => string) | undefined;
3601
- renderItem?: ((item: DropdownNodeSelect) => React_2.ReactNode) | undefined;
4077
+ renderValue?: ((item: MergedDropdownNode) => string) | undefined;
4078
+ renderItem?: ((item: MergedDropdownNode) => React_2.ReactNode) | undefined;
3602
4079
  closeAfterSelect?: boolean | undefined;
3603
4080
  size?: string | undefined;
3604
4081
  view?: string | undefined;
3605
4082
  chipView?: string | undefined;
3606
- status?: "warning" | "success" | "error" | undefined;
3607
- hasItems?: boolean | undefined;
3608
- isOpen?: boolean | undefined;
3609
4083
  } & Omit<React_2.ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "nonce" | "onResize" | "onResizeCapture" | "value"> & React_2.RefAttributes<HTMLButtonElement>) | ({
3610
4084
  target?: "button-like" | undefined;
3611
4085
  view?: "default" | "accent" | "secondary" | "positive" | "warning" | "negative" | "clear" | "dark" | "black" | "white" | undefined;
@@ -3617,33 +4091,33 @@ true: PolymorphicClassName;
3617
4091
  multiselect?: false | undefined;
3618
4092
  separator?: undefined;
3619
4093
  } & {
3620
- value?: any;
4094
+ value: any;
3621
4095
  onChange?: ((value: any) => void) | undefined;
3622
4096
  listOverflow?: Property.Overflow | undefined;
3623
4097
  listHeight?: Property.Height<string | number> | undefined;
4098
+ status?: "warning" | "success" | "error" | undefined;
3624
4099
  placeholder?: string | undefined;
3625
4100
  helperText?: string | undefined;
3626
4101
  disabled?: boolean | undefined;
3627
- items?: DropdownNodeSelect[] | undefined;
3628
- onItemSelect?: ((e: DropdownNodeSelect, event: React_2.SyntheticEvent<Element, Event>) => void) | undefined;
4102
+ items?: MergedDropdownNode[] | undefined;
4103
+ onItemSelect?: ((e: MergedDropdownNode, event: React_2.SyntheticEvent<Element, Event>) => void) | undefined;
4104
+ hasItems?: boolean | undefined;
3629
4105
  children?: undefined;
4106
+ isOpen?: boolean | undefined;
3630
4107
  isTargetAmount?: boolean | undefined;
3631
- renderTarget?: ((item: DropdownNodeSelect | DropdownNodeSelect[]) => React_2.ReactNode) | undefined;
3632
- placement?: ("top" | "bottom" | "right" | "left" | "auto") | ("top" | "bottom" | "right" | "left")[] | undefined;
4108
+ renderTarget?: ((item: MergedDropdownNode | MergedDropdownNode[]) => React_2.ReactNode) | undefined;
4109
+ placement?: ("auto" | ("top" | "bottom" | "right" | "left")) | ("top" | "bottom" | "right" | "left")[] | undefined;
3633
4110
  label?: string | undefined;
3634
4111
  onScrollBottom?: ((e: React_2.UIEvent<HTMLUListElement, UIEvent>) => void) | undefined;
3635
4112
  variant?: "normal" | "tight" | undefined;
3636
4113
  listWidth?: Property.Width<string | number> | undefined;
3637
4114
  portal?: string | React_2.RefObject<HTMLElement> | undefined;
3638
- renderValue?: ((item: DropdownNodeSelect) => string) | undefined;
3639
- renderItem?: ((item: DropdownNodeSelect) => React_2.ReactNode) | undefined;
4115
+ renderValue?: ((item: MergedDropdownNode) => string) | undefined;
4116
+ renderItem?: ((item: MergedDropdownNode) => React_2.ReactNode) | undefined;
3640
4117
  closeAfterSelect?: boolean | undefined;
3641
4118
  size?: string | undefined;
3642
4119
  view?: string | undefined;
3643
4120
  chipView?: string | undefined;
3644
- status?: "warning" | "success" | "error" | undefined;
3645
- hasItems?: boolean | undefined;
3646
- isOpen?: boolean | undefined;
3647
4121
  } & Omit<React_2.ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "nonce" | "onResize" | "onResizeCapture" | "value"> & React_2.RefAttributes<HTMLButtonElement>) | ({
3648
4122
  target?: "button-like" | undefined;
3649
4123
  view?: "default" | "accent" | "secondary" | "positive" | "warning" | "negative" | "clear" | "dark" | "black" | "white" | undefined;
@@ -3655,33 +4129,33 @@ true: PolymorphicClassName;
3655
4129
  multiselect?: true | undefined;
3656
4130
  separator?: string | undefined;
3657
4131
  } & {
3658
- value?: any;
4132
+ value: any;
3659
4133
  onChange?: ((value: any) => void) | undefined;
3660
4134
  listOverflow?: Property.Overflow | undefined;
3661
4135
  listHeight?: Property.Height<string | number> | undefined;
4136
+ status?: "warning" | "success" | "error" | undefined;
3662
4137
  placeholder?: string | undefined;
3663
4138
  helperText?: string | undefined;
3664
4139
  disabled?: boolean | undefined;
3665
- items?: DropdownNodeSelect[] | undefined;
3666
- onItemSelect?: ((e: DropdownNodeSelect, event: React_2.SyntheticEvent<Element, Event>) => void) | undefined;
4140
+ items?: MergedDropdownNode[] | undefined;
4141
+ onItemSelect?: ((e: MergedDropdownNode, event: React_2.SyntheticEvent<Element, Event>) => void) | undefined;
4142
+ hasItems?: boolean | undefined;
3667
4143
  children?: undefined;
4144
+ isOpen?: boolean | undefined;
3668
4145
  isTargetAmount?: boolean | undefined;
3669
- renderTarget?: ((item: DropdownNodeSelect | DropdownNodeSelect[]) => React_2.ReactNode) | undefined;
3670
- placement?: ("top" | "bottom" | "right" | "left" | "auto") | ("top" | "bottom" | "right" | "left")[] | undefined;
4146
+ renderTarget?: ((item: MergedDropdownNode | MergedDropdownNode[]) => React_2.ReactNode) | undefined;
4147
+ placement?: ("auto" | ("top" | "bottom" | "right" | "left")) | ("top" | "bottom" | "right" | "left")[] | undefined;
3671
4148
  label?: string | undefined;
3672
4149
  onScrollBottom?: ((e: React_2.UIEvent<HTMLUListElement, UIEvent>) => void) | undefined;
3673
4150
  variant?: "normal" | "tight" | undefined;
3674
4151
  listWidth?: Property.Width<string | number> | undefined;
3675
4152
  portal?: string | React_2.RefObject<HTMLElement> | undefined;
3676
- renderValue?: ((item: DropdownNodeSelect) => string) | undefined;
3677
- renderItem?: ((item: DropdownNodeSelect) => React_2.ReactNode) | undefined;
4153
+ renderValue?: ((item: MergedDropdownNode) => string) | undefined;
4154
+ renderItem?: ((item: MergedDropdownNode) => React_2.ReactNode) | undefined;
3678
4155
  closeAfterSelect?: boolean | undefined;
3679
4156
  size?: string | undefined;
3680
4157
  view?: string | undefined;
3681
4158
  chipView?: string | undefined;
3682
- status?: "warning" | "success" | "error" | undefined;
3683
- hasItems?: boolean | undefined;
3684
- isOpen?: boolean | undefined;
3685
4159
  } & Omit<React_2.ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "nonce" | "onResize" | "onResizeCapture" | "value"> & React_2.RefAttributes<HTMLButtonElement>)), "view" | "size" | "chipView"> & React_2.RefAttributes<HTMLButtonElement>>;
3686
4160
 
3687
4161
  // @public