@yahoo/uds 3.122.0 → 3.122.2

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 (56) hide show
  1. package/dist/automated-config/dist/utils/getConfigVariantProperties.d.cts +2 -2
  2. package/dist/automated-config/dist/utils/getConfigVariantProperties.d.ts +2 -2
  3. package/dist/components/SvgFloatingOverlay.cjs +2 -2
  4. package/dist/components/SvgFloatingOverlay.d.cts +2 -0
  5. package/dist/components/SvgFloatingOverlay.d.ts +2 -0
  6. package/dist/components/SvgFloatingOverlay.js +2 -2
  7. package/dist/components/client/Menu/Menu.ItemCheckbox.d.cts +1 -1
  8. package/dist/components/client/Menu/Menu.ItemCheckbox.d.ts +1 -1
  9. package/dist/components/client/Popover/PopoverContent.cjs +2 -0
  10. package/dist/components/client/Popover/PopoverContent.js +2 -0
  11. package/dist/components/client/Popover/UDSPopoverConfigProvider.d.cts +1 -1
  12. package/dist/components/client/Popover/UDSPopoverConfigProvider.d.ts +1 -1
  13. package/dist/components/client/Tooltip/TooltipContent.cjs +3 -0
  14. package/dist/components/client/Tooltip/TooltipContent.js +3 -0
  15. package/dist/components/experimental/client/index.cjs +1 -14
  16. package/dist/components/experimental/client/index.d.cts +1 -2
  17. package/dist/components/experimental/client/index.d.ts +1 -2
  18. package/dist/components/experimental/client/index.js +1 -2
  19. package/dist/components/experimental/index.cjs +2 -24
  20. package/dist/components/experimental/index.d.cts +1 -2
  21. package/dist/components/experimental/index.d.ts +1 -2
  22. package/dist/components/experimental/index.js +2 -13
  23. package/dist/styles/styler.d.cts +2 -2
  24. package/dist/styles/styler.d.ts +2 -2
  25. package/dist/tailwind/dist/css/generate.cjs +6 -1
  26. package/dist/tailwind/dist/css/generate.d.cts.map +1 -1
  27. package/dist/tailwind/dist/css/generate.d.ts.map +1 -1
  28. package/dist/tailwind/dist/css/generate.helpers.cjs +22 -3
  29. package/dist/tailwind/dist/css/generate.helpers.js +20 -2
  30. package/dist/tailwind/dist/css/generate.helpers.js.map +1 -1
  31. package/dist/tailwind/dist/css/generate.js +8 -3
  32. package/dist/tailwind/dist/css/generate.js.map +1 -1
  33. package/dist/tailwind/dist/css/runner.cjs +5 -1
  34. package/dist/tailwind/dist/css/runner.js +6 -2
  35. package/dist/tailwind/dist/css/runner.js.map +1 -1
  36. package/dist/tailwind/dist/purger/optimized/purge.cjs +1 -0
  37. package/dist/tailwind/dist/purger/optimized/purge.js +2 -1
  38. package/dist/tailwind/dist/purger/optimized/purge.js.map +1 -1
  39. package/dist/tailwind/dist/purger/optimized/utils/safelist.cjs +7 -0
  40. package/dist/tailwind/dist/purger/optimized/utils/safelist.js +7 -1
  41. package/dist/tailwind/dist/purger/optimized/utils/safelist.js.map +1 -1
  42. package/dist/uds/generated/componentData.cjs +1142 -1165
  43. package/dist/uds/generated/componentData.js +1138 -1155
  44. package/dist/uds/generated/tailwindPurge.cjs +6 -140
  45. package/dist/uds/generated/tailwindPurge.js +6 -140
  46. package/dist/utils/getUnscaledAnchorRect.cjs +34 -0
  47. package/dist/utils/getUnscaledAnchorRect.d.cts +17 -0
  48. package/dist/utils/getUnscaledAnchorRect.d.ts +17 -0
  49. package/dist/utils/getUnscaledAnchorRect.js +32 -0
  50. package/generated/componentData.json +1381 -1398
  51. package/generated/tailwindPurge.ts +3 -3
  52. package/package.json +1 -1
  53. package/dist/components/experimental/client/ExperimentalPopover.cjs +0 -54
  54. package/dist/components/experimental/client/ExperimentalPopover.d.cts +0 -40
  55. package/dist/components/experimental/client/ExperimentalPopover.d.ts +0 -40
  56. package/dist/components/experimental/client/ExperimentalPopover.js +0 -42
@@ -228,7 +228,9 @@
228
228
  },
229
229
  "SvgFloatingOverlay": {
230
230
  "name": "SvgFloatingOverlay",
231
- "defaultProps": {},
231
+ "defaultProps": {
232
+ "contentOverflow": "auto"
233
+ },
232
234
  "getStylesLiterals": {},
233
235
  "cxLiterals": [
234
236
  "absolute",
@@ -256,8 +258,7 @@
256
258
  "1"
257
259
  ],
258
260
  "overflow": [
259
- "hidden",
260
- "auto"
261
+ "hidden"
261
262
  ],
262
263
  "display": [
263
264
  "block"
@@ -270,6 +271,9 @@
270
271
  "propToVariantKeys": {
271
272
  "blurClassName": [
272
273
  "className"
274
+ ],
275
+ "contentOverflow": [
276
+ "overflow"
273
277
  ]
274
278
  },
275
279
  "runtimeConfigDefaultProps": {},
@@ -419,92 +423,6 @@
419
423
  "runtimeConfigInternalComponentProps": {},
420
424
  "motionVarPrefixes": []
421
425
  },
422
- "Spinner": {
423
- "name": "Spinner",
424
- "defaultProps": {
425
- "color": "primary",
426
- "size": "lg"
427
- },
428
- "getStylesLiterals": {},
429
- "cxLiterals": [
430
- "self-center",
431
- "relative",
432
- "sr-only"
433
- ],
434
- "internalComponents": [
435
- "Icon"
436
- ],
437
- "internalComponentProps": {
438
- "Icon": {
439
- "role": [
440
- "img"
441
- ],
442
- "className": [
443
- "animate-spin"
444
- ],
445
- "aria-hidden": [
446
- "true"
447
- ]
448
- }
449
- },
450
- "propToVariantKeys": {},
451
- "runtimeConfigDefaultProps": {},
452
- "runtimeConfigGetStyles": {},
453
- "runtimeConfigInternalComponentProps": {},
454
- "motionVarPrefixes": []
455
- },
456
- "Table.mocks": {
457
- "name": "Table.mocks",
458
- "defaultProps": {},
459
- "getStylesLiterals": {},
460
- "cxLiterals": [],
461
- "internalComponents": [],
462
- "internalComponentProps": {},
463
- "propToVariantKeys": {},
464
- "runtimeConfigDefaultProps": {},
465
- "runtimeConfigGetStyles": {},
466
- "runtimeConfigInternalComponentProps": {},
467
- "motionVarPrefixes": []
468
- },
469
- "Table": {
470
- "name": "Table",
471
- "defaultProps": {
472
- "display": "table-cell",
473
- "overflow": "hidden",
474
- "borderColor": "muted",
475
- "borderRadius": "md",
476
- "spacing": "3",
477
- "borderBottomColor": "muted",
478
- "borderBottomWidth": "thin",
479
- "color": "primary"
480
- },
481
- "getStylesLiterals": {
482
- "textAlign": "start"
483
- },
484
- "cxLiterals": [],
485
- "internalComponents": [
486
- "CellComponent",
487
- "Box",
488
- "Text",
489
- "Table.Root",
490
- "Table.Header",
491
- "Table.Row",
492
- "Table.Cell",
493
- "Table.Body"
494
- ],
495
- "internalComponentProps": {
496
- "Table.Cell": {
497
- "asHeaderCell": [
498
- "column"
499
- ]
500
- }
501
- },
502
- "propToVariantKeys": {},
503
- "runtimeConfigDefaultProps": {},
504
- "runtimeConfigGetStyles": {},
505
- "runtimeConfigInternalComponentProps": {},
506
- "motionVarPrefixes": []
507
- },
508
426
  "AnimateHeightChange": {
509
427
  "name": "AnimateHeightChange",
510
428
  "defaultProps": {},
@@ -1006,83 +924,31 @@
1006
924
  "--uds-motion-smooth-3-"
1007
925
  ]
1008
926
  },
1009
- "Accordion": {
1010
- "name": "Accordion",
927
+ "Spinner": {
928
+ "name": "Spinner",
1011
929
  "defaultProps": {
1012
- "spacingHorizontal": "4",
1013
- "spacingVertical": "4"
930
+ "color": "primary",
931
+ "size": "lg"
1014
932
  },
1015
933
  "getStylesLiterals": {},
1016
934
  "cxLiterals": [
1017
- "hover:bg-secondary/80",
1018
- "w-full"
935
+ "self-center",
936
+ "relative",
937
+ "sr-only"
1019
938
  ],
1020
939
  "internalComponents": [
1021
- "Icon",
1022
- "SpringMotionConfig",
1023
- "Pressable",
1024
- "Text",
1025
- "HStack",
1026
- "AnimatePresence",
1027
- "VStack"
940
+ "Icon"
1028
941
  ],
1029
942
  "internalComponentProps": {
1030
943
  "Icon": {
1031
- "variant": [
1032
- "fill"
1033
- ],
1034
- "size": [
1035
- "sm"
1036
- ],
1037
- "color": [
1038
- "primary"
1039
- ]
1040
- },
1041
- "SpringMotionConfig": {
1042
- "layoutVariant": [
1043
- "smooth"
1044
- ],
1045
- "layoutSpeed": [
1046
- "3"
1047
- ]
1048
- },
1049
- "Pressable": {
1050
- "display": [
1051
- "flex"
1052
- ],
1053
- "flexDirection": [
1054
- "row"
1055
- ],
1056
- "alignItems": [
1057
- "center"
1058
- ],
1059
- "justifyContent": [
1060
- "space-between"
1061
- ],
1062
- "borderRadius": [
1063
- "md"
1064
- ]
1065
- },
1066
- "Text": {
1067
- "variant": [
1068
- "title4"
1069
- ],
1070
- "color": [
1071
- "primary"
1072
- ]
1073
- },
1074
- "HStack": {
1075
- "display": [
1076
- "flex"
1077
- ],
1078
- "alignItems": [
1079
- "center"
944
+ "role": [
945
+ "img"
1080
946
  ],
1081
- "justifyContent": [
1082
- "space-between"
947
+ "className": [
948
+ "animate-spin"
1083
949
  ],
1084
- "columnGap": [
1085
- "2.5"
950
+ "aria-hidden": [
951
+ "true"
1086
952
  ]
1087
953
  }
1088
954
  },
@@ -1090,12 +956,10 @@
1090
956
  "runtimeConfigDefaultProps": {},
1091
957
  "runtimeConfigGetStyles": {},
1092
958
  "runtimeConfigInternalComponentProps": {},
1093
- "motionVarPrefixes": [
1094
- "--uds-motion-smooth-3-"
1095
- ]
959
+ "motionVarPrefixes": []
1096
960
  },
1097
- "AvoidMotionLibraryProvider": {
1098
- "name": "AvoidMotionLibraryProvider",
961
+ "Table.mocks": {
962
+ "name": "Table.mocks",
1099
963
  "defaultProps": {},
1100
964
  "getStylesLiterals": {},
1101
965
  "cxLiterals": [],
@@ -1107,23 +971,36 @@
1107
971
  "runtimeConfigInternalComponentProps": {},
1108
972
  "motionVarPrefixes": []
1109
973
  },
1110
- "ExperimentalPopover": {
1111
- "name": "ExperimentalPopover",
1112
- "defaultProps": {},
1113
- "getStylesLiterals": {},
974
+ "Table": {
975
+ "name": "Table",
976
+ "defaultProps": {
977
+ "display": "table-cell",
978
+ "overflow": "hidden",
979
+ "borderColor": "muted",
980
+ "borderRadius": "md",
981
+ "spacing": "3",
982
+ "borderBottomColor": "muted",
983
+ "borderBottomWidth": "thin",
984
+ "color": "primary"
985
+ },
986
+ "getStylesLiterals": {
987
+ "textAlign": "start"
988
+ },
1114
989
  "cxLiterals": [],
1115
990
  "internalComponents": [
1116
- "HStack",
991
+ "CellComponent",
992
+ "Box",
1117
993
  "Text",
1118
- "ExperimentalPopoverHeadingBase"
994
+ "Table.Root",
995
+ "Table.Header",
996
+ "Table.Row",
997
+ "Table.Cell",
998
+ "Table.Body"
1119
999
  ],
1120
1000
  "internalComponentProps": {
1121
- "Text": {
1122
- "variant": [
1123
- "headline1"
1124
- ],
1125
- "color": [
1126
- "primary"
1001
+ "Table.Cell": {
1002
+ "asHeaderCell": [
1003
+ "column"
1127
1004
  ]
1128
1005
  }
1129
1006
  },
@@ -1133,88 +1010,46 @@
1133
1010
  "runtimeConfigInternalComponentProps": {},
1134
1011
  "motionVarPrefixes": []
1135
1012
  },
1136
- "Modal": {
1137
- "name": "Modal",
1013
+ "Avatar": {
1014
+ "name": "Avatar",
1138
1015
  "defaultProps": {},
1139
1016
  "getStylesLiterals": {},
1140
- "cxLiterals": [
1141
- "inset-8",
1142
- "top-[250px]",
1143
- "z-50",
1144
- "mx-auto",
1145
- "h-fit",
1146
- "w-[600px]",
1147
- "origin-center",
1148
- "scale-95",
1149
- "opacity-0",
1150
- "transition",
1151
- "duration-150",
1152
- "data-[enter]:scale-100",
1153
- "data-[enter]:opacity-100",
1154
- "data-[enter]:bg-primary",
1155
- "backdrop-blur-0",
1156
- "data-[enter]:opacity-60",
1157
- "data-[enter]:backdrop-blur-sm"
1158
- ],
1017
+ "cxLiterals": [],
1159
1018
  "internalComponents": [
1160
- "IconButton",
1161
- "Dialog",
1162
- "HStack",
1163
- "Text",
1164
- "VStack"
1019
+ "AvatarImage"
1165
1020
  ],
1166
- "internalComponentProps": {
1167
- "IconButton": {
1168
- "aria-label": [
1169
- "Close"
1170
- ],
1171
- "size": [
1172
- "sm"
1173
- ],
1174
- "variant": [
1175
- "tertiary"
1176
- ]
1177
- },
1178
- "HStack": {
1179
- "alignItems": [
1180
- "center"
1181
- ],
1182
- "justifyContent": [
1183
- "space-between"
1184
- ]
1185
- },
1186
- "Text": {
1187
- "variant": [
1188
- "headline1"
1189
- ],
1190
- "color": [
1191
- "primary"
1192
- ]
1193
- },
1194
- "VStack": {
1195
- "borderRadius": [
1196
- "md"
1197
- ],
1198
- "position": [
1199
- "fixed"
1200
- ],
1201
- "backgroundColor": [
1202
- "primary"
1203
- ],
1204
- "dropShadow": [
1205
- "md"
1206
- ],
1207
- "spacing": [
1208
- "8"
1209
- ],
1210
- "overflow": [
1211
- "hidden"
1212
- ]
1213
- }
1021
+ "internalComponentProps": {},
1022
+ "propToVariantKeys": {},
1023
+ "runtimeConfigDefaultProps": {},
1024
+ "runtimeConfigGetStyles": {},
1025
+ "runtimeConfigInternalComponentProps": {},
1026
+ "motionVarPrefixes": []
1027
+ },
1028
+ "AvatarIcon": {
1029
+ "name": "AvatarIcon",
1030
+ "defaultProps": {
1031
+ "size": "md",
1032
+ "variant": "primary"
1214
1033
  },
1034
+ "getStylesLiterals": {},
1035
+ "cxLiterals": [
1036
+ "overflow-hidden",
1037
+ "w-full",
1038
+ "h-full",
1039
+ "shrink-0",
1040
+ "text-center",
1041
+ "inline-flex",
1042
+ "justify-center",
1043
+ "items-center"
1044
+ ],
1045
+ "internalComponents": [
1046
+ "IconSlot",
1047
+ "Box"
1048
+ ],
1049
+ "internalComponentProps": {},
1215
1050
  "propToVariantKeys": {
1216
- "handleClose": [
1217
- "onClick"
1051
+ "size": [
1052
+ "avatarSizeIcon"
1218
1053
  ]
1219
1054
  },
1220
1055
  "runtimeConfigDefaultProps": {},
@@ -1222,87 +1057,37 @@
1222
1057
  "runtimeConfigInternalComponentProps": {},
1223
1058
  "motionVarPrefixes": []
1224
1059
  },
1225
- "SegmentedControl": {
1226
- "name": "SegmentedControl",
1060
+ "AvatarImage": {
1061
+ "name": "AvatarImage",
1227
1062
  "defaultProps": {
1228
- "textVariant": "label2"
1229
- },
1230
- "getStylesLiterals": {
1231
- "display": "flex",
1232
- "alignItems": "center",
1233
- "backgroundColor": "primary",
1234
- "spacingVertical": "1",
1235
- "spacingHorizontal": "3",
1236
- "columnGap": "1.5",
1237
- "borderWidth": "thin",
1238
- "borderRadius": "full",
1239
- "borderColor": "muted",
1240
- "borderColor:1": "transparent",
1241
- "color": "primary",
1242
- "color:1": "tertiary",
1243
- "color:2": "muted"
1063
+ "size": "md",
1064
+ "variant": "primary"
1244
1065
  },
1066
+ "getStylesLiterals": {},
1245
1067
  "cxLiterals": [
1246
- "uds-ring",
1247
- "cursor-not-allowed",
1248
- "opacity-50",
1249
- "pointer-events-none",
1250
- "hover:bg-primary"
1068
+ "overflow-hidden",
1069
+ "w-full",
1070
+ "h-full",
1071
+ "shrink-0",
1072
+ "text-center",
1073
+ "inline-flex",
1074
+ "justify-center",
1075
+ "items-center",
1076
+ "object-cover"
1251
1077
  ],
1252
1078
  "internalComponents": [
1253
- "TextVariant",
1254
- "Radio",
1255
- "Icon",
1256
- "RadioProvider",
1257
- "HStack",
1258
- "RadioGroup",
1259
- "Pressable",
1260
- "Text"
1079
+ "UDSImage",
1080
+ "AvatarText",
1081
+ "AvatarIcon",
1082
+ "Box"
1261
1083
  ],
1262
- "internalComponentProps": {
1263
- "Icon": {
1264
- "size": [
1265
- "sm"
1266
- ],
1267
- "color": [
1268
- "current"
1269
- ],
1270
- "aria-hidden": [
1271
- "true"
1272
- ]
1273
- },
1274
- "HStack": {
1275
- "spacing": [
1276
- "1"
1277
- ],
1278
- "gap": [
1279
- "1"
1280
- ],
1281
- "backgroundColor": [
1282
- "secondary"
1283
- ],
1284
- "borderRadius": [
1285
- "full"
1286
- ],
1287
- "display": [
1288
- "inline-flex"
1289
- ]
1290
- },
1291
- "Text": {
1292
- "color": [
1293
- "current"
1294
- ]
1295
- }
1296
- },
1084
+ "internalComponentProps": {},
1297
1085
  "propToVariantKeys": {
1298
- "value": [
1299
- "key"
1300
- ],
1301
- "label": [
1302
- "aria-label"
1086
+ "alt": [
1087
+ "name"
1303
1088
  ],
1304
- "textVariant": [
1305
- "variant"
1089
+ "fallback": [
1090
+ "initials"
1306
1091
  ]
1307
1092
  },
1308
1093
  "runtimeConfigDefaultProps": {},
@@ -1310,458 +1095,264 @@
1310
1095
  "runtimeConfigInternalComponentProps": {},
1311
1096
  "motionVarPrefixes": []
1312
1097
  },
1313
- "SwitchV2": {
1314
- "name": "SwitchV2",
1098
+ "AvatarText": {
1099
+ "name": "AvatarText",
1315
1100
  "defaultProps": {
1316
- "labelPosition": "start",
1317
- "size": "md"
1318
- },
1319
- "getStylesLiterals": {
1320
- "switchVariantRoot": "default",
1321
- "switchVariantActiveRoot": "on",
1322
- "switchVariantActiveRoot:1": "off",
1323
- "switchVariantSwitch": "default",
1324
- "switchVariantActiveSwitch": "on",
1325
- "switchVariantActiveSwitch:1": "off",
1326
- "switchVariantActiveHandle": "on",
1327
- "switchVariantActiveHandle:1": "off",
1328
- "switchVariantHandle": "default",
1329
- "switchVariantHandleIcon": "default",
1330
- "switchVariantActiveHandleIcon": "on",
1331
- "switchVariantActiveHandleIcon:1": "off"
1101
+ "size": "md",
1102
+ "variant": "primary"
1332
1103
  },
1104
+ "getStylesLiterals": {},
1333
1105
  "cxLiterals": [
1334
- "group",
1335
- "flex",
1336
- "items-center",
1337
- "flex-row",
1338
- "flex-row-reverse",
1339
- "uds-ring",
1340
- "uds-ring-within",
1341
- "relative",
1342
- "uds-border-radius-full",
1343
- "transition-[background-color,box-shadow]",
1344
- "pointer-events-none",
1106
+ "overflow-hidden",
1107
+ "truncate",
1345
1108
  "w-full",
1346
1109
  "h-full",
1347
- "absolute",
1348
- "top-0",
1349
- "bottom-0",
1350
- "right-0",
1351
- "left-0",
1352
- "overflow-hidden",
1353
- "group-hover:scale-105",
1354
- "opacity-95",
1355
- "group-hover:opacity-100",
1356
- "transition-[transform,opacity]",
1357
- "opacity-0",
1358
- "top-1/2",
1359
- "left-1/2",
1360
- "transform",
1361
- "translate-x-[-50%]",
1362
- "translate-y-[-50%]",
1363
- "transition-opacity",
1364
- "cursor-[inherit]",
1365
- "w-[calc(100%+2px)]",
1366
- "h-[calc(100%+2px)]",
1367
- "text-start",
1368
- "text-end",
1369
- "opacity-100"
1110
+ "shrink-0",
1111
+ "text-center",
1112
+ "inline-flex",
1113
+ "justify-center",
1114
+ "items-center"
1370
1115
  ],
1371
1116
  "internalComponents": [
1372
- "IconSlot",
1373
1117
  "Box",
1374
- "FormLabel",
1375
- "SpringMotionConfig",
1376
- "RootElement",
1377
- "MotionBox"
1118
+ "Text"
1378
1119
  ],
1379
1120
  "internalComponentProps": {
1380
- "IconSlot": {
1381
- "data-testid": [
1382
- "on-icon",
1383
- "off-icon"
1384
- ]
1385
- },
1386
- "FormLabel": {
1387
- "as": [
1388
- "div"
1389
- ],
1390
- "variant": [
1391
- "inherit"
1392
- ],
1121
+ "Text": {
1393
1122
  "color": [
1394
1123
  "inherit"
1395
- ]
1396
- },
1397
- "SpringMotionConfig": {
1398
- "layoutVariant": [
1399
- "bouncy"
1400
1124
  ],
1401
- "layoutSpeed": [
1402
- "4"
1403
- ]
1404
- },
1405
- "RootElement": {
1406
- "data-testid": [
1407
- "switch-root"
1408
- ]
1409
- },
1410
- "MotionBox": {
1411
- "layout": [
1412
- "position"
1125
+ "variant": [
1126
+ "inherit"
1413
1127
  ]
1414
1128
  }
1415
1129
  },
1416
- "propToVariantKeys": {
1417
- "size": [
1418
- "switchSizeRoot",
1419
- "switchSizeSwitch",
1420
- "switchSizeHandle",
1421
- "switchSizeHandleIcon"
1422
- ],
1423
- "onIcon": [
1424
- "icon"
1425
- ],
1426
- "offIcon": [
1427
- "icon"
1428
- ],
1429
- "reduceMotion": [
1430
- "reducedMotion"
1431
- ],
1432
- "isOn": [
1433
- "layoutDependency"
1434
- ]
1435
- },
1130
+ "propToVariantKeys": {},
1436
1131
  "runtimeConfigDefaultProps": {},
1437
1132
  "runtimeConfigGetStyles": {},
1438
1133
  "runtimeConfigInternalComponentProps": {},
1439
- "motionVarPrefixes": [
1440
- "--uds-motion-bouncy-4-",
1441
- "--uds-motion-smooth-3-"
1442
- ]
1134
+ "motionVarPrefixes": []
1443
1135
  },
1444
- "Tabs": {
1445
- "name": "Tabs",
1446
- "defaultProps": {},
1447
- "getStylesLiterals": {
1448
- "display": "flex",
1449
- "flexDirection": "row",
1450
- "columnGap": "6"
1136
+ "BottomSheet": {
1137
+ "name": "BottomSheet",
1138
+ "defaultProps": {
1139
+ "variant": "default"
1451
1140
  },
1141
+ "getStylesLiterals": {},
1452
1142
  "cxLiterals": [
1453
- "text-tertiary",
1454
- "border-b-transparent",
1455
- "aria-selected:border-b-brand",
1456
- "aria-selected:text-secondary"
1143
+ "fixed",
1144
+ "overflow-hidden",
1145
+ "inset-x-0",
1146
+ "bottom-0",
1147
+ "z-50",
1148
+ "[will-change:transform]",
1149
+ "touch-none",
1150
+ "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
1151
+ "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
1152
+ "transition-transform",
1153
+ "duration-500",
1154
+ "ease-[cubic-bezier(0.32,0.72,0,1)]",
1155
+ "motion-reduce:transition-none",
1156
+ "top-[-4px]",
1157
+ "z-[1]",
1158
+ "touch-pan-y"
1457
1159
  ],
1458
1160
  "internalComponents": [
1459
- "TabProvider",
1460
- "OriginalTabList",
1461
- "OriginalTab",
1462
- "Icon",
1463
- "OriginalTabPanel",
1464
- "Pressable",
1465
- "Comp",
1466
- "Text"
1161
+ "Scrim",
1162
+ "BottomSheetHandle",
1163
+ "Dialog",
1164
+ "Box",
1165
+ "BottomSheetInternalContext.Provider"
1467
1166
  ],
1468
1167
  "internalComponentProps": {
1469
- "Icon": {
1470
- "className": [
1471
- "text-current"
1472
- ],
1473
- "size": [
1474
- "md"
1168
+ "BottomSheetHandle": {
1169
+ "ariaLabel": [
1170
+ "Resize sheet"
1475
1171
  ]
1476
1172
  },
1477
- "Pressable": {
1478
- "borderBottomWidth": [
1479
- "medium"
1480
- ],
1481
- "spacingBottom": [
1482
- "1"
1483
- ],
1484
- "spacingTop": [
1485
- "4"
1173
+ "Dialog": {
1174
+ "data-testid": [
1175
+ "bottom-sheet"
1486
1176
  ]
1487
1177
  },
1488
- "Text": {
1489
- "className": [
1490
- "text-current"
1178
+ "Box": {
1179
+ "display": [
1180
+ "block",
1181
+ "flex"
1491
1182
  ],
1492
- "variant": [
1493
- "headline1"
1183
+ "position": [
1184
+ "absolute"
1494
1185
  ],
1495
- "as": [
1496
- "span"
1186
+ "flexDirection": [
1187
+ "column"
1188
+ ],
1189
+ "className": [
1190
+ "absolute inset-0 min-h-0 p-[inherit]"
1497
1191
  ]
1498
1192
  }
1499
1193
  },
1500
- "propToVariantKeys": {},
1194
+ "propToVariantKeys": {
1195
+ "variant": [
1196
+ "bottomsheetVariantRoot"
1197
+ ]
1198
+ },
1501
1199
  "runtimeConfigDefaultProps": {},
1502
1200
  "runtimeConfigGetStyles": {},
1503
1201
  "runtimeConfigInternalComponentProps": {},
1504
1202
  "motionVarPrefixes": []
1505
1203
  },
1506
- "Radio": {
1507
- "name": "Radio",
1508
- "defaultProps": {
1509
- "labelPosition": "start",
1510
- "variant": "primary",
1511
- "size": "md",
1512
- "value": ""
1513
- },
1514
- "getStylesLiterals": {
1515
- "radioVariantValueRoot": "checked",
1516
- "radioVariantValueRoot:1": "unchecked",
1517
- "display": "flex",
1518
- "flexDirection": "row",
1519
- "flexDirection:1": "row-reverse",
1520
- "alignItems": "center",
1521
- "radioVariantValueRadio": "checked",
1522
- "radioVariantValueRadio:1": "unchecked",
1523
- "radioVariantValueRadioCircle": "checked",
1524
- "radioVariantValueRadioCircle:1": "unchecked"
1525
- },
1204
+ "BottomSheetContent": {
1205
+ "name": "BottomSheetContent",
1206
+ "defaultProps": {},
1207
+ "getStylesLiterals": {},
1526
1208
  "cxLiterals": [
1527
- "cursor-pointer",
1528
- "cursor-default",
1529
- "opacity-50",
1530
- "border",
1531
- "uds-ring",
1532
- "uds-ring-within",
1533
- "transition-[background-color,border-color]",
1534
- "transition-shadow",
1535
- "pointer-events-none",
1536
- "w-[8px]",
1537
- "h-[8px]",
1538
- "transition-opacity",
1539
- "cursor-[inherit]",
1540
- "absolute",
1541
- "opacity-0",
1542
- "top-1/2",
1543
- "left-1/2",
1544
- "w-[calc(100%+2px)]",
1545
- "h-[calc(100%+2px)]",
1546
- "transform",
1547
- "translate-x-[-50%]",
1548
- "translate-y-[-50%]",
1549
- "text-start",
1550
- "text-end"
1209
+ "min-h-0",
1210
+ "touch-pan-y"
1551
1211
  ],
1552
1212
  "internalComponents": [
1553
1213
  "Box",
1554
- "FormLabel",
1555
- "SpringMotionConfig",
1556
- "RootElement",
1557
- "MotionBox"
1214
+ "VStack"
1558
1215
  ],
1559
1216
  "internalComponentProps": {
1560
1217
  "Box": {
1561
- "borderRadius": [
1562
- "full"
1563
- ]
1564
- },
1565
- "FormLabel": {
1566
- "as": [
1567
- "div"
1568
- ],
1569
- "variant": [
1570
- "inherit"
1218
+ "display": [
1219
+ "block"
1571
1220
  ],
1572
- "color": [
1573
- "inherit"
1574
- ]
1575
- },
1576
- "RootElement": {
1577
- "data-testid": [
1578
- "container"
1221
+ "flex": [
1222
+ "1"
1579
1223
  ]
1580
1224
  },
1581
- "MotionBox": {
1582
- "position": [
1583
- "relative"
1584
- ],
1585
- "borderRadius": [
1586
- "full"
1587
- ],
1588
- "alignItems": [
1589
- "center"
1590
- ],
1591
- "justifyContent": [
1592
- "center"
1593
- ],
1594
- "flex": [
1595
- "none"
1225
+ "VStack": {
1226
+ "className": [
1227
+ "pb-[calc(env(safe-area-inset-bottom))]"
1596
1228
  ]
1597
1229
  }
1598
1230
  },
1599
- "propToVariantKeys": {
1600
- "size": [
1601
- "radioSizeRoot",
1602
- "radioSizeRadio"
1603
- ],
1604
- "variant": [
1605
- "radioVariantRoot",
1606
- "radioVariantRadio",
1607
- "radioVariantRadioCircle"
1608
- ],
1609
- "reduceMotion": [
1610
- "reducedMotion"
1611
- ]
1612
- },
1231
+ "propToVariantKeys": {},
1613
1232
  "runtimeConfigDefaultProps": {},
1614
1233
  "runtimeConfigGetStyles": {},
1615
1234
  "runtimeConfigInternalComponentProps": {},
1616
- "motionVarPrefixes": [
1617
- "--uds-motion-subtle-3-",
1618
- "--uds-motion-smooth-3-"
1619
- ]
1235
+ "motionVarPrefixes": []
1620
1236
  },
1621
- "RadioGroupProvider": {
1622
- "name": "RadioGroupProvider",
1237
+ "BottomSheetDismiss": {
1238
+ "name": "BottomSheetDismiss",
1623
1239
  "defaultProps": {},
1624
1240
  "getStylesLiterals": {},
1625
1241
  "cxLiterals": [],
1626
1242
  "internalComponents": [
1627
- "DivProps",
1628
- "Comp",
1629
- "RadioGroupContext.Provider"
1243
+ "AriakitDialogDismiss"
1630
1244
  ],
1631
- "internalComponentProps": {
1632
- "Comp": {
1633
- "role": [
1634
- "radiogroup"
1635
- ]
1636
- }
1637
- },
1245
+ "internalComponentProps": {},
1638
1246
  "propToVariantKeys": {},
1639
1247
  "runtimeConfigDefaultProps": {},
1640
1248
  "runtimeConfigGetStyles": {},
1641
1249
  "runtimeConfigInternalComponentProps": {},
1642
1250
  "motionVarPrefixes": []
1643
1251
  },
1644
- "RadioGroupStore": {
1645
- "name": "RadioGroupStore",
1646
- "defaultProps": {},
1647
- "getStylesLiterals": {},
1648
- "cxLiterals": [],
1649
- "internalComponents": [],
1650
- "internalComponentProps": {},
1651
- "propToVariantKeys": {},
1652
- "runtimeConfigDefaultProps": {},
1653
- "runtimeConfigGetStyles": {},
1654
- "runtimeConfigInternalComponentProps": {},
1655
- "motionVarPrefixes": []
1656
- },
1657
- "Popover": {
1658
- "name": "Popover",
1659
- "defaultProps": {},
1252
+ "BottomSheetHandle": {
1253
+ "name": "BottomSheetHandle",
1254
+ "defaultProps": {
1255
+ "variant": "default"
1256
+ },
1660
1257
  "getStylesLiterals": {},
1661
- "cxLiterals": [],
1258
+ "cxLiterals": [
1259
+ "relative",
1260
+ "h-5",
1261
+ "w-16",
1262
+ "outline-none",
1263
+ "focus-visible:outline-none",
1264
+ "[touch-action:pan-y]",
1265
+ "absolute",
1266
+ "left-1/2",
1267
+ "top-1/2",
1268
+ "-translate-x-1/2",
1269
+ "-translate-y-1/2",
1270
+ "h-1",
1271
+ "w-8",
1272
+ "rounded-full"
1273
+ ],
1662
1274
  "internalComponents": [
1663
- "PopoverInternalContext.Provider",
1664
- "PopoverProvider"
1275
+ "Box"
1665
1276
  ],
1666
- "internalComponentProps": {},
1667
- "propToVariantKeys": {},
1668
- "runtimeConfigDefaultProps": {
1669
- "size": "popover.defaultSize",
1670
- "variant": "popover.defaultVariant"
1277
+ "internalComponentProps": {
1278
+ "Box": {
1279
+ "display": [
1280
+ "block",
1281
+ "flex"
1282
+ ],
1283
+ "justifyContent": [
1284
+ "center"
1285
+ ]
1286
+ }
1671
1287
  },
1288
+ "propToVariantKeys": {
1289
+ "variant": [
1290
+ "bottomsheetVariantHandleIndicator"
1291
+ ]
1292
+ },
1293
+ "runtimeConfigDefaultProps": {},
1672
1294
  "runtimeConfigGetStyles": {},
1673
1295
  "runtimeConfigInternalComponentProps": {},
1674
1296
  "motionVarPrefixes": []
1675
1297
  },
1676
- "PopoverContent": {
1677
- "name": "PopoverContent",
1678
- "defaultProps": {},
1679
- "getStylesLiterals": {
1680
- "popoverSizeRoot": "default",
1681
- "popoverVariantRoot": "default",
1682
- "display": "flex",
1683
- "position": "absolute",
1684
- "spacingTop": "0",
1685
- "spacingStart": "0",
1686
- "spacingBottom": "0",
1687
- "spacingEnd": "0",
1688
- "popoverSizeSvgBase": "default",
1689
- "popoverVariantSvgBase": "default",
1690
- "popoverSizeSvgBorder": "default",
1691
- "popoverVariantSvgBorder": "default",
1692
- "popoverVariantBlur": "default",
1693
- "width": "full",
1694
- "height": "full",
1695
- "flexShrink": "0",
1696
- "borderRadius": "full",
1697
- "alignItems": "center",
1698
- "justifyContent": "center",
1699
- "popoverVariantCloseIcon": "default",
1700
- "popoverSizeCloseIcon": "default"
1298
+ "BottomSheetHeader": {
1299
+ "name": "BottomSheetHeader",
1300
+ "defaultProps": {
1301
+ "variant": "default"
1701
1302
  },
1303
+ "getStylesLiterals": {},
1702
1304
  "cxLiterals": [
1703
- "z-[9999]",
1704
- "outline-none",
1705
- "focus-visible:outline-none",
1706
- "uds-bgBlurFillFallback",
1707
- "uds-bgBlurFallback",
1708
- "top-0",
1709
- "left-0",
1710
- "z-[1]",
1711
- "duration-0",
1712
- "duration-120",
1713
- "transition-[background-color]",
1714
- "bg-carbon-15/0",
1715
- "hover:bg-carbon-15/10",
1716
- "active:bg-carbon-15/15",
1717
- "uds-ring",
1718
- "absolute",
1719
- "z-[4]"
1305
+ "grid-cols-[40px_1fr_40px]",
1306
+ "items-center",
1307
+ "w-full",
1308
+ "min-h-10",
1309
+ "mt-2"
1720
1310
  ],
1721
1311
  "internalComponents": [
1722
- "PopoverDismiss",
1723
- "IconSlot",
1724
- "PopoverArrow",
1725
- "Popover",
1726
- "SvgFloatingOverlay",
1727
1312
  "Box",
1728
- "Pressable"
1313
+ "Text"
1729
1314
  ],
1730
- "internalComponentProps": {},
1731
- "propToVariantKeys": {
1732
- "closeIcon": [
1733
- "icon"
1734
- ]
1735
- },
1736
- "runtimeConfigDefaultProps": {
1737
- "size": "popover.defaultSize",
1738
- "variant": "popover.defaultVariant"
1739
- },
1740
- "runtimeConfigGetStyles": {
1741
- "spacingTop": [
1742
- "popover.spacingVertical.${size}"
1743
- ],
1744
- "spacingStart": [
1745
- "popover.spacingHorizontal.${size}"
1746
- ],
1747
- "spacingBottom": [
1748
- "popover.spacingVertical.${size}"
1749
- ],
1750
- "spacingEnd": [
1751
- "popover.spacingHorizontal.${size}"
1752
- ]
1753
- },
1754
- "runtimeConfigInternalComponentProps": {
1755
- "SvgFloatingOverlay": {
1756
- "borderRadius": [
1757
- "popover.borderRadius.${size}"
1315
+ "internalComponentProps": {
1316
+ "Box": {
1317
+ "className": [
1318
+ "h-10 w-10 opacity-0 pointer-events-none"
1319
+ ],
1320
+ "display": [
1321
+ "grid",
1322
+ "flex"
1323
+ ],
1324
+ "justifyContent": [
1325
+ "flex-start",
1326
+ "flex-end"
1327
+ ]
1328
+ },
1329
+ "Text": {
1330
+ "variant": [
1331
+ "inherit"
1332
+ ],
1333
+ "color": [
1334
+ "inherit"
1335
+ ],
1336
+ "textAlign": [
1337
+ "center"
1338
+ ],
1339
+ "className": [
1340
+ "w-full"
1758
1341
  ]
1759
1342
  }
1760
1343
  },
1344
+ "propToVariantKeys": {
1345
+ "variant": [
1346
+ "bottomsheetVariantHeader"
1347
+ ]
1348
+ },
1349
+ "runtimeConfigDefaultProps": {},
1350
+ "runtimeConfigGetStyles": {},
1351
+ "runtimeConfigInternalComponentProps": {},
1761
1352
  "motionVarPrefixes": []
1762
1353
  },
1763
- "PopoverContext": {
1764
- "name": "PopoverContext",
1354
+ "BottomSheetInternalContext": {
1355
+ "name": "BottomSheetInternalContext",
1765
1356
  "defaultProps": {},
1766
1357
  "getStylesLiterals": {},
1767
1358
  "cxLiterals": [],
@@ -1773,38 +1364,28 @@
1773
1364
  "runtimeConfigInternalComponentProps": {},
1774
1365
  "motionVarPrefixes": []
1775
1366
  },
1776
- "PopoverTrigger": {
1777
- "name": "PopoverTrigger",
1367
+ "BottomSheetProvider": {
1368
+ "name": "BottomSheetProvider",
1778
1369
  "defaultProps": {},
1779
1370
  "getStylesLiterals": {},
1780
1371
  "cxLiterals": [],
1781
1372
  "internalComponents": [
1782
- "PopoverDisclosure"
1373
+ "AriakitDialogProvider"
1783
1374
  ],
1784
- "internalComponentProps": {
1785
- "PopoverDisclosure": {
1786
- "className": [
1787
- "inline"
1788
- ]
1789
- }
1790
- },
1791
- "propToVariantKeys": {
1792
- "children": [
1793
- "render"
1794
- ]
1795
- },
1375
+ "internalComponentProps": {},
1376
+ "propToVariantKeys": {},
1796
1377
  "runtimeConfigDefaultProps": {},
1797
1378
  "runtimeConfigGetStyles": {},
1798
1379
  "runtimeConfigInternalComponentProps": {},
1799
1380
  "motionVarPrefixes": []
1800
1381
  },
1801
- "UDSPopoverConfigProvider": {
1802
- "name": "UDSPopoverConfigProvider",
1382
+ "BottomSheetTrigger": {
1383
+ "name": "BottomSheetTrigger",
1803
1384
  "defaultProps": {},
1804
1385
  "getStylesLiterals": {},
1805
1386
  "cxLiterals": [],
1806
1387
  "internalComponents": [
1807
- "PopoverContext.Provider"
1388
+ "AriakitDialogDisclosure"
1808
1389
  ],
1809
1390
  "internalComponentProps": {},
1810
1391
  "propToVariantKeys": {},
@@ -1813,92 +1394,31 @@
1813
1394
  "runtimeConfigInternalComponentProps": {},
1814
1395
  "motionVarPrefixes": []
1815
1396
  },
1816
- "Menu.Content": {
1817
- "name": "Menu.Content",
1818
- "defaultProps": {
1819
- "size": "default",
1820
- "variant": "default",
1821
- "gutter": "1"
1822
- },
1397
+ "UDSBottomSheetConfigProvider": {
1398
+ "name": "UDSBottomSheetConfigProvider",
1399
+ "defaultProps": {},
1823
1400
  "getStylesLiterals": {},
1824
- "cxLiterals": [
1825
- "uds-menu-content",
1826
- "transition-shadow",
1827
- "duration-200",
1828
- "ease-in-out",
1829
- "min-w-60",
1830
- "max-w-lg",
1831
- "max-h-96",
1832
- "overflow-auto",
1833
- "uds-ring",
1834
- "z-10",
1835
- "group"
1836
- ],
1401
+ "cxLiterals": [],
1837
1402
  "internalComponents": [
1838
- "AriakitMenu",
1839
- "AnimatePresence",
1840
- "MotionVStack"
1403
+ "BottomSheetContext.Provider"
1841
1404
  ],
1842
1405
  "internalComponentProps": {},
1843
- "propToVariantKeys": {
1844
- "size": [
1845
- "menucontentSizeRoot"
1846
- ],
1847
- "variant": [
1848
- "menucontentVariantRoot"
1849
- ]
1850
- },
1406
+ "propToVariantKeys": {},
1851
1407
  "runtimeConfigDefaultProps": {},
1852
1408
  "runtimeConfigGetStyles": {},
1853
1409
  "runtimeConfigInternalComponentProps": {},
1854
1410
  "motionVarPrefixes": []
1855
1411
  },
1856
- "Menu.Divider": {
1857
- "name": "Menu.Divider",
1858
- "defaultProps": {
1859
- "role": "separator",
1860
- "contentPosition": "start",
1861
- "gap": "4"
1862
- },
1863
- "getStylesLiterals": {
1864
- "menuitemDividerVariantRoot": "default",
1865
- "menuitemDividerVariantText": "default",
1866
- "menuitemDividerVariantLine": "default"
1867
- },
1868
- "cxLiterals": [],
1869
- "internalComponents": [
1870
- "DividerInternal"
1871
- ],
1872
- "internalComponentProps": {
1873
- "DividerInternal": {
1874
- "variant": [
1875
- "inherit"
1876
- ]
1877
- }
1878
- },
1879
- "propToVariantKeys": {},
1880
- "runtimeConfigDefaultProps": {},
1881
- "runtimeConfigGetStyles": {},
1882
- "runtimeConfigInternalComponentProps": {},
1883
- "motionVarPrefixes": []
1884
- },
1885
- "Menu.Item": {
1886
- "name": "Menu.Item",
1412
+ "Chip": {
1413
+ "name": "Chip",
1887
1414
  "defaultProps": {},
1888
- "getStylesLiterals": {
1889
- "menuitemItemVariantRoot": "default",
1890
- "menuitemItemVariantActiveRoot": "on",
1891
- "menuitemItemVariantActiveRoot:1": "off",
1892
- "menuitemItemVariantText": "default",
1893
- "menuitemItemVariantActiveText": "on",
1894
- "menuitemItemVariantActiveText:1": "off",
1895
- "menuitemItemVariantIcon": "default",
1896
- "menuitemItemVariantActiveIcon": "on",
1897
- "menuitemItemVariantActiveIcon:1": "off"
1898
- },
1415
+ "getStylesLiterals": {},
1899
1416
  "cxLiterals": [],
1900
1417
  "internalComponents": [
1901
- "MenuItemBase"
1418
+ "ChipDismissible",
1419
+ "ChipToggle",
1420
+ "ChipLink",
1421
+ "ChipButton"
1902
1422
  ],
1903
1423
  "internalComponentProps": {},
1904
1424
  "propToVariantKeys": {},
@@ -1907,71 +1427,54 @@
1907
1427
  "runtimeConfigInternalComponentProps": {},
1908
1428
  "motionVarPrefixes": []
1909
1429
  },
1910
- "Menu.ItemBase": {
1911
- "name": "Menu.ItemBase",
1430
+ "ChipBase": {
1431
+ "name": "ChipBase",
1912
1432
  "defaultProps": {
1913
- "spacing": "0",
1914
- "spacingHorizontal": "4",
1915
- "spacingVertical": "3.5",
1916
- "columnGap": "2",
1917
- "alignItems": "center",
1918
- "justifyContent": "space-between"
1919
- },
1920
- "getStylesLiterals": {
1921
- "textAlign": "start",
1922
- "menuitemSizeRoot": "default",
1923
- "flexDirection": "row",
1924
- "menuitemSizeStartIcon": "default",
1925
- "menuitemSizeEndIcon": "default"
1433
+ "size": "md",
1434
+ "as": "div"
1926
1435
  },
1436
+ "getStylesLiterals": {},
1927
1437
  "cxLiterals": [
1928
- "flex",
1929
- "focus-visible:text-brand",
1930
- "focus-visible:bg-brand-secondary",
1931
- "focus-visible:z-10",
1932
- "uds-ring",
1933
- "!-outline-offset-2",
1934
- "[&:not([aria-checked])]:cursor-default",
1935
- "opacity-25",
1936
- "cursor-not-allowed",
1937
- "duration-20",
1938
- "transition-[font-variation-settings]",
1939
- "ease-in-out",
1940
- "z-0",
1941
- "uds-start-icon",
1942
- "uds-end-icon"
1438
+ "pointer-events-none",
1439
+ "cursor-default",
1440
+ "opacity-50",
1441
+ "inline-flex",
1442
+ "items-center",
1443
+ "transition-[background-color,outline-color,box-shadow]",
1444
+ "truncate",
1445
+ "whitespace-nowrap",
1446
+ "text-center",
1447
+ "flex-1"
1943
1448
  ],
1944
1449
  "internalComponents": [
1945
- "Pressable",
1946
1450
  "IconSlot",
1947
- "RootComponent",
1948
1451
  "HStack",
1949
- "AnimatePresence"
1452
+ "As",
1453
+ "Text"
1950
1454
  ],
1951
1455
  "internalComponentProps": {
1952
- "HStack": {
1953
- "alignItems": [
1954
- "center"
1456
+ "Text": {
1457
+ "as": [
1458
+ "span"
1955
1459
  ],
1956
- "width": [
1957
- "full"
1958
- ]
1959
- },
1960
- "AnimatePresence": {
1961
- "mode": [
1962
- "popLayout"
1460
+ "color": [
1461
+ "current"
1462
+ ],
1463
+ "variant": [
1464
+ "inherit"
1963
1465
  ]
1964
1466
  }
1965
1467
  },
1966
1468
  "propToVariantKeys": {
1469
+ "size": [
1470
+ "chipSizeRoot",
1471
+ "chipSizeIcon"
1472
+ ],
1967
1473
  "startIcon": [
1968
1474
  "icon"
1969
1475
  ],
1970
1476
  "endIcon": [
1971
1477
  "icon"
1972
- ],
1973
- "columnGap": [
1974
- "gap"
1975
1478
  ]
1976
1479
  },
1977
1480
  "runtimeConfigDefaultProps": {},
@@ -1979,114 +1482,141 @@
1979
1482
  "runtimeConfigInternalComponentProps": {},
1980
1483
  "motionVarPrefixes": []
1981
1484
  },
1982
- "Menu.ItemCheckbox": {
1983
- "name": "Menu.ItemCheckbox",
1984
- "defaultProps": {},
1985
- "getStylesLiterals": {
1986
- "menuitemItemCheckboxVariantRoot": "default",
1987
- "menuitemItemCheckboxVariantActiveRoot": "on",
1988
- "menuitemItemCheckboxVariantActiveRoot:1": "off",
1989
- "menuitemItemCheckboxVariantText": "default",
1990
- "menuitemItemCheckboxVariantActiveText": "on",
1991
- "menuitemItemCheckboxVariantActiveText:1": "off",
1992
- "menuitemItemCheckboxVariantStartIcon": "default",
1993
- "menuitemItemCheckboxVariantActiveStartIcon": "on",
1994
- "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
1995
- "menuitemItemCheckboxVariantEndIcon": "default",
1996
- "menuitemItemCheckboxVariantActiveEndIcon": "on",
1997
- "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
1485
+ "ChipButton": {
1486
+ "name": "ChipButton",
1487
+ "defaultProps": {
1488
+ "variant": "primary"
1998
1489
  },
1490
+ "getStylesLiterals": {},
1999
1491
  "cxLiterals": [
2000
- "uds-menu-item-checkbox"
1492
+ "uds-ring"
2001
1493
  ],
2002
1494
  "internalComponents": [
2003
- "MenuItemBase"
1495
+ "ChipBase"
2004
1496
  ],
2005
- "internalComponentProps": {},
2006
- "propToVariantKeys": {},
1497
+ "internalComponentProps": {
1498
+ "ChipBase": {
1499
+ "as": [
1500
+ "button"
1501
+ ]
1502
+ }
1503
+ },
1504
+ "propToVariantKeys": {
1505
+ "variant": [
1506
+ "chipLinkVariantRoot",
1507
+ "chipLinkVariantIcon"
1508
+ ]
1509
+ },
2007
1510
  "runtimeConfigDefaultProps": {},
2008
1511
  "runtimeConfigGetStyles": {},
2009
1512
  "runtimeConfigInternalComponentProps": {},
2010
1513
  "motionVarPrefixes": []
2011
1514
  },
2012
- "Menu.Provider": {
2013
- "name": "Menu.Provider",
2014
- "defaultProps": {},
1515
+ "ChipDismissible": {
1516
+ "name": "ChipDismissible",
1517
+ "defaultProps": {
1518
+ "variant": "primary"
1519
+ },
2015
1520
  "getStylesLiterals": {},
2016
- "cxLiterals": [],
1521
+ "cxLiterals": [
1522
+ "uds-chip-dismissible-button",
1523
+ "uds-hit-target",
1524
+ "uds-ring",
1525
+ "rounded-full"
1526
+ ],
2017
1527
  "internalComponents": [
2018
- "AriakitMenuProvider",
2019
- "SpringMotionConfig"
1528
+ "ChipBase",
1529
+ "IconSlot",
1530
+ "Pressable"
2020
1531
  ],
2021
1532
  "internalComponentProps": {},
2022
- "propToVariantKeys": {},
1533
+ "propToVariantKeys": {
1534
+ "variant": [
1535
+ "chipDismissibleVariantRoot",
1536
+ "chipDismissibleVariantIcon"
1537
+ ],
1538
+ "dismissButtonAriaLabel": [
1539
+ "aria-label"
1540
+ ]
1541
+ },
2023
1542
  "runtimeConfigDefaultProps": {},
2024
1543
  "runtimeConfigGetStyles": {},
2025
1544
  "runtimeConfigInternalComponentProps": {},
2026
- "motionVarPrefixes": [
2027
- "--uds-motion-subtle-3-",
2028
- "--uds-motion-smooth-3-"
2029
- ]
1545
+ "motionVarPrefixes": []
2030
1546
  },
2031
- "Menu.Trigger": {
2032
- "name": "Menu.Trigger",
2033
- "defaultProps": {},
1547
+ "ChipLink": {
1548
+ "name": "ChipLink",
1549
+ "defaultProps": {
1550
+ "variant": "primary"
1551
+ },
2034
1552
  "getStylesLiterals": {},
2035
1553
  "cxLiterals": [
2036
- "uds-menu-trigger"
1554
+ "uds-ring"
2037
1555
  ],
2038
1556
  "internalComponents": [
2039
- "AriakitMenuTrigger",
2040
- "Box"
1557
+ "ChipBase"
2041
1558
  ],
2042
1559
  "internalComponentProps": {
2043
- "Box": {
2044
- "className": [
2045
- "uds-ring h-fit w-fit"
1560
+ "ChipBase": {
1561
+ "as": [
1562
+ "a"
2046
1563
  ]
2047
1564
  }
2048
1565
  },
2049
- "propToVariantKeys": {},
2050
- "runtimeConfigDefaultProps": {},
2051
- "runtimeConfigGetStyles": {},
2052
- "runtimeConfigInternalComponentProps": {},
2053
- "motionVarPrefixes": []
2054
- },
2055
- "Menu.index": {
2056
- "name": "Menu.index",
2057
- "defaultProps": {},
2058
- "getStylesLiterals": {},
2059
- "cxLiterals": [],
2060
- "internalComponents": [],
2061
- "internalComponentProps": {},
2062
- "propToVariantKeys": {},
2063
- "runtimeConfigDefaultProps": {},
2064
- "runtimeConfigGetStyles": {},
2065
- "runtimeConfigInternalComponentProps": {},
2066
- "motionVarPrefixes": []
2067
- },
2068
- "Menu": {
2069
- "name": "Menu",
2070
- "defaultProps": {},
2071
- "getStylesLiterals": {},
2072
- "cxLiterals": [],
2073
- "internalComponents": [],
2074
- "internalComponentProps": {},
2075
- "propToVariantKeys": {},
1566
+ "propToVariantKeys": {
1567
+ "variant": [
1568
+ "chipLinkVariantRoot",
1569
+ "chipLinkVariantIcon"
1570
+ ]
1571
+ },
2076
1572
  "runtimeConfigDefaultProps": {},
2077
1573
  "runtimeConfigGetStyles": {},
2078
1574
  "runtimeConfigInternalComponentProps": {},
2079
1575
  "motionVarPrefixes": []
2080
1576
  },
2081
- "Input": {
2082
- "name": "Input",
1577
+ "ChipToggle": {
1578
+ "name": "ChipToggle",
2083
1579
  "defaultProps": {
2084
- "type": "text",
2085
- "size": "md",
2086
- "width": "full"
1580
+ "variant": "primary",
1581
+ "role": "checkbox"
2087
1582
  },
2088
1583
  "getStylesLiterals": {
2089
- "inputVariantRoot": "default",
1584
+ "chipToggleVariantActiveRoot": "on",
1585
+ "chipToggleVariantActiveRoot:1": "off"
1586
+ },
1587
+ "cxLiterals": [
1588
+ "uds-ring"
1589
+ ],
1590
+ "internalComponents": [
1591
+ "ChipBase"
1592
+ ],
1593
+ "internalComponentProps": {
1594
+ "ChipBase": {
1595
+ "as": [
1596
+ "button"
1597
+ ]
1598
+ }
1599
+ },
1600
+ "propToVariantKeys": {
1601
+ "variant": [
1602
+ "chipToggleVariantRoot",
1603
+ "chipToggleVariantIcon"
1604
+ ]
1605
+ },
1606
+ "runtimeConfigDefaultProps": {},
1607
+ "runtimeConfigGetStyles": {},
1608
+ "runtimeConfigInternalComponentProps": {},
1609
+ "motionVarPrefixes": []
1610
+ },
1611
+ "Input": {
1612
+ "name": "Input",
1613
+ "defaultProps": {
1614
+ "type": "text",
1615
+ "size": "md",
1616
+ "width": "full"
1617
+ },
1618
+ "getStylesLiterals": {
1619
+ "inputVariantRoot": "default",
2090
1620
  "inputVariantValueRoot": "empty",
2091
1621
  "inputVariantValueRoot:1": "filled",
2092
1622
  "inputVariantInputWrapper": "default",
@@ -2261,72 +1791,39 @@
2261
1791
  "runtimeConfigInternalComponentProps": {},
2262
1792
  "motionVarPrefixes": []
2263
1793
  },
2264
- "Chip": {
2265
- "name": "Chip",
2266
- "defaultProps": {},
2267
- "getStylesLiterals": {},
2268
- "cxLiterals": [],
2269
- "internalComponents": [
2270
- "ChipDismissible",
2271
- "ChipToggle",
2272
- "ChipLink",
2273
- "ChipButton"
2274
- ],
2275
- "internalComponentProps": {},
2276
- "propToVariantKeys": {},
2277
- "runtimeConfigDefaultProps": {},
2278
- "runtimeConfigGetStyles": {},
2279
- "runtimeConfigInternalComponentProps": {},
2280
- "motionVarPrefixes": []
2281
- },
2282
- "ChipBase": {
2283
- "name": "ChipBase",
1794
+ "Menu.Content": {
1795
+ "name": "Menu.Content",
2284
1796
  "defaultProps": {
2285
- "size": "md",
2286
- "as": "div"
1797
+ "size": "default",
1798
+ "variant": "default",
1799
+ "gutter": "1"
2287
1800
  },
2288
1801
  "getStylesLiterals": {},
2289
1802
  "cxLiterals": [
2290
- "pointer-events-none",
2291
- "cursor-default",
2292
- "opacity-50",
2293
- "inline-flex",
2294
- "items-center",
2295
- "transition-[background-color,outline-color,box-shadow]",
2296
- "truncate",
2297
- "whitespace-nowrap",
2298
- "text-center",
2299
- "flex-1"
1803
+ "uds-menu-content",
1804
+ "transition-shadow",
1805
+ "duration-200",
1806
+ "ease-in-out",
1807
+ "min-w-60",
1808
+ "max-w-lg",
1809
+ "max-h-96",
1810
+ "overflow-auto",
1811
+ "uds-ring",
1812
+ "z-10",
1813
+ "group"
2300
1814
  ],
2301
1815
  "internalComponents": [
2302
- "IconSlot",
2303
- "HStack",
2304
- "As",
2305
- "Text"
1816
+ "AriakitMenu",
1817
+ "AnimatePresence",
1818
+ "MotionVStack"
2306
1819
  ],
2307
- "internalComponentProps": {
2308
- "Text": {
2309
- "as": [
2310
- "span"
2311
- ],
2312
- "color": [
2313
- "current"
2314
- ],
2315
- "variant": [
2316
- "inherit"
2317
- ]
2318
- }
2319
- },
1820
+ "internalComponentProps": {},
2320
1821
  "propToVariantKeys": {
2321
1822
  "size": [
2322
- "chipSizeRoot",
2323
- "chipSizeIcon"
2324
- ],
2325
- "startIcon": [
2326
- "icon"
1823
+ "menucontentSizeRoot"
2327
1824
  ],
2328
- "endIcon": [
2329
- "icon"
1825
+ "variant": [
1826
+ "menucontentVariantRoot"
2330
1827
  ]
2331
1828
  },
2332
1829
  "runtimeConfigDefaultProps": {},
@@ -2334,91 +1831,125 @@
2334
1831
  "runtimeConfigInternalComponentProps": {},
2335
1832
  "motionVarPrefixes": []
2336
1833
  },
2337
- "ChipButton": {
2338
- "name": "ChipButton",
1834
+ "Menu.Divider": {
1835
+ "name": "Menu.Divider",
2339
1836
  "defaultProps": {
2340
- "variant": "primary"
1837
+ "role": "separator",
1838
+ "contentPosition": "start",
1839
+ "gap": "4"
2341
1840
  },
2342
- "getStylesLiterals": {},
2343
- "cxLiterals": [
2344
- "uds-ring"
2345
- ],
1841
+ "getStylesLiterals": {
1842
+ "menuitemDividerVariantRoot": "default",
1843
+ "menuitemDividerVariantText": "default",
1844
+ "menuitemDividerVariantLine": "default"
1845
+ },
1846
+ "cxLiterals": [],
2346
1847
  "internalComponents": [
2347
- "ChipBase"
1848
+ "DividerInternal"
2348
1849
  ],
2349
1850
  "internalComponentProps": {
2350
- "ChipBase": {
2351
- "as": [
2352
- "button"
1851
+ "DividerInternal": {
1852
+ "variant": [
1853
+ "inherit"
2353
1854
  ]
2354
1855
  }
2355
1856
  },
2356
- "propToVariantKeys": {
2357
- "variant": [
2358
- "chipLinkVariantRoot",
2359
- "chipLinkVariantIcon"
2360
- ]
2361
- },
1857
+ "propToVariantKeys": {},
2362
1858
  "runtimeConfigDefaultProps": {},
2363
1859
  "runtimeConfigGetStyles": {},
2364
1860
  "runtimeConfigInternalComponentProps": {},
2365
1861
  "motionVarPrefixes": []
2366
1862
  },
2367
- "ChipDismissible": {
2368
- "name": "ChipDismissible",
2369
- "defaultProps": {
2370
- "variant": "primary"
1863
+ "Menu.Item": {
1864
+ "name": "Menu.Item",
1865
+ "defaultProps": {},
1866
+ "getStylesLiterals": {
1867
+ "menuitemItemVariantRoot": "default",
1868
+ "menuitemItemVariantActiveRoot": "on",
1869
+ "menuitemItemVariantActiveRoot:1": "off",
1870
+ "menuitemItemVariantText": "default",
1871
+ "menuitemItemVariantActiveText": "on",
1872
+ "menuitemItemVariantActiveText:1": "off",
1873
+ "menuitemItemVariantIcon": "default",
1874
+ "menuitemItemVariantActiveIcon": "on",
1875
+ "menuitemItemVariantActiveIcon:1": "off"
2371
1876
  },
2372
- "getStylesLiterals": {},
2373
- "cxLiterals": [
2374
- "uds-chip-dismissible-button",
2375
- "uds-hit-target",
2376
- "uds-ring",
2377
- "rounded-full"
2378
- ],
1877
+ "cxLiterals": [],
2379
1878
  "internalComponents": [
2380
- "ChipBase",
2381
- "IconSlot",
2382
- "Pressable"
1879
+ "MenuItemBase"
2383
1880
  ],
2384
1881
  "internalComponentProps": {},
2385
- "propToVariantKeys": {
2386
- "variant": [
2387
- "chipDismissibleVariantRoot",
2388
- "chipDismissibleVariantIcon"
2389
- ],
2390
- "dismissButtonAriaLabel": [
2391
- "aria-label"
2392
- ]
2393
- },
1882
+ "propToVariantKeys": {},
2394
1883
  "runtimeConfigDefaultProps": {},
2395
1884
  "runtimeConfigGetStyles": {},
2396
1885
  "runtimeConfigInternalComponentProps": {},
2397
1886
  "motionVarPrefixes": []
2398
1887
  },
2399
- "ChipLink": {
2400
- "name": "ChipLink",
1888
+ "Menu.ItemBase": {
1889
+ "name": "Menu.ItemBase",
2401
1890
  "defaultProps": {
2402
- "variant": "primary"
1891
+ "spacing": "0",
1892
+ "spacingHorizontal": "4",
1893
+ "spacingVertical": "3.5",
1894
+ "columnGap": "2",
1895
+ "alignItems": "center",
1896
+ "justifyContent": "space-between"
1897
+ },
1898
+ "getStylesLiterals": {
1899
+ "textAlign": "start",
1900
+ "menuitemSizeRoot": "default",
1901
+ "flexDirection": "row",
1902
+ "menuitemSizeStartIcon": "default",
1903
+ "menuitemSizeEndIcon": "default"
2403
1904
  },
2404
- "getStylesLiterals": {},
2405
1905
  "cxLiterals": [
2406
- "uds-ring"
1906
+ "flex",
1907
+ "focus-visible:text-brand",
1908
+ "focus-visible:bg-brand-secondary",
1909
+ "focus-visible:z-10",
1910
+ "uds-ring",
1911
+ "!-outline-offset-2",
1912
+ "[&:not([aria-checked])]:cursor-default",
1913
+ "opacity-25",
1914
+ "cursor-not-allowed",
1915
+ "duration-20",
1916
+ "transition-[font-variation-settings]",
1917
+ "ease-in-out",
1918
+ "z-0",
1919
+ "uds-start-icon",
1920
+ "uds-end-icon"
2407
1921
  ],
2408
1922
  "internalComponents": [
2409
- "ChipBase"
1923
+ "Pressable",
1924
+ "IconSlot",
1925
+ "RootComponent",
1926
+ "HStack",
1927
+ "AnimatePresence"
2410
1928
  ],
2411
1929
  "internalComponentProps": {
2412
- "ChipBase": {
2413
- "as": [
2414
- "a"
1930
+ "HStack": {
1931
+ "alignItems": [
1932
+ "center"
1933
+ ],
1934
+ "width": [
1935
+ "full"
1936
+ ]
1937
+ },
1938
+ "AnimatePresence": {
1939
+ "mode": [
1940
+ "popLayout"
2415
1941
  ]
2416
1942
  }
2417
1943
  },
2418
1944
  "propToVariantKeys": {
2419
- "variant": [
2420
- "chipLinkVariantRoot",
2421
- "chipLinkVariantIcon"
1945
+ "startIcon": [
1946
+ "icon"
1947
+ ],
1948
+ "endIcon": [
1949
+ "icon"
1950
+ ],
1951
+ "columnGap": [
1952
+ "gap"
2422
1953
  ]
2423
1954
  },
2424
1955
  "runtimeConfigDefaultProps": {},
@@ -2426,132 +1957,70 @@
2426
1957
  "runtimeConfigInternalComponentProps": {},
2427
1958
  "motionVarPrefixes": []
2428
1959
  },
2429
- "ChipToggle": {
2430
- "name": "ChipToggle",
2431
- "defaultProps": {
2432
- "variant": "primary",
2433
- "role": "checkbox"
2434
- },
1960
+ "Menu.ItemCheckbox": {
1961
+ "name": "Menu.ItemCheckbox",
1962
+ "defaultProps": {},
2435
1963
  "getStylesLiterals": {
2436
- "chipToggleVariantActiveRoot": "on",
2437
- "chipToggleVariantActiveRoot:1": "off"
1964
+ "menuitemItemCheckboxVariantRoot": "default",
1965
+ "menuitemItemCheckboxVariantActiveRoot": "on",
1966
+ "menuitemItemCheckboxVariantActiveRoot:1": "off",
1967
+ "menuitemItemCheckboxVariantText": "default",
1968
+ "menuitemItemCheckboxVariantActiveText": "on",
1969
+ "menuitemItemCheckboxVariantActiveText:1": "off",
1970
+ "menuitemItemCheckboxVariantStartIcon": "default",
1971
+ "menuitemItemCheckboxVariantActiveStartIcon": "on",
1972
+ "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
1973
+ "menuitemItemCheckboxVariantEndIcon": "default",
1974
+ "menuitemItemCheckboxVariantActiveEndIcon": "on",
1975
+ "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
2438
1976
  },
2439
1977
  "cxLiterals": [
2440
- "uds-ring"
1978
+ "uds-menu-item-checkbox"
2441
1979
  ],
2442
1980
  "internalComponents": [
2443
- "ChipBase"
1981
+ "MenuItemBase"
2444
1982
  ],
2445
- "internalComponentProps": {
2446
- "ChipBase": {
2447
- "as": [
2448
- "button"
2449
- ]
2450
- }
2451
- },
2452
- "propToVariantKeys": {
2453
- "variant": [
2454
- "chipToggleVariantRoot",
2455
- "chipToggleVariantIcon"
2456
- ]
2457
- },
1983
+ "internalComponentProps": {},
1984
+ "propToVariantKeys": {},
2458
1985
  "runtimeConfigDefaultProps": {},
2459
1986
  "runtimeConfigGetStyles": {},
2460
1987
  "runtimeConfigInternalComponentProps": {},
2461
1988
  "motionVarPrefixes": []
2462
1989
  },
2463
- "BottomSheet": {
2464
- "name": "BottomSheet",
2465
- "defaultProps": {
2466
- "variant": "default"
2467
- },
1990
+ "Menu.Provider": {
1991
+ "name": "Menu.Provider",
1992
+ "defaultProps": {},
2468
1993
  "getStylesLiterals": {},
2469
- "cxLiterals": [
2470
- "fixed",
2471
- "overflow-hidden",
2472
- "inset-x-0",
2473
- "bottom-0",
2474
- "z-50",
2475
- "[will-change:transform]",
2476
- "touch-none",
2477
- "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
2478
- "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
2479
- "transition-transform",
2480
- "duration-500",
2481
- "ease-[cubic-bezier(0.32,0.72,0,1)]",
2482
- "motion-reduce:transition-none",
2483
- "top-[-4px]",
2484
- "z-[1]",
2485
- "touch-pan-y"
2486
- ],
1994
+ "cxLiterals": [],
2487
1995
  "internalComponents": [
2488
- "Scrim",
2489
- "BottomSheetHandle",
2490
- "Dialog",
2491
- "Box",
2492
- "BottomSheetInternalContext.Provider"
1996
+ "AriakitMenuProvider",
1997
+ "SpringMotionConfig"
2493
1998
  ],
2494
- "internalComponentProps": {
2495
- "BottomSheetHandle": {
2496
- "ariaLabel": [
2497
- "Resize sheet"
2498
- ]
2499
- },
2500
- "Dialog": {
2501
- "data-testid": [
2502
- "bottom-sheet"
2503
- ]
2504
- },
2505
- "Box": {
2506
- "display": [
2507
- "block",
2508
- "flex"
2509
- ],
2510
- "position": [
2511
- "absolute"
2512
- ],
2513
- "flexDirection": [
2514
- "column"
2515
- ],
2516
- "className": [
2517
- "absolute inset-0 min-h-0 p-[inherit]"
2518
- ]
2519
- }
2520
- },
2521
- "propToVariantKeys": {
2522
- "variant": [
2523
- "bottomsheetVariantRoot"
2524
- ]
2525
- },
1999
+ "internalComponentProps": {},
2000
+ "propToVariantKeys": {},
2526
2001
  "runtimeConfigDefaultProps": {},
2527
2002
  "runtimeConfigGetStyles": {},
2528
2003
  "runtimeConfigInternalComponentProps": {},
2529
- "motionVarPrefixes": []
2004
+ "motionVarPrefixes": [
2005
+ "--uds-motion-subtle-3-",
2006
+ "--uds-motion-smooth-3-"
2007
+ ]
2530
2008
  },
2531
- "BottomSheetContent": {
2532
- "name": "BottomSheetContent",
2009
+ "Menu.Trigger": {
2010
+ "name": "Menu.Trigger",
2533
2011
  "defaultProps": {},
2534
2012
  "getStylesLiterals": {},
2535
2013
  "cxLiterals": [
2536
- "min-h-0",
2537
- "touch-pan-y"
2014
+ "uds-menu-trigger"
2538
2015
  ],
2539
2016
  "internalComponents": [
2540
- "Box",
2541
- "VStack"
2017
+ "AriakitMenuTrigger",
2018
+ "Box"
2542
2019
  ],
2543
2020
  "internalComponentProps": {
2544
2021
  "Box": {
2545
- "display": [
2546
- "block"
2547
- ],
2548
- "flex": [
2549
- "1"
2550
- ]
2551
- },
2552
- "VStack": {
2553
2022
  "className": [
2554
- "pb-[calc(env(safe-area-inset-bottom))]"
2023
+ "uds-ring h-fit w-fit"
2555
2024
  ]
2556
2025
  }
2557
2026
  },
@@ -2561,14 +2030,12 @@
2561
2030
  "runtimeConfigInternalComponentProps": {},
2562
2031
  "motionVarPrefixes": []
2563
2032
  },
2564
- "BottomSheetDismiss": {
2565
- "name": "BottomSheetDismiss",
2033
+ "Menu.index": {
2034
+ "name": "Menu.index",
2566
2035
  "defaultProps": {},
2567
2036
  "getStylesLiterals": {},
2568
2037
  "cxLiterals": [],
2569
- "internalComponents": [
2570
- "AriakitDialogDismiss"
2571
- ],
2038
+ "internalComponents": [],
2572
2039
  "internalComponentProps": {},
2573
2040
  "propToVariantKeys": {},
2574
2041
  "runtimeConfigDefaultProps": {},
@@ -2576,110 +2043,8 @@
2576
2043
  "runtimeConfigInternalComponentProps": {},
2577
2044
  "motionVarPrefixes": []
2578
2045
  },
2579
- "BottomSheetHandle": {
2580
- "name": "BottomSheetHandle",
2581
- "defaultProps": {
2582
- "variant": "default"
2583
- },
2584
- "getStylesLiterals": {},
2585
- "cxLiterals": [
2586
- "relative",
2587
- "h-5",
2588
- "w-16",
2589
- "outline-none",
2590
- "focus-visible:outline-none",
2591
- "[touch-action:pan-y]",
2592
- "absolute",
2593
- "left-1/2",
2594
- "top-1/2",
2595
- "-translate-x-1/2",
2596
- "-translate-y-1/2",
2597
- "h-1",
2598
- "w-8",
2599
- "rounded-full"
2600
- ],
2601
- "internalComponents": [
2602
- "Box"
2603
- ],
2604
- "internalComponentProps": {
2605
- "Box": {
2606
- "display": [
2607
- "block",
2608
- "flex"
2609
- ],
2610
- "justifyContent": [
2611
- "center"
2612
- ]
2613
- }
2614
- },
2615
- "propToVariantKeys": {
2616
- "variant": [
2617
- "bottomsheetVariantHandleIndicator"
2618
- ]
2619
- },
2620
- "runtimeConfigDefaultProps": {},
2621
- "runtimeConfigGetStyles": {},
2622
- "runtimeConfigInternalComponentProps": {},
2623
- "motionVarPrefixes": []
2624
- },
2625
- "BottomSheetHeader": {
2626
- "name": "BottomSheetHeader",
2627
- "defaultProps": {
2628
- "variant": "default"
2629
- },
2630
- "getStylesLiterals": {},
2631
- "cxLiterals": [
2632
- "grid-cols-[40px_1fr_40px]",
2633
- "items-center",
2634
- "w-full",
2635
- "min-h-10",
2636
- "mt-2"
2637
- ],
2638
- "internalComponents": [
2639
- "Box",
2640
- "Text"
2641
- ],
2642
- "internalComponentProps": {
2643
- "Box": {
2644
- "className": [
2645
- "h-10 w-10 opacity-0 pointer-events-none"
2646
- ],
2647
- "display": [
2648
- "grid",
2649
- "flex"
2650
- ],
2651
- "justifyContent": [
2652
- "flex-start",
2653
- "flex-end"
2654
- ]
2655
- },
2656
- "Text": {
2657
- "variant": [
2658
- "inherit"
2659
- ],
2660
- "color": [
2661
- "inherit"
2662
- ],
2663
- "textAlign": [
2664
- "center"
2665
- ],
2666
- "className": [
2667
- "w-full"
2668
- ]
2669
- }
2670
- },
2671
- "propToVariantKeys": {
2672
- "variant": [
2673
- "bottomsheetVariantHeader"
2674
- ]
2675
- },
2676
- "runtimeConfigDefaultProps": {},
2677
- "runtimeConfigGetStyles": {},
2678
- "runtimeConfigInternalComponentProps": {},
2679
- "motionVarPrefixes": []
2680
- },
2681
- "BottomSheetInternalContext": {
2682
- "name": "BottomSheetInternalContext",
2046
+ "Menu": {
2047
+ "name": "Menu",
2683
2048
  "defaultProps": {},
2684
2049
  "getStylesLiterals": {},
2685
2050
  "cxLiterals": [],
@@ -2691,44 +2056,118 @@
2691
2056
  "runtimeConfigInternalComponentProps": {},
2692
2057
  "motionVarPrefixes": []
2693
2058
  },
2694
- "BottomSheetProvider": {
2695
- "name": "BottomSheetProvider",
2059
+ "Popover": {
2060
+ "name": "Popover",
2696
2061
  "defaultProps": {},
2697
2062
  "getStylesLiterals": {},
2698
2063
  "cxLiterals": [],
2699
2064
  "internalComponents": [
2700
- "AriakitDialogProvider"
2065
+ "PopoverInternalContext.Provider",
2066
+ "PopoverProvider"
2701
2067
  ],
2702
2068
  "internalComponentProps": {},
2703
2069
  "propToVariantKeys": {},
2704
- "runtimeConfigDefaultProps": {},
2705
- "runtimeConfigGetStyles": {},
2070
+ "runtimeConfigDefaultProps": {
2071
+ "size": "popover.defaultSize",
2072
+ "variant": "popover.defaultVariant"
2073
+ },
2074
+ "runtimeConfigGetStyles": {},
2706
2075
  "runtimeConfigInternalComponentProps": {},
2707
2076
  "motionVarPrefixes": []
2708
2077
  },
2709
- "BottomSheetTrigger": {
2710
- "name": "BottomSheetTrigger",
2078
+ "PopoverContent": {
2079
+ "name": "PopoverContent",
2711
2080
  "defaultProps": {},
2712
- "getStylesLiterals": {},
2713
- "cxLiterals": [],
2081
+ "getStylesLiterals": {
2082
+ "popoverSizeRoot": "default",
2083
+ "popoverVariantRoot": "default",
2084
+ "display": "flex",
2085
+ "position": "absolute",
2086
+ "spacingTop": "0",
2087
+ "spacingStart": "0",
2088
+ "spacingBottom": "0",
2089
+ "spacingEnd": "0",
2090
+ "popoverSizeSvgBase": "default",
2091
+ "popoverVariantSvgBase": "default",
2092
+ "popoverSizeSvgBorder": "default",
2093
+ "popoverVariantSvgBorder": "default",
2094
+ "popoverVariantBlur": "default",
2095
+ "width": "full",
2096
+ "height": "full",
2097
+ "flexShrink": "0",
2098
+ "borderRadius": "full",
2099
+ "alignItems": "center",
2100
+ "justifyContent": "center",
2101
+ "popoverVariantCloseIcon": "default",
2102
+ "popoverSizeCloseIcon": "default"
2103
+ },
2104
+ "cxLiterals": [
2105
+ "z-[9999]",
2106
+ "outline-none",
2107
+ "focus-visible:outline-none",
2108
+ "uds-bgBlurFillFallback",
2109
+ "uds-bgBlurFallback",
2110
+ "top-0",
2111
+ "left-0",
2112
+ "z-[1]",
2113
+ "duration-0",
2114
+ "duration-120",
2115
+ "transition-[background-color]",
2116
+ "bg-carbon-15/0",
2117
+ "hover:bg-carbon-15/10",
2118
+ "active:bg-carbon-15/15",
2119
+ "uds-ring",
2120
+ "absolute",
2121
+ "z-[4]"
2122
+ ],
2714
2123
  "internalComponents": [
2715
- "AriakitDialogDisclosure"
2124
+ "PopoverDismiss",
2125
+ "IconSlot",
2126
+ "PopoverArrow",
2127
+ "Popover",
2128
+ "SvgFloatingOverlay",
2129
+ "Box",
2130
+ "Pressable"
2716
2131
  ],
2717
2132
  "internalComponentProps": {},
2718
- "propToVariantKeys": {},
2719
- "runtimeConfigDefaultProps": {},
2720
- "runtimeConfigGetStyles": {},
2721
- "runtimeConfigInternalComponentProps": {},
2133
+ "propToVariantKeys": {
2134
+ "closeIcon": [
2135
+ "icon"
2136
+ ]
2137
+ },
2138
+ "runtimeConfigDefaultProps": {
2139
+ "size": "popover.defaultSize",
2140
+ "variant": "popover.defaultVariant"
2141
+ },
2142
+ "runtimeConfigGetStyles": {
2143
+ "spacingTop": [
2144
+ "popover.spacingVertical.${size}"
2145
+ ],
2146
+ "spacingStart": [
2147
+ "popover.spacingHorizontal.${size}"
2148
+ ],
2149
+ "spacingBottom": [
2150
+ "popover.spacingVertical.${size}"
2151
+ ],
2152
+ "spacingEnd": [
2153
+ "popover.spacingHorizontal.${size}"
2154
+ ]
2155
+ },
2156
+ "runtimeConfigInternalComponentProps": {
2157
+ "SvgFloatingOverlay": {
2158
+ "borderRadius": [
2159
+ "popover.borderRadius.${size}"
2160
+ ]
2161
+ }
2162
+ },
2722
2163
  "motionVarPrefixes": []
2723
2164
  },
2724
- "UDSBottomSheetConfigProvider": {
2725
- "name": "UDSBottomSheetConfigProvider",
2165
+ "PopoverContext": {
2166
+ "name": "PopoverContext",
2726
2167
  "defaultProps": {},
2727
2168
  "getStylesLiterals": {},
2728
2169
  "cxLiterals": [],
2729
- "internalComponents": [
2730
- "BottomSheetContext.Provider"
2731
- ],
2170
+ "internalComponents": [],
2732
2171
  "internalComponentProps": {},
2733
2172
  "propToVariantKeys": {},
2734
2173
  "runtimeConfigDefaultProps": {},
@@ -2736,46 +2175,24 @@
2736
2175
  "runtimeConfigInternalComponentProps": {},
2737
2176
  "motionVarPrefixes": []
2738
2177
  },
2739
- "Avatar": {
2740
- "name": "Avatar",
2178
+ "PopoverTrigger": {
2179
+ "name": "PopoverTrigger",
2741
2180
  "defaultProps": {},
2742
2181
  "getStylesLiterals": {},
2743
2182
  "cxLiterals": [],
2744
2183
  "internalComponents": [
2745
- "AvatarImage"
2184
+ "PopoverDisclosure"
2746
2185
  ],
2747
- "internalComponentProps": {},
2748
- "propToVariantKeys": {},
2749
- "runtimeConfigDefaultProps": {},
2750
- "runtimeConfigGetStyles": {},
2751
- "runtimeConfigInternalComponentProps": {},
2752
- "motionVarPrefixes": []
2753
- },
2754
- "AvatarIcon": {
2755
- "name": "AvatarIcon",
2756
- "defaultProps": {
2757
- "size": "md",
2758
- "variant": "primary"
2186
+ "internalComponentProps": {
2187
+ "PopoverDisclosure": {
2188
+ "className": [
2189
+ "inline"
2190
+ ]
2191
+ }
2759
2192
  },
2760
- "getStylesLiterals": {},
2761
- "cxLiterals": [
2762
- "overflow-hidden",
2763
- "w-full",
2764
- "h-full",
2765
- "shrink-0",
2766
- "text-center",
2767
- "inline-flex",
2768
- "justify-center",
2769
- "items-center"
2770
- ],
2771
- "internalComponents": [
2772
- "IconSlot",
2773
- "Box"
2774
- ],
2775
- "internalComponentProps": {},
2776
2193
  "propToVariantKeys": {
2777
- "size": [
2778
- "avatarSizeIcon"
2194
+ "children": [
2195
+ "render"
2779
2196
  ]
2780
2197
  },
2781
2198
  "runtimeConfigDefaultProps": {},
@@ -2783,75 +2200,152 @@
2783
2200
  "runtimeConfigInternalComponentProps": {},
2784
2201
  "motionVarPrefixes": []
2785
2202
  },
2786
- "AvatarImage": {
2787
- "name": "AvatarImage",
2788
- "defaultProps": {
2789
- "size": "md",
2790
- "variant": "primary"
2791
- },
2203
+ "UDSPopoverConfigProvider": {
2204
+ "name": "UDSPopoverConfigProvider",
2205
+ "defaultProps": {},
2792
2206
  "getStylesLiterals": {},
2793
- "cxLiterals": [
2794
- "overflow-hidden",
2795
- "w-full",
2796
- "h-full",
2797
- "shrink-0",
2798
- "text-center",
2799
- "inline-flex",
2800
- "justify-center",
2801
- "items-center",
2802
- "object-cover"
2803
- ],
2207
+ "cxLiterals": [],
2804
2208
  "internalComponents": [
2805
- "UDSImage",
2806
- "AvatarText",
2807
- "AvatarIcon",
2808
- "Box"
2209
+ "PopoverContext.Provider"
2809
2210
  ],
2810
2211
  "internalComponentProps": {},
2811
- "propToVariantKeys": {
2812
- "alt": [
2813
- "name"
2814
- ],
2815
- "fallback": [
2816
- "initials"
2817
- ]
2818
- },
2212
+ "propToVariantKeys": {},
2819
2213
  "runtimeConfigDefaultProps": {},
2820
2214
  "runtimeConfigGetStyles": {},
2821
2215
  "runtimeConfigInternalComponentProps": {},
2822
2216
  "motionVarPrefixes": []
2823
2217
  },
2824
- "AvatarText": {
2825
- "name": "AvatarText",
2218
+ "Radio": {
2219
+ "name": "Radio",
2826
2220
  "defaultProps": {
2221
+ "labelPosition": "start",
2222
+ "variant": "primary",
2827
2223
  "size": "md",
2828
- "variant": "primary"
2224
+ "value": ""
2225
+ },
2226
+ "getStylesLiterals": {
2227
+ "radioVariantValueRoot": "checked",
2228
+ "radioVariantValueRoot:1": "unchecked",
2229
+ "display": "flex",
2230
+ "flexDirection": "row",
2231
+ "flexDirection:1": "row-reverse",
2232
+ "alignItems": "center",
2233
+ "radioVariantValueRadio": "checked",
2234
+ "radioVariantValueRadio:1": "unchecked",
2235
+ "radioVariantValueRadioCircle": "checked",
2236
+ "radioVariantValueRadioCircle:1": "unchecked"
2829
2237
  },
2830
- "getStylesLiterals": {},
2831
2238
  "cxLiterals": [
2832
- "overflow-hidden",
2833
- "truncate",
2834
- "w-full",
2835
- "h-full",
2836
- "shrink-0",
2837
- "text-center",
2838
- "inline-flex",
2839
- "justify-center",
2840
- "items-center"
2239
+ "cursor-pointer",
2240
+ "cursor-default",
2241
+ "opacity-50",
2242
+ "border",
2243
+ "uds-ring",
2244
+ "uds-ring-within",
2245
+ "transition-[background-color,border-color]",
2246
+ "transition-shadow",
2247
+ "pointer-events-none",
2248
+ "w-[8px]",
2249
+ "h-[8px]",
2250
+ "transition-opacity",
2251
+ "cursor-[inherit]",
2252
+ "absolute",
2253
+ "opacity-0",
2254
+ "top-1/2",
2255
+ "left-1/2",
2256
+ "w-[calc(100%+2px)]",
2257
+ "h-[calc(100%+2px)]",
2258
+ "transform",
2259
+ "translate-x-[-50%]",
2260
+ "translate-y-[-50%]",
2261
+ "text-start",
2262
+ "text-end"
2841
2263
  ],
2842
2264
  "internalComponents": [
2843
2265
  "Box",
2844
- "Text"
2266
+ "FormLabel",
2267
+ "SpringMotionConfig",
2268
+ "RootElement",
2269
+ "MotionBox"
2845
2270
  ],
2846
2271
  "internalComponentProps": {
2847
- "Text": {
2848
- "color": [
2849
- "inherit"
2272
+ "Box": {
2273
+ "borderRadius": [
2274
+ "full"
2275
+ ]
2276
+ },
2277
+ "FormLabel": {
2278
+ "as": [
2279
+ "div"
2850
2280
  ],
2851
2281
  "variant": [
2852
2282
  "inherit"
2283
+ ],
2284
+ "color": [
2285
+ "inherit"
2853
2286
  ]
2854
- }
2287
+ },
2288
+ "RootElement": {
2289
+ "data-testid": [
2290
+ "container"
2291
+ ]
2292
+ },
2293
+ "MotionBox": {
2294
+ "position": [
2295
+ "relative"
2296
+ ],
2297
+ "borderRadius": [
2298
+ "full"
2299
+ ],
2300
+ "alignItems": [
2301
+ "center"
2302
+ ],
2303
+ "justifyContent": [
2304
+ "center"
2305
+ ],
2306
+ "flex": [
2307
+ "none"
2308
+ ]
2309
+ }
2310
+ },
2311
+ "propToVariantKeys": {
2312
+ "size": [
2313
+ "radioSizeRoot",
2314
+ "radioSizeRadio"
2315
+ ],
2316
+ "variant": [
2317
+ "radioVariantRoot",
2318
+ "radioVariantRadio",
2319
+ "radioVariantRadioCircle"
2320
+ ],
2321
+ "reduceMotion": [
2322
+ "reducedMotion"
2323
+ ]
2324
+ },
2325
+ "runtimeConfigDefaultProps": {},
2326
+ "runtimeConfigGetStyles": {},
2327
+ "runtimeConfigInternalComponentProps": {},
2328
+ "motionVarPrefixes": [
2329
+ "--uds-motion-subtle-3-",
2330
+ "--uds-motion-smooth-3-"
2331
+ ]
2332
+ },
2333
+ "RadioGroupProvider": {
2334
+ "name": "RadioGroupProvider",
2335
+ "defaultProps": {},
2336
+ "getStylesLiterals": {},
2337
+ "cxLiterals": [],
2338
+ "internalComponents": [
2339
+ "DivProps",
2340
+ "Comp",
2341
+ "RadioGroupContext.Provider"
2342
+ ],
2343
+ "internalComponentProps": {
2344
+ "Comp": {
2345
+ "role": [
2346
+ "radiogroup"
2347
+ ]
2348
+ }
2855
2349
  },
2856
2350
  "propToVariantKeys": {},
2857
2351
  "runtimeConfigDefaultProps": {},
@@ -2859,6 +2353,19 @@
2859
2353
  "runtimeConfigInternalComponentProps": {},
2860
2354
  "motionVarPrefixes": []
2861
2355
  },
2356
+ "RadioGroupStore": {
2357
+ "name": "RadioGroupStore",
2358
+ "defaultProps": {},
2359
+ "getStylesLiterals": {},
2360
+ "cxLiterals": [],
2361
+ "internalComponents": [],
2362
+ "internalComponentProps": {},
2363
+ "propToVariantKeys": {},
2364
+ "runtimeConfigDefaultProps": {},
2365
+ "runtimeConfigGetStyles": {},
2366
+ "runtimeConfigInternalComponentProps": {},
2367
+ "motionVarPrefixes": []
2368
+ },
2862
2369
  "Toast": {
2863
2370
  "name": "Toast",
2864
2371
  "defaultProps": {},
@@ -3057,32 +2564,133 @@
3057
2564
  "runtimeConfigInternalComponentProps": {},
3058
2565
  "motionVarPrefixes": []
3059
2566
  },
3060
- "UDSBreakpointsConfigProvider": {
3061
- "name": "UDSBreakpointsConfigProvider",
2567
+ "Tooltip": {
2568
+ "name": "Tooltip",
3062
2569
  "defaultProps": {},
3063
2570
  "getStylesLiterals": {},
3064
2571
  "cxLiterals": [],
3065
2572
  "internalComponents": [
3066
- "UDSBreakpointsConfigContext.Provider"
2573
+ "TooltipInternalContext.Provider",
2574
+ "TooltipProvider"
3067
2575
  ],
3068
2576
  "internalComponentProps": {},
3069
2577
  "propToVariantKeys": {},
3070
2578
  "runtimeConfigDefaultProps": {},
3071
2579
  "runtimeConfigGetStyles": {},
2580
+ "runtimeConfigInternalComponentProps": {
2581
+ "TooltipProvider": {
2582
+ "animated": [
2583
+ "tooltip.animationDuration"
2584
+ ]
2585
+ }
2586
+ },
2587
+ "motionVarPrefixes": []
2588
+ },
2589
+ "TooltipContent": {
2590
+ "name": "TooltipContent",
2591
+ "defaultProps": {},
2592
+ "getStylesLiterals": {
2593
+ "tooltipSizeRoot": "default",
2594
+ "tooltipVariantRoot": "default",
2595
+ "tooltipSizeSvg": "default",
2596
+ "tooltipVariantSvg": "default",
2597
+ "tooltipVariantBlur": "default",
2598
+ "position": "absolute",
2599
+ "width": "full",
2600
+ "height": "full",
2601
+ "tooltipSizeTitle": "default",
2602
+ "tooltipSizeBody": "default",
2603
+ "tooltipSizeEndContent": "default",
2604
+ "tooltipSizeIcon": "default",
2605
+ "tooltipVariantIcon": "default"
2606
+ },
2607
+ "cxLiterals": [
2608
+ "max-w-lg",
2609
+ "flex",
2610
+ "z-[9999]",
2611
+ "uds-bgBlurFillFallback",
2612
+ "uds-bgBlurFallback",
2613
+ "top-0",
2614
+ "left-0",
2615
+ "z-[1]"
2616
+ ],
2617
+ "internalComponents": [
2618
+ "IconSlot",
2619
+ "TooltipArrow",
2620
+ "Tooltip",
2621
+ "SvgFloatingOverlay",
2622
+ "VStack",
2623
+ "Box",
2624
+ "Text"
2625
+ ],
2626
+ "internalComponentProps": {
2627
+ "SvgFloatingOverlay": {
2628
+ "contentOverflow": [
2629
+ "visible"
2630
+ ]
2631
+ },
2632
+ "VStack": {
2633
+ "className": [
2634
+ "gap-[inherit]"
2635
+ ]
2636
+ },
2637
+ "Box": {
2638
+ "alignItems": [
2639
+ "center"
2640
+ ],
2641
+ "columnGap": [
2642
+ "1",
2643
+ "1.5"
2644
+ ]
2645
+ },
2646
+ "Text": {
2647
+ "color": [
2648
+ "inherit"
2649
+ ]
2650
+ }
2651
+ },
2652
+ "propToVariantKeys": {
2653
+ "startTitleIcon": [
2654
+ "icon"
2655
+ ]
2656
+ },
2657
+ "runtimeConfigDefaultProps": {},
2658
+ "runtimeConfigGetStyles": {},
3072
2659
  "runtimeConfigInternalComponentProps": {},
3073
2660
  "motionVarPrefixes": []
3074
2661
  },
3075
- "UDSConfigProvider": {
3076
- "name": "UDSConfigProvider",
2662
+ "TooltipTrigger": {
2663
+ "name": "TooltipTrigger",
3077
2664
  "defaultProps": {},
3078
2665
  "getStylesLiterals": {},
3079
2666
  "cxLiterals": [],
3080
2667
  "internalComponents": [
3081
- "UDSBreakpointsConfigProvider",
3082
- "UDSBottomSheetConfigProvider",
3083
- "UDSToastConfigProvider",
3084
- "UDSTooltipConfigProvider",
3085
- "UDSPopoverConfigProvider"
2668
+ "TooltipAnchor"
2669
+ ],
2670
+ "internalComponentProps": {
2671
+ "TooltipAnchor": {
2672
+ "className": [
2673
+ "inline"
2674
+ ]
2675
+ }
2676
+ },
2677
+ "propToVariantKeys": {
2678
+ "children": [
2679
+ "render"
2680
+ ]
2681
+ },
2682
+ "runtimeConfigDefaultProps": {},
2683
+ "runtimeConfigGetStyles": {},
2684
+ "runtimeConfigInternalComponentProps": {},
2685
+ "motionVarPrefixes": []
2686
+ },
2687
+ "UDSTooltipConfigProvider": {
2688
+ "name": "UDSTooltipConfigProvider",
2689
+ "defaultProps": {},
2690
+ "getStylesLiterals": {},
2691
+ "cxLiterals": [],
2692
+ "internalComponents": [
2693
+ "TooltipContext.Provider"
3086
2694
  ],
3087
2695
  "internalComponentProps": {},
3088
2696
  "propToVariantKeys": {},
@@ -3091,128 +2699,503 @@
3091
2699
  "runtimeConfigInternalComponentProps": {},
3092
2700
  "motionVarPrefixes": []
3093
2701
  },
3094
- "Tooltip": {
3095
- "name": "Tooltip",
3096
- "defaultProps": {},
3097
- "getStylesLiterals": {},
3098
- "cxLiterals": [],
3099
- "internalComponents": [
3100
- "TooltipInternalContext.Provider",
3101
- "TooltipProvider"
3102
- ],
3103
- "internalComponentProps": {},
3104
- "propToVariantKeys": {},
3105
- "runtimeConfigDefaultProps": {},
3106
- "runtimeConfigGetStyles": {},
3107
- "runtimeConfigInternalComponentProps": {
3108
- "TooltipProvider": {
3109
- "animated": [
3110
- "tooltip.animationDuration"
3111
- ]
3112
- }
2702
+ "Accordion": {
2703
+ "name": "Accordion",
2704
+ "defaultProps": {
2705
+ "spacingHorizontal": "4",
2706
+ "spacingVertical": "4"
2707
+ },
2708
+ "getStylesLiterals": {},
2709
+ "cxLiterals": [
2710
+ "hover:bg-secondary/80",
2711
+ "w-full"
2712
+ ],
2713
+ "internalComponents": [
2714
+ "Icon",
2715
+ "SpringMotionConfig",
2716
+ "Pressable",
2717
+ "Text",
2718
+ "HStack",
2719
+ "AnimatePresence",
2720
+ "VStack"
2721
+ ],
2722
+ "internalComponentProps": {
2723
+ "Icon": {
2724
+ "variant": [
2725
+ "fill"
2726
+ ],
2727
+ "size": [
2728
+ "sm"
2729
+ ],
2730
+ "color": [
2731
+ "primary"
2732
+ ]
2733
+ },
2734
+ "SpringMotionConfig": {
2735
+ "layoutVariant": [
2736
+ "smooth"
2737
+ ],
2738
+ "layoutSpeed": [
2739
+ "3"
2740
+ ]
2741
+ },
2742
+ "Pressable": {
2743
+ "display": [
2744
+ "flex"
2745
+ ],
2746
+ "flexDirection": [
2747
+ "row"
2748
+ ],
2749
+ "alignItems": [
2750
+ "center"
2751
+ ],
2752
+ "justifyContent": [
2753
+ "space-between"
2754
+ ],
2755
+ "borderRadius": [
2756
+ "md"
2757
+ ]
2758
+ },
2759
+ "Text": {
2760
+ "variant": [
2761
+ "title4"
2762
+ ],
2763
+ "color": [
2764
+ "primary"
2765
+ ]
2766
+ },
2767
+ "HStack": {
2768
+ "display": [
2769
+ "flex"
2770
+ ],
2771
+ "alignItems": [
2772
+ "center"
2773
+ ],
2774
+ "justifyContent": [
2775
+ "space-between"
2776
+ ],
2777
+ "columnGap": [
2778
+ "2.5"
2779
+ ]
2780
+ }
2781
+ },
2782
+ "propToVariantKeys": {},
2783
+ "runtimeConfigDefaultProps": {},
2784
+ "runtimeConfigGetStyles": {},
2785
+ "runtimeConfigInternalComponentProps": {},
2786
+ "motionVarPrefixes": [
2787
+ "--uds-motion-smooth-3-"
2788
+ ]
2789
+ },
2790
+ "AvoidMotionLibraryProvider": {
2791
+ "name": "AvoidMotionLibraryProvider",
2792
+ "defaultProps": {},
2793
+ "getStylesLiterals": {},
2794
+ "cxLiterals": [],
2795
+ "internalComponents": [],
2796
+ "internalComponentProps": {},
2797
+ "propToVariantKeys": {},
2798
+ "runtimeConfigDefaultProps": {},
2799
+ "runtimeConfigGetStyles": {},
2800
+ "runtimeConfigInternalComponentProps": {},
2801
+ "motionVarPrefixes": []
2802
+ },
2803
+ "Modal": {
2804
+ "name": "Modal",
2805
+ "defaultProps": {},
2806
+ "getStylesLiterals": {},
2807
+ "cxLiterals": [
2808
+ "inset-8",
2809
+ "top-[250px]",
2810
+ "z-50",
2811
+ "mx-auto",
2812
+ "h-fit",
2813
+ "w-[600px]",
2814
+ "origin-center",
2815
+ "scale-95",
2816
+ "opacity-0",
2817
+ "transition",
2818
+ "duration-150",
2819
+ "data-[enter]:scale-100",
2820
+ "data-[enter]:opacity-100",
2821
+ "data-[enter]:bg-primary",
2822
+ "backdrop-blur-0",
2823
+ "data-[enter]:opacity-60",
2824
+ "data-[enter]:backdrop-blur-sm"
2825
+ ],
2826
+ "internalComponents": [
2827
+ "IconButton",
2828
+ "Dialog",
2829
+ "HStack",
2830
+ "Text",
2831
+ "VStack"
2832
+ ],
2833
+ "internalComponentProps": {
2834
+ "IconButton": {
2835
+ "aria-label": [
2836
+ "Close"
2837
+ ],
2838
+ "size": [
2839
+ "sm"
2840
+ ],
2841
+ "variant": [
2842
+ "tertiary"
2843
+ ]
2844
+ },
2845
+ "HStack": {
2846
+ "alignItems": [
2847
+ "center"
2848
+ ],
2849
+ "justifyContent": [
2850
+ "space-between"
2851
+ ]
2852
+ },
2853
+ "Text": {
2854
+ "variant": [
2855
+ "headline1"
2856
+ ],
2857
+ "color": [
2858
+ "primary"
2859
+ ]
2860
+ },
2861
+ "VStack": {
2862
+ "borderRadius": [
2863
+ "md"
2864
+ ],
2865
+ "position": [
2866
+ "fixed"
2867
+ ],
2868
+ "backgroundColor": [
2869
+ "primary"
2870
+ ],
2871
+ "dropShadow": [
2872
+ "md"
2873
+ ],
2874
+ "spacing": [
2875
+ "8"
2876
+ ],
2877
+ "overflow": [
2878
+ "hidden"
2879
+ ]
2880
+ }
2881
+ },
2882
+ "propToVariantKeys": {
2883
+ "handleClose": [
2884
+ "onClick"
2885
+ ]
2886
+ },
2887
+ "runtimeConfigDefaultProps": {},
2888
+ "runtimeConfigGetStyles": {},
2889
+ "runtimeConfigInternalComponentProps": {},
2890
+ "motionVarPrefixes": []
2891
+ },
2892
+ "SegmentedControl": {
2893
+ "name": "SegmentedControl",
2894
+ "defaultProps": {
2895
+ "textVariant": "label2"
2896
+ },
2897
+ "getStylesLiterals": {
2898
+ "display": "flex",
2899
+ "alignItems": "center",
2900
+ "backgroundColor": "primary",
2901
+ "spacingVertical": "1",
2902
+ "spacingHorizontal": "3",
2903
+ "columnGap": "1.5",
2904
+ "borderWidth": "thin",
2905
+ "borderRadius": "full",
2906
+ "borderColor": "muted",
2907
+ "borderColor:1": "transparent",
2908
+ "color": "primary",
2909
+ "color:1": "tertiary",
2910
+ "color:2": "muted"
2911
+ },
2912
+ "cxLiterals": [
2913
+ "uds-ring",
2914
+ "cursor-not-allowed",
2915
+ "opacity-50",
2916
+ "pointer-events-none",
2917
+ "hover:bg-primary"
2918
+ ],
2919
+ "internalComponents": [
2920
+ "TextVariant",
2921
+ "Radio",
2922
+ "Icon",
2923
+ "RadioProvider",
2924
+ "HStack",
2925
+ "RadioGroup",
2926
+ "Pressable",
2927
+ "Text"
2928
+ ],
2929
+ "internalComponentProps": {
2930
+ "Icon": {
2931
+ "size": [
2932
+ "sm"
2933
+ ],
2934
+ "color": [
2935
+ "current"
2936
+ ],
2937
+ "aria-hidden": [
2938
+ "true"
2939
+ ]
2940
+ },
2941
+ "HStack": {
2942
+ "spacing": [
2943
+ "1"
2944
+ ],
2945
+ "gap": [
2946
+ "1"
2947
+ ],
2948
+ "backgroundColor": [
2949
+ "secondary"
2950
+ ],
2951
+ "borderRadius": [
2952
+ "full"
2953
+ ],
2954
+ "display": [
2955
+ "inline-flex"
2956
+ ]
2957
+ },
2958
+ "Text": {
2959
+ "color": [
2960
+ "current"
2961
+ ]
2962
+ }
2963
+ },
2964
+ "propToVariantKeys": {
2965
+ "value": [
2966
+ "key"
2967
+ ],
2968
+ "label": [
2969
+ "aria-label"
2970
+ ],
2971
+ "textVariant": [
2972
+ "variant"
2973
+ ]
2974
+ },
2975
+ "runtimeConfigDefaultProps": {},
2976
+ "runtimeConfigGetStyles": {},
2977
+ "runtimeConfigInternalComponentProps": {},
2978
+ "motionVarPrefixes": []
2979
+ },
2980
+ "SwitchV2": {
2981
+ "name": "SwitchV2",
2982
+ "defaultProps": {
2983
+ "labelPosition": "start",
2984
+ "size": "md"
3113
2985
  },
3114
- "motionVarPrefixes": []
3115
- },
3116
- "TooltipContent": {
3117
- "name": "TooltipContent",
3118
- "defaultProps": {},
3119
2986
  "getStylesLiterals": {
3120
- "tooltipSizeRoot": "default",
3121
- "tooltipVariantRoot": "default",
3122
- "tooltipSizeSvg": "default",
3123
- "tooltipVariantSvg": "default",
3124
- "tooltipVariantBlur": "default",
3125
- "position": "absolute",
3126
- "width": "full",
3127
- "height": "full",
3128
- "tooltipSizeTitle": "default",
3129
- "tooltipSizeBody": "default",
3130
- "tooltipSizeEndContent": "default",
3131
- "tooltipSizeIcon": "default",
3132
- "tooltipVariantIcon": "default"
2987
+ "switchVariantRoot": "default",
2988
+ "switchVariantActiveRoot": "on",
2989
+ "switchVariantActiveRoot:1": "off",
2990
+ "switchVariantSwitch": "default",
2991
+ "switchVariantActiveSwitch": "on",
2992
+ "switchVariantActiveSwitch:1": "off",
2993
+ "switchVariantActiveHandle": "on",
2994
+ "switchVariantActiveHandle:1": "off",
2995
+ "switchVariantHandle": "default",
2996
+ "switchVariantHandleIcon": "default",
2997
+ "switchVariantActiveHandleIcon": "on",
2998
+ "switchVariantActiveHandleIcon:1": "off"
3133
2999
  },
3134
3000
  "cxLiterals": [
3135
- "max-w-lg",
3001
+ "group",
3136
3002
  "flex",
3137
- "z-[9999]",
3138
- "uds-bgBlurFillFallback",
3139
- "uds-bgBlurFallback",
3003
+ "items-center",
3004
+ "flex-row",
3005
+ "flex-row-reverse",
3006
+ "uds-ring",
3007
+ "uds-ring-within",
3008
+ "relative",
3009
+ "uds-border-radius-full",
3010
+ "transition-[background-color,box-shadow]",
3011
+ "pointer-events-none",
3012
+ "w-full",
3013
+ "h-full",
3014
+ "absolute",
3140
3015
  "top-0",
3016
+ "bottom-0",
3017
+ "right-0",
3141
3018
  "left-0",
3142
- "z-[1]"
3019
+ "overflow-hidden",
3020
+ "group-hover:scale-105",
3021
+ "opacity-95",
3022
+ "group-hover:opacity-100",
3023
+ "transition-[transform,opacity]",
3024
+ "opacity-0",
3025
+ "top-1/2",
3026
+ "left-1/2",
3027
+ "transform",
3028
+ "translate-x-[-50%]",
3029
+ "translate-y-[-50%]",
3030
+ "transition-opacity",
3031
+ "cursor-[inherit]",
3032
+ "w-[calc(100%+2px)]",
3033
+ "h-[calc(100%+2px)]",
3034
+ "text-start",
3035
+ "text-end",
3036
+ "opacity-100"
3143
3037
  ],
3144
3038
  "internalComponents": [
3145
3039
  "IconSlot",
3146
- "TooltipArrow",
3147
- "Tooltip",
3148
- "SvgFloatingOverlay",
3149
- "VStack",
3150
3040
  "Box",
3151
- "Text"
3041
+ "FormLabel",
3042
+ "SpringMotionConfig",
3043
+ "RootElement",
3044
+ "MotionBox"
3152
3045
  ],
3153
3046
  "internalComponentProps": {
3154
- "VStack": {
3155
- "className": [
3156
- "gap-[inherit]"
3047
+ "IconSlot": {
3048
+ "data-testid": [
3049
+ "on-icon",
3050
+ "off-icon"
3157
3051
  ]
3158
3052
  },
3159
- "Box": {
3160
- "alignItems": [
3161
- "center"
3053
+ "FormLabel": {
3054
+ "as": [
3055
+ "div"
3056
+ ],
3057
+ "variant": [
3058
+ "inherit"
3162
3059
  ],
3163
- "columnGap": [
3164
- "1",
3165
- "1.5"
3166
- ]
3167
- },
3168
- "Text": {
3169
3060
  "color": [
3170
3061
  "inherit"
3171
3062
  ]
3063
+ },
3064
+ "SpringMotionConfig": {
3065
+ "layoutVariant": [
3066
+ "bouncy"
3067
+ ],
3068
+ "layoutSpeed": [
3069
+ "4"
3070
+ ]
3071
+ },
3072
+ "RootElement": {
3073
+ "data-testid": [
3074
+ "switch-root"
3075
+ ]
3076
+ },
3077
+ "MotionBox": {
3078
+ "layout": [
3079
+ "position"
3080
+ ]
3172
3081
  }
3173
3082
  },
3174
3083
  "propToVariantKeys": {
3175
- "startTitleIcon": [
3084
+ "size": [
3085
+ "switchSizeRoot",
3086
+ "switchSizeSwitch",
3087
+ "switchSizeHandle",
3088
+ "switchSizeHandleIcon"
3089
+ ],
3090
+ "onIcon": [
3176
3091
  "icon"
3092
+ ],
3093
+ "offIcon": [
3094
+ "icon"
3095
+ ],
3096
+ "reduceMotion": [
3097
+ "reducedMotion"
3098
+ ],
3099
+ "isOn": [
3100
+ "layoutDependency"
3177
3101
  ]
3178
3102
  },
3179
3103
  "runtimeConfigDefaultProps": {},
3180
3104
  "runtimeConfigGetStyles": {},
3181
3105
  "runtimeConfigInternalComponentProps": {},
3182
- "motionVarPrefixes": []
3106
+ "motionVarPrefixes": [
3107
+ "--uds-motion-bouncy-4-",
3108
+ "--uds-motion-smooth-3-"
3109
+ ]
3183
3110
  },
3184
- "TooltipTrigger": {
3185
- "name": "TooltipTrigger",
3111
+ "Tabs": {
3112
+ "name": "Tabs",
3186
3113
  "defaultProps": {},
3187
- "getStylesLiterals": {},
3188
- "cxLiterals": [],
3114
+ "getStylesLiterals": {
3115
+ "display": "flex",
3116
+ "flexDirection": "row",
3117
+ "columnGap": "6"
3118
+ },
3119
+ "cxLiterals": [
3120
+ "text-tertiary",
3121
+ "border-b-transparent",
3122
+ "aria-selected:border-b-brand",
3123
+ "aria-selected:text-secondary"
3124
+ ],
3189
3125
  "internalComponents": [
3190
- "TooltipAnchor"
3126
+ "TabProvider",
3127
+ "OriginalTabList",
3128
+ "OriginalTab",
3129
+ "Icon",
3130
+ "OriginalTabPanel",
3131
+ "Pressable",
3132
+ "Comp",
3133
+ "Text"
3191
3134
  ],
3192
3135
  "internalComponentProps": {
3193
- "TooltipAnchor": {
3136
+ "Icon": {
3194
3137
  "className": [
3195
- "inline"
3138
+ "text-current"
3139
+ ],
3140
+ "size": [
3141
+ "md"
3142
+ ]
3143
+ },
3144
+ "Pressable": {
3145
+ "borderBottomWidth": [
3146
+ "medium"
3147
+ ],
3148
+ "spacingBottom": [
3149
+ "1"
3150
+ ],
3151
+ "spacingTop": [
3152
+ "4"
3153
+ ]
3154
+ },
3155
+ "Text": {
3156
+ "className": [
3157
+ "text-current"
3158
+ ],
3159
+ "variant": [
3160
+ "headline1"
3161
+ ],
3162
+ "as": [
3163
+ "span"
3196
3164
  ]
3197
3165
  }
3198
3166
  },
3199
- "propToVariantKeys": {
3200
- "children": [
3201
- "render"
3202
- ]
3203
- },
3167
+ "propToVariantKeys": {},
3204
3168
  "runtimeConfigDefaultProps": {},
3205
3169
  "runtimeConfigGetStyles": {},
3206
3170
  "runtimeConfigInternalComponentProps": {},
3207
3171
  "motionVarPrefixes": []
3208
3172
  },
3209
- "UDSTooltipConfigProvider": {
3210
- "name": "UDSTooltipConfigProvider",
3173
+ "UDSBreakpointsConfigProvider": {
3174
+ "name": "UDSBreakpointsConfigProvider",
3211
3175
  "defaultProps": {},
3212
3176
  "getStylesLiterals": {},
3213
3177
  "cxLiterals": [],
3214
3178
  "internalComponents": [
3215
- "TooltipContext.Provider"
3179
+ "UDSBreakpointsConfigContext.Provider"
3180
+ ],
3181
+ "internalComponentProps": {},
3182
+ "propToVariantKeys": {},
3183
+ "runtimeConfigDefaultProps": {},
3184
+ "runtimeConfigGetStyles": {},
3185
+ "runtimeConfigInternalComponentProps": {},
3186
+ "motionVarPrefixes": []
3187
+ },
3188
+ "UDSConfigProvider": {
3189
+ "name": "UDSConfigProvider",
3190
+ "defaultProps": {},
3191
+ "getStylesLiterals": {},
3192
+ "cxLiterals": [],
3193
+ "internalComponents": [
3194
+ "UDSBreakpointsConfigProvider",
3195
+ "UDSBottomSheetConfigProvider",
3196
+ "UDSToastConfigProvider",
3197
+ "UDSTooltipConfigProvider",
3198
+ "UDSPopoverConfigProvider"
3216
3199
  ],
3217
3200
  "internalComponentProps": {},
3218
3201
  "propToVariantKeys": {},