@yahoo/uds 3.122.1 → 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.
@@ -1,4 +1,139 @@
1
1
  {
2
+ "Box": {
3
+ "name": "Box",
4
+ "defaultProps": {
5
+ "as": "div",
6
+ "display": "flex"
7
+ },
8
+ "getStylesLiterals": {},
9
+ "cxLiterals": [],
10
+ "internalComponents": [
11
+ "Comp"
12
+ ],
13
+ "internalComponentProps": {},
14
+ "propToVariantKeys": {
15
+ "elevationAlias": [
16
+ "backgroundColor",
17
+ "borderColor",
18
+ "borderWidth",
19
+ "dropShadow"
20
+ ]
21
+ },
22
+ "runtimeConfigDefaultProps": {},
23
+ "runtimeConfigGetStyles": {},
24
+ "runtimeConfigInternalComponentProps": {},
25
+ "motionVarPrefixes": []
26
+ },
27
+ "FormLabel": {
28
+ "name": "FormLabel",
29
+ "defaultProps": {
30
+ "color": "muted",
31
+ "variant": "label3",
32
+ "as": "label"
33
+ },
34
+ "getStylesLiterals": {},
35
+ "cxLiterals": [
36
+ "cursor-[inherit]"
37
+ ],
38
+ "internalComponents": [
39
+ "Text"
40
+ ],
41
+ "internalComponentProps": {
42
+ "Text": {
43
+ "as": [
44
+ "sup"
45
+ ],
46
+ "variant": [
47
+ "inherit"
48
+ ],
49
+ "spacingStart": [
50
+ "0.5"
51
+ ]
52
+ }
53
+ },
54
+ "propToVariantKeys": {},
55
+ "runtimeConfigDefaultProps": {},
56
+ "runtimeConfigGetStyles": {},
57
+ "runtimeConfigInternalComponentProps": {},
58
+ "motionVarPrefixes": []
59
+ },
60
+ "HStack": {
61
+ "name": "HStack",
62
+ "defaultProps": {},
63
+ "getStylesLiterals": {},
64
+ "cxLiterals": [],
65
+ "internalComponents": [
66
+ "Box"
67
+ ],
68
+ "internalComponentProps": {
69
+ "Box": {
70
+ "flexDirection": [
71
+ "row"
72
+ ]
73
+ }
74
+ },
75
+ "propToVariantKeys": {
76
+ "gap": [
77
+ "rowGap",
78
+ "columnGap"
79
+ ]
80
+ },
81
+ "runtimeConfigDefaultProps": {},
82
+ "runtimeConfigGetStyles": {},
83
+ "runtimeConfigInternalComponentProps": {},
84
+ "motionVarPrefixes": []
85
+ },
86
+ "Icon": {
87
+ "name": "Icon",
88
+ "defaultProps": {
89
+ "size": "md",
90
+ "variant": "outline",
91
+ "color": "primary"
92
+ },
93
+ "getStylesLiterals": {
94
+ "flex": "none"
95
+ },
96
+ "cxLiterals": [
97
+ "[&_path]:fill-current"
98
+ ],
99
+ "internalComponents": [
100
+ "SVGIcon"
101
+ ],
102
+ "internalComponentProps": {},
103
+ "propToVariantKeys": {},
104
+ "runtimeConfigDefaultProps": {},
105
+ "runtimeConfigGetStyles": {},
106
+ "runtimeConfigInternalComponentProps": {},
107
+ "motionVarPrefixes": []
108
+ },
109
+ "IconSlot": {
110
+ "name": "IconSlot",
111
+ "defaultProps": {},
112
+ "getStylesLiterals": {},
113
+ "cxLiterals": [],
114
+ "internalComponents": [
115
+ "Icon"
116
+ ],
117
+ "internalComponentProps": {},
118
+ "propToVariantKeys": {},
119
+ "runtimeConfigDefaultProps": {},
120
+ "runtimeConfigGetStyles": {},
121
+ "runtimeConfigInternalComponentProps": {},
122
+ "motionVarPrefixes": []
123
+ },
124
+ "Image": {
125
+ "name": "Image",
126
+ "defaultProps": {},
127
+ "getStylesLiterals": {},
128
+ "cxLiterals": [],
129
+ "internalComponents": [],
130
+ "internalComponentProps": {},
131
+ "propToVariantKeys": {},
132
+ "runtimeConfigDefaultProps": {},
133
+ "runtimeConfigGetStyles": {},
134
+ "runtimeConfigInternalComponentProps": {},
135
+ "motionVarPrefixes": []
136
+ },
2
137
  "Link": {
3
138
  "name": "Link",
4
139
  "defaultProps": {
@@ -52,57 +187,6 @@
52
187
  "runtimeConfigInternalComponentProps": {},
53
188
  "motionVarPrefixes": []
54
189
  },
55
- "VStack": {
56
- "name": "VStack",
57
- "defaultProps": {},
58
- "getStylesLiterals": {},
59
- "cxLiterals": [],
60
- "internalComponents": [
61
- "Box"
62
- ],
63
- "internalComponentProps": {
64
- "Box": {
65
- "flexDirection": [
66
- "column"
67
- ]
68
- }
69
- },
70
- "propToVariantKeys": {
71
- "gap": [
72
- "columnGap",
73
- "rowGap"
74
- ]
75
- },
76
- "runtimeConfigDefaultProps": {},
77
- "runtimeConfigGetStyles": {},
78
- "runtimeConfigInternalComponentProps": {},
79
- "motionVarPrefixes": []
80
- },
81
- "Box": {
82
- "name": "Box",
83
- "defaultProps": {
84
- "as": "div",
85
- "display": "flex"
86
- },
87
- "getStylesLiterals": {},
88
- "cxLiterals": [],
89
- "internalComponents": [
90
- "Comp"
91
- ],
92
- "internalComponentProps": {},
93
- "propToVariantKeys": {
94
- "elevationAlias": [
95
- "backgroundColor",
96
- "borderColor",
97
- "borderWidth",
98
- "dropShadow"
99
- ]
100
- },
101
- "runtimeConfigDefaultProps": {},
102
- "runtimeConfigGetStyles": {},
103
- "runtimeConfigInternalComponentProps": {},
104
- "motionVarPrefixes": []
105
- },
106
190
  "Scrim": {
107
191
  "name": "Scrim",
108
192
  "defaultProps": {
@@ -142,29 +226,6 @@
142
226
  "runtimeConfigInternalComponentProps": {},
143
227
  "motionVarPrefixes": []
144
228
  },
145
- "Icon": {
146
- "name": "Icon",
147
- "defaultProps": {
148
- "size": "md",
149
- "variant": "outline",
150
- "color": "primary"
151
- },
152
- "getStylesLiterals": {
153
- "flex": "none"
154
- },
155
- "cxLiterals": [
156
- "[&_path]:fill-current"
157
- ],
158
- "internalComponents": [
159
- "SVGIcon"
160
- ],
161
- "internalComponentProps": {},
162
- "propToVariantKeys": {},
163
- "runtimeConfigDefaultProps": {},
164
- "runtimeConfigGetStyles": {},
165
- "runtimeConfigInternalComponentProps": {},
166
- "motionVarPrefixes": []
167
- },
168
229
  "SvgFloatingOverlay": {
169
230
  "name": "SvgFloatingOverlay",
170
231
  "defaultProps": {
@@ -220,39 +281,6 @@
220
281
  "runtimeConfigInternalComponentProps": {},
221
282
  "motionVarPrefixes": []
222
283
  },
223
- "FormLabel": {
224
- "name": "FormLabel",
225
- "defaultProps": {
226
- "color": "muted",
227
- "variant": "label3",
228
- "as": "label"
229
- },
230
- "getStylesLiterals": {},
231
- "cxLiterals": [
232
- "cursor-[inherit]"
233
- ],
234
- "internalComponents": [
235
- "Text"
236
- ],
237
- "internalComponentProps": {
238
- "Text": {
239
- "as": [
240
- "sup"
241
- ],
242
- "variant": [
243
- "inherit"
244
- ],
245
- "spacingStart": [
246
- "0.5"
247
- ]
248
- }
249
- },
250
- "propToVariantKeys": {},
251
- "runtimeConfigDefaultProps": {},
252
- "runtimeConfigGetStyles": {},
253
- "runtimeConfigInternalComponentProps": {},
254
- "motionVarPrefixes": []
255
- },
256
284
  "Text": {
257
285
  "name": "Text",
258
286
  "defaultProps": {
@@ -280,40 +308,25 @@
280
308
  "runtimeConfigInternalComponentProps": {},
281
309
  "motionVarPrefixes": []
282
310
  },
283
- "IconSlot": {
284
- "name": "IconSlot",
311
+ "VStack": {
312
+ "name": "VStack",
285
313
  "defaultProps": {},
286
314
  "getStylesLiterals": {},
287
315
  "cxLiterals": [],
288
316
  "internalComponents": [
289
- "Icon"
290
- ],
291
- "internalComponentProps": {},
292
- "propToVariantKeys": {},
293
- "runtimeConfigDefaultProps": {},
294
- "runtimeConfigGetStyles": {},
295
- "runtimeConfigInternalComponentProps": {},
296
- "motionVarPrefixes": []
297
- },
298
- "HStack": {
299
- "name": "HStack",
300
- "defaultProps": {},
301
- "getStylesLiterals": {},
302
- "cxLiterals": [],
303
- "internalComponents": [
304
- "Box"
317
+ "Box"
305
318
  ],
306
319
  "internalComponentProps": {
307
320
  "Box": {
308
321
  "flexDirection": [
309
- "row"
322
+ "column"
310
323
  ]
311
324
  }
312
325
  },
313
326
  "propToVariantKeys": {
314
327
  "gap": [
315
- "rowGap",
316
- "columnGap"
328
+ "columnGap",
329
+ "rowGap"
317
330
  ]
318
331
  },
319
332
  "runtimeConfigDefaultProps": {},
@@ -321,99 +334,15 @@
321
334
  "runtimeConfigInternalComponentProps": {},
322
335
  "motionVarPrefixes": []
323
336
  },
324
- "Image": {
325
- "name": "Image",
326
- "defaultProps": {},
327
- "getStylesLiterals": {},
328
- "cxLiterals": [],
329
- "internalComponents": [],
330
- "internalComponentProps": {},
331
- "propToVariantKeys": {},
332
- "runtimeConfigDefaultProps": {},
333
- "runtimeConfigGetStyles": {},
334
- "runtimeConfigInternalComponentProps": {},
335
- "motionVarPrefixes": []
336
- },
337
- "Table.mocks": {
338
- "name": "Table.mocks",
337
+ "Divider": {
338
+ "name": "Divider",
339
339
  "defaultProps": {},
340
340
  "getStylesLiterals": {},
341
341
  "cxLiterals": [],
342
- "internalComponents": [],
343
- "internalComponentProps": {},
344
- "propToVariantKeys": {},
345
- "runtimeConfigDefaultProps": {},
346
- "runtimeConfigGetStyles": {},
347
- "runtimeConfigInternalComponentProps": {},
348
- "motionVarPrefixes": []
349
- },
350
- "Table": {
351
- "name": "Table",
352
- "defaultProps": {
353
- "display": "table-cell",
354
- "overflow": "hidden",
355
- "borderColor": "muted",
356
- "borderRadius": "md",
357
- "spacing": "3",
358
- "borderBottomColor": "muted",
359
- "borderBottomWidth": "thin",
360
- "color": "primary"
361
- },
362
- "getStylesLiterals": {
363
- "textAlign": "start"
364
- },
365
- "cxLiterals": [],
366
- "internalComponents": [
367
- "CellComponent",
368
- "Box",
369
- "Text",
370
- "Table.Root",
371
- "Table.Header",
372
- "Table.Row",
373
- "Table.Cell",
374
- "Table.Body"
375
- ],
376
- "internalComponentProps": {
377
- "Table.Cell": {
378
- "asHeaderCell": [
379
- "column"
380
- ]
381
- }
382
- },
383
- "propToVariantKeys": {},
384
- "runtimeConfigDefaultProps": {},
385
- "runtimeConfigGetStyles": {},
386
- "runtimeConfigInternalComponentProps": {},
387
- "motionVarPrefixes": []
388
- },
389
- "Spinner": {
390
- "name": "Spinner",
391
- "defaultProps": {
392
- "color": "primary",
393
- "size": "lg"
394
- },
395
- "getStylesLiterals": {},
396
- "cxLiterals": [
397
- "self-center",
398
- "relative",
399
- "sr-only"
400
- ],
401
342
  "internalComponents": [
402
- "Icon"
343
+ "DividerInternal"
403
344
  ],
404
- "internalComponentProps": {
405
- "Icon": {
406
- "role": [
407
- "img"
408
- ],
409
- "className": [
410
- "animate-spin"
411
- ],
412
- "aria-hidden": [
413
- "true"
414
- ]
415
- }
416
- },
345
+ "internalComponentProps": {},
417
346
  "propToVariantKeys": {},
418
347
  "runtimeConfigDefaultProps": {},
419
348
  "runtimeConfigGetStyles": {},
@@ -494,16 +423,88 @@
494
423
  "runtimeConfigInternalComponentProps": {},
495
424
  "motionVarPrefixes": []
496
425
  },
497
- "Divider": {
498
- "name": "Divider",
426
+ "AnimateHeightChange": {
427
+ "name": "AnimateHeightChange",
499
428
  "defaultProps": {},
500
429
  "getStylesLiterals": {},
501
- "cxLiterals": [],
430
+ "cxLiterals": [
431
+ "overflow-hidden"
432
+ ],
502
433
  "internalComponents": [
503
- "DividerInternal"
434
+ "SpringMotionConfig"
504
435
  ],
505
- "internalComponentProps": {},
506
- "propToVariantKeys": {},
436
+ "internalComponentProps": {
437
+ "SpringMotionConfig": {
438
+ "layoutSpeed": [
439
+ "4"
440
+ ]
441
+ }
442
+ },
443
+ "propToVariantKeys": {
444
+ "reduceMotion": [
445
+ "reducedMotion"
446
+ ]
447
+ },
448
+ "runtimeConfigDefaultProps": {},
449
+ "runtimeConfigGetStyles": {},
450
+ "runtimeConfigInternalComponentProps": {},
451
+ "motionVarPrefixes": [
452
+ "--uds-motion-subtle-4-",
453
+ "--uds-motion-smooth-3-"
454
+ ]
455
+ },
456
+ "Badge": {
457
+ "name": "Badge",
458
+ "defaultProps": {
459
+ "variant": "primary",
460
+ "size": "md"
461
+ },
462
+ "getStylesLiterals": {},
463
+ "cxLiterals": [
464
+ "flex-1",
465
+ "truncate",
466
+ "whitespace-nowrap",
467
+ "text-center"
468
+ ],
469
+ "internalComponents": [
470
+ "IconSlot",
471
+ "HStack"
472
+ ],
473
+ "internalComponentProps": {
474
+ "IconSlot": {
475
+ "data-testid": [
476
+ "start-icon",
477
+ "end-icon"
478
+ ]
479
+ },
480
+ "HStack": {
481
+ "gap": [
482
+ "2"
483
+ ],
484
+ "display": [
485
+ "inline-flex"
486
+ ],
487
+ "alignItems": [
488
+ "center"
489
+ ]
490
+ }
491
+ },
492
+ "propToVariantKeys": {
493
+ "size": [
494
+ "badgeSizeRoot",
495
+ "badgeSizeIcon"
496
+ ],
497
+ "variant": [
498
+ "badgeVariantRoot",
499
+ "badgeVariantIcon"
500
+ ],
501
+ "startIcon": [
502
+ "icon"
503
+ ],
504
+ "endIcon": [
505
+ "icon"
506
+ ]
507
+ },
507
508
  "runtimeConfigDefaultProps": {},
508
509
  "runtimeConfigGetStyles": {},
509
510
  "runtimeConfigInternalComponentProps": {},
@@ -702,28 +703,6 @@
702
703
  "--uds-motion-smooth-3-"
703
704
  ]
704
705
  },
705
- "SpringMotionConfig": {
706
- "name": "SpringMotionConfig",
707
- "defaultProps": {
708
- "reducedMotion": "user"
709
- },
710
- "getStylesLiterals": {},
711
- "cxLiterals": [],
712
- "internalComponents": [
713
- "LazyMotion",
714
- "MotionConfig"
715
- ],
716
- "internalComponentProps": {},
717
- "propToVariantKeys": {
718
- "loadFeatures": [
719
- "features"
720
- ]
721
- },
722
- "runtimeConfigDefaultProps": {},
723
- "runtimeConfigGetStyles": {},
724
- "runtimeConfigInternalComponentProps": {},
725
- "motionVarPrefixes": []
726
- },
727
706
  "IconButton": {
728
707
  "name": "IconButton",
729
708
  "defaultProps": {
@@ -791,6 +770,43 @@
791
770
  "--uds-motion-smooth-3-"
792
771
  ]
793
772
  },
773
+ "Pressable": {
774
+ "name": "Pressable",
775
+ "defaultProps": {},
776
+ "getStylesLiterals": {},
777
+ "cxLiterals": [],
778
+ "internalComponents": [
779
+ "Comp"
780
+ ],
781
+ "internalComponentProps": {},
782
+ "propToVariantKeys": {},
783
+ "runtimeConfigDefaultProps": {},
784
+ "runtimeConfigGetStyles": {},
785
+ "runtimeConfigInternalComponentProps": {},
786
+ "motionVarPrefixes": []
787
+ },
788
+ "SpringMotionConfig": {
789
+ "name": "SpringMotionConfig",
790
+ "defaultProps": {
791
+ "reducedMotion": "user"
792
+ },
793
+ "getStylesLiterals": {},
794
+ "cxLiterals": [],
795
+ "internalComponents": [
796
+ "LazyMotion",
797
+ "MotionConfig"
798
+ ],
799
+ "internalComponentProps": {},
800
+ "propToVariantKeys": {
801
+ "loadFeatures": [
802
+ "features"
803
+ ]
804
+ },
805
+ "runtimeConfigDefaultProps": {},
806
+ "runtimeConfigGetStyles": {},
807
+ "runtimeConfigInternalComponentProps": {},
808
+ "motionVarPrefixes": []
809
+ },
794
810
  "Switch": {
795
811
  "name": "Switch",
796
812
  "defaultProps": {
@@ -908,100 +924,99 @@
908
924
  "--uds-motion-smooth-3-"
909
925
  ]
910
926
  },
911
- "Badge": {
912
- "name": "Badge",
927
+ "Spinner": {
928
+ "name": "Spinner",
913
929
  "defaultProps": {
914
- "variant": "primary",
915
- "size": "md"
930
+ "color": "primary",
931
+ "size": "lg"
916
932
  },
917
933
  "getStylesLiterals": {},
918
934
  "cxLiterals": [
919
- "flex-1",
920
- "truncate",
921
- "whitespace-nowrap",
922
- "text-center"
935
+ "self-center",
936
+ "relative",
937
+ "sr-only"
923
938
  ],
924
939
  "internalComponents": [
925
- "IconSlot",
926
- "HStack"
940
+ "Icon"
927
941
  ],
928
942
  "internalComponentProps": {
929
- "IconSlot": {
930
- "data-testid": [
931
- "start-icon",
932
- "end-icon"
933
- ]
934
- },
935
- "HStack": {
936
- "gap": [
937
- "2"
943
+ "Icon": {
944
+ "role": [
945
+ "img"
938
946
  ],
939
- "display": [
940
- "inline-flex"
947
+ "className": [
948
+ "animate-spin"
941
949
  ],
942
- "alignItems": [
943
- "center"
950
+ "aria-hidden": [
951
+ "true"
944
952
  ]
945
953
  }
946
954
  },
947
- "propToVariantKeys": {
948
- "size": [
949
- "badgeSizeRoot",
950
- "badgeSizeIcon"
951
- ],
952
- "variant": [
953
- "badgeVariantRoot",
954
- "badgeVariantIcon"
955
- ],
956
- "startIcon": [
957
- "icon"
958
- ],
959
- "endIcon": [
960
- "icon"
961
- ]
962
- },
955
+ "propToVariantKeys": {},
963
956
  "runtimeConfigDefaultProps": {},
964
957
  "runtimeConfigGetStyles": {},
965
958
  "runtimeConfigInternalComponentProps": {},
966
959
  "motionVarPrefixes": []
967
960
  },
968
- "AnimateHeightChange": {
969
- "name": "AnimateHeightChange",
961
+ "Table.mocks": {
962
+ "name": "Table.mocks",
970
963
  "defaultProps": {},
971
964
  "getStylesLiterals": {},
972
- "cxLiterals": [
973
- "overflow-hidden"
974
- ],
965
+ "cxLiterals": [],
966
+ "internalComponents": [],
967
+ "internalComponentProps": {},
968
+ "propToVariantKeys": {},
969
+ "runtimeConfigDefaultProps": {},
970
+ "runtimeConfigGetStyles": {},
971
+ "runtimeConfigInternalComponentProps": {},
972
+ "motionVarPrefixes": []
973
+ },
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
+ },
989
+ "cxLiterals": [],
975
990
  "internalComponents": [
976
- "SpringMotionConfig"
991
+ "CellComponent",
992
+ "Box",
993
+ "Text",
994
+ "Table.Root",
995
+ "Table.Header",
996
+ "Table.Row",
997
+ "Table.Cell",
998
+ "Table.Body"
977
999
  ],
978
1000
  "internalComponentProps": {
979
- "SpringMotionConfig": {
980
- "layoutSpeed": [
981
- "4"
1001
+ "Table.Cell": {
1002
+ "asHeaderCell": [
1003
+ "column"
982
1004
  ]
983
1005
  }
984
1006
  },
985
- "propToVariantKeys": {
986
- "reduceMotion": [
987
- "reducedMotion"
988
- ]
989
- },
1007
+ "propToVariantKeys": {},
990
1008
  "runtimeConfigDefaultProps": {},
991
1009
  "runtimeConfigGetStyles": {},
992
1010
  "runtimeConfigInternalComponentProps": {},
993
- "motionVarPrefixes": [
994
- "--uds-motion-subtle-4-",
995
- "--uds-motion-smooth-3-"
996
- ]
1011
+ "motionVarPrefixes": []
997
1012
  },
998
- "Pressable": {
999
- "name": "Pressable",
1013
+ "Avatar": {
1014
+ "name": "Avatar",
1000
1015
  "defaultProps": {},
1001
1016
  "getStylesLiterals": {},
1002
1017
  "cxLiterals": [],
1003
1018
  "internalComponents": [
1004
- "Comp"
1019
+ "AvatarImage"
1005
1020
  ],
1006
1021
  "internalComponentProps": {},
1007
1022
  "propToVariantKeys": {},
@@ -1010,100 +1025,69 @@
1010
1025
  "runtimeConfigInternalComponentProps": {},
1011
1026
  "motionVarPrefixes": []
1012
1027
  },
1013
- "AvoidMotionLibraryProvider": {
1014
- "name": "AvoidMotionLibraryProvider",
1015
- "defaultProps": {},
1028
+ "AvatarIcon": {
1029
+ "name": "AvatarIcon",
1030
+ "defaultProps": {
1031
+ "size": "md",
1032
+ "variant": "primary"
1033
+ },
1016
1034
  "getStylesLiterals": {},
1017
- "cxLiterals": [],
1018
- "internalComponents": [],
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
+ ],
1019
1049
  "internalComponentProps": {},
1020
- "propToVariantKeys": {},
1050
+ "propToVariantKeys": {
1051
+ "size": [
1052
+ "avatarSizeIcon"
1053
+ ]
1054
+ },
1021
1055
  "runtimeConfigDefaultProps": {},
1022
1056
  "runtimeConfigGetStyles": {},
1023
1057
  "runtimeConfigInternalComponentProps": {},
1024
1058
  "motionVarPrefixes": []
1025
1059
  },
1026
- "SegmentedControl": {
1027
- "name": "SegmentedControl",
1060
+ "AvatarImage": {
1061
+ "name": "AvatarImage",
1028
1062
  "defaultProps": {
1029
- "textVariant": "label2"
1030
- },
1031
- "getStylesLiterals": {
1032
- "display": "flex",
1033
- "alignItems": "center",
1034
- "backgroundColor": "primary",
1035
- "spacingVertical": "1",
1036
- "spacingHorizontal": "3",
1037
- "columnGap": "1.5",
1038
- "borderWidth": "thin",
1039
- "borderRadius": "full",
1040
- "borderColor": "muted",
1041
- "borderColor:1": "transparent",
1042
- "color": "primary",
1043
- "color:1": "tertiary",
1044
- "color:2": "muted"
1063
+ "size": "md",
1064
+ "variant": "primary"
1045
1065
  },
1066
+ "getStylesLiterals": {},
1046
1067
  "cxLiterals": [
1047
- "uds-ring",
1048
- "cursor-not-allowed",
1049
- "opacity-50",
1050
- "pointer-events-none",
1051
- "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"
1052
1077
  ],
1053
1078
  "internalComponents": [
1054
- "TextVariant",
1055
- "Radio",
1056
- "Icon",
1057
- "RadioProvider",
1058
- "HStack",
1059
- "RadioGroup",
1060
- "Pressable",
1061
- "Text"
1079
+ "UDSImage",
1080
+ "AvatarText",
1081
+ "AvatarIcon",
1082
+ "Box"
1062
1083
  ],
1063
- "internalComponentProps": {
1064
- "Icon": {
1065
- "size": [
1066
- "sm"
1067
- ],
1068
- "color": [
1069
- "current"
1070
- ],
1071
- "aria-hidden": [
1072
- "true"
1073
- ]
1074
- },
1075
- "HStack": {
1076
- "spacing": [
1077
- "1"
1078
- ],
1079
- "gap": [
1080
- "1"
1081
- ],
1082
- "backgroundColor": [
1083
- "secondary"
1084
- ],
1085
- "borderRadius": [
1086
- "full"
1087
- ],
1088
- "display": [
1089
- "inline-flex"
1090
- ]
1091
- },
1092
- "Text": {
1093
- "color": [
1094
- "current"
1095
- ]
1096
- }
1097
- },
1084
+ "internalComponentProps": {},
1098
1085
  "propToVariantKeys": {
1099
- "value": [
1100
- "key"
1101
- ],
1102
- "label": [
1103
- "aria-label"
1086
+ "alt": [
1087
+ "name"
1104
1088
  ],
1105
- "textVariant": [
1106
- "variant"
1089
+ "fallback": [
1090
+ "initials"
1107
1091
  ]
1108
1092
  },
1109
1093
  "runtimeConfigDefaultProps": {},
@@ -1111,190 +1095,136 @@
1111
1095
  "runtimeConfigInternalComponentProps": {},
1112
1096
  "motionVarPrefixes": []
1113
1097
  },
1114
- "SwitchV2": {
1115
- "name": "SwitchV2",
1098
+ "AvatarText": {
1099
+ "name": "AvatarText",
1116
1100
  "defaultProps": {
1117
- "labelPosition": "start",
1118
- "size": "md"
1119
- },
1120
- "getStylesLiterals": {
1121
- "switchVariantRoot": "default",
1122
- "switchVariantActiveRoot": "on",
1123
- "switchVariantActiveRoot:1": "off",
1124
- "switchVariantSwitch": "default",
1125
- "switchVariantActiveSwitch": "on",
1126
- "switchVariantActiveSwitch:1": "off",
1127
- "switchVariantActiveHandle": "on",
1128
- "switchVariantActiveHandle:1": "off",
1129
- "switchVariantHandle": "default",
1130
- "switchVariantHandleIcon": "default",
1131
- "switchVariantActiveHandleIcon": "on",
1132
- "switchVariantActiveHandleIcon:1": "off"
1101
+ "size": "md",
1102
+ "variant": "primary"
1133
1103
  },
1104
+ "getStylesLiterals": {},
1134
1105
  "cxLiterals": [
1135
- "group",
1136
- "flex",
1137
- "items-center",
1138
- "flex-row",
1139
- "flex-row-reverse",
1140
- "uds-ring",
1141
- "uds-ring-within",
1142
- "relative",
1143
- "uds-border-radius-full",
1144
- "transition-[background-color,box-shadow]",
1145
- "pointer-events-none",
1106
+ "overflow-hidden",
1107
+ "truncate",
1146
1108
  "w-full",
1147
1109
  "h-full",
1148
- "absolute",
1149
- "top-0",
1150
- "bottom-0",
1151
- "right-0",
1152
- "left-0",
1153
- "overflow-hidden",
1154
- "group-hover:scale-105",
1155
- "opacity-95",
1156
- "group-hover:opacity-100",
1157
- "transition-[transform,opacity]",
1158
- "opacity-0",
1159
- "top-1/2",
1160
- "left-1/2",
1161
- "transform",
1162
- "translate-x-[-50%]",
1163
- "translate-y-[-50%]",
1164
- "transition-opacity",
1165
- "cursor-[inherit]",
1166
- "w-[calc(100%+2px)]",
1167
- "h-[calc(100%+2px)]",
1168
- "text-start",
1169
- "text-end",
1170
- "opacity-100"
1110
+ "shrink-0",
1111
+ "text-center",
1112
+ "inline-flex",
1113
+ "justify-center",
1114
+ "items-center"
1171
1115
  ],
1172
1116
  "internalComponents": [
1173
- "IconSlot",
1174
1117
  "Box",
1175
- "FormLabel",
1176
- "SpringMotionConfig",
1177
- "RootElement",
1178
- "MotionBox"
1118
+ "Text"
1179
1119
  ],
1180
1120
  "internalComponentProps": {
1181
- "IconSlot": {
1182
- "data-testid": [
1183
- "on-icon",
1184
- "off-icon"
1185
- ]
1186
- },
1187
- "FormLabel": {
1188
- "as": [
1189
- "div"
1190
- ],
1191
- "variant": [
1121
+ "Text": {
1122
+ "color": [
1192
1123
  "inherit"
1193
1124
  ],
1194
- "color": [
1125
+ "variant": [
1195
1126
  "inherit"
1196
1127
  ]
1197
- },
1198
- "SpringMotionConfig": {
1199
- "layoutVariant": [
1200
- "bouncy"
1201
- ],
1202
- "layoutSpeed": [
1203
- "4"
1128
+ }
1129
+ },
1130
+ "propToVariantKeys": {},
1131
+ "runtimeConfigDefaultProps": {},
1132
+ "runtimeConfigGetStyles": {},
1133
+ "runtimeConfigInternalComponentProps": {},
1134
+ "motionVarPrefixes": []
1135
+ },
1136
+ "BottomSheet": {
1137
+ "name": "BottomSheet",
1138
+ "defaultProps": {
1139
+ "variant": "default"
1140
+ },
1141
+ "getStylesLiterals": {},
1142
+ "cxLiterals": [
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"
1159
+ ],
1160
+ "internalComponents": [
1161
+ "Scrim",
1162
+ "BottomSheetHandle",
1163
+ "Dialog",
1164
+ "Box",
1165
+ "BottomSheetInternalContext.Provider"
1166
+ ],
1167
+ "internalComponentProps": {
1168
+ "BottomSheetHandle": {
1169
+ "ariaLabel": [
1170
+ "Resize sheet"
1204
1171
  ]
1205
1172
  },
1206
- "RootElement": {
1173
+ "Dialog": {
1207
1174
  "data-testid": [
1208
- "switch-root"
1175
+ "bottom-sheet"
1209
1176
  ]
1210
1177
  },
1211
- "MotionBox": {
1212
- "layout": [
1213
- "position"
1178
+ "Box": {
1179
+ "display": [
1180
+ "block",
1181
+ "flex"
1182
+ ],
1183
+ "position": [
1184
+ "absolute"
1185
+ ],
1186
+ "flexDirection": [
1187
+ "column"
1188
+ ],
1189
+ "className": [
1190
+ "absolute inset-0 min-h-0 p-[inherit]"
1214
1191
  ]
1215
1192
  }
1216
1193
  },
1217
1194
  "propToVariantKeys": {
1218
- "size": [
1219
- "switchSizeRoot",
1220
- "switchSizeSwitch",
1221
- "switchSizeHandle",
1222
- "switchSizeHandleIcon"
1223
- ],
1224
- "onIcon": [
1225
- "icon"
1226
- ],
1227
- "offIcon": [
1228
- "icon"
1229
- ],
1230
- "reduceMotion": [
1231
- "reducedMotion"
1232
- ],
1233
- "isOn": [
1234
- "layoutDependency"
1195
+ "variant": [
1196
+ "bottomsheetVariantRoot"
1235
1197
  ]
1236
1198
  },
1237
1199
  "runtimeConfigDefaultProps": {},
1238
1200
  "runtimeConfigGetStyles": {},
1239
1201
  "runtimeConfigInternalComponentProps": {},
1240
- "motionVarPrefixes": [
1241
- "--uds-motion-bouncy-4-",
1242
- "--uds-motion-smooth-3-"
1243
- ]
1202
+ "motionVarPrefixes": []
1244
1203
  },
1245
- "Tabs": {
1246
- "name": "Tabs",
1204
+ "BottomSheetContent": {
1205
+ "name": "BottomSheetContent",
1247
1206
  "defaultProps": {},
1248
- "getStylesLiterals": {
1249
- "display": "flex",
1250
- "flexDirection": "row",
1251
- "columnGap": "6"
1252
- },
1207
+ "getStylesLiterals": {},
1253
1208
  "cxLiterals": [
1254
- "text-tertiary",
1255
- "border-b-transparent",
1256
- "aria-selected:border-b-brand",
1257
- "aria-selected:text-secondary"
1209
+ "min-h-0",
1210
+ "touch-pan-y"
1258
1211
  ],
1259
1212
  "internalComponents": [
1260
- "TabProvider",
1261
- "OriginalTabList",
1262
- "OriginalTab",
1263
- "Icon",
1264
- "OriginalTabPanel",
1265
- "Pressable",
1266
- "Comp",
1267
- "Text"
1213
+ "Box",
1214
+ "VStack"
1268
1215
  ],
1269
1216
  "internalComponentProps": {
1270
- "Icon": {
1271
- "className": [
1272
- "text-current"
1273
- ],
1274
- "size": [
1275
- "md"
1276
- ]
1277
- },
1278
- "Pressable": {
1279
- "borderBottomWidth": [
1280
- "medium"
1217
+ "Box": {
1218
+ "display": [
1219
+ "block"
1281
1220
  ],
1282
- "spacingBottom": [
1221
+ "flex": [
1283
1222
  "1"
1284
- ],
1285
- "spacingTop": [
1286
- "4"
1287
1223
  ]
1288
1224
  },
1289
- "Text": {
1225
+ "VStack": {
1290
1226
  "className": [
1291
- "text-current"
1292
- ],
1293
- "variant": [
1294
- "headline1"
1295
- ],
1296
- "as": [
1297
- "span"
1227
+ "pb-[calc(env(safe-area-inset-bottom))]"
1298
1228
  ]
1299
1229
  }
1300
1230
  },
@@ -1304,88 +1234,60 @@
1304
1234
  "runtimeConfigInternalComponentProps": {},
1305
1235
  "motionVarPrefixes": []
1306
1236
  },
1307
- "Modal": {
1308
- "name": "Modal",
1237
+ "BottomSheetDismiss": {
1238
+ "name": "BottomSheetDismiss",
1309
1239
  "defaultProps": {},
1310
1240
  "getStylesLiterals": {},
1311
- "cxLiterals": [
1312
- "inset-8",
1313
- "top-[250px]",
1314
- "z-50",
1315
- "mx-auto",
1316
- "h-fit",
1317
- "w-[600px]",
1318
- "origin-center",
1319
- "scale-95",
1320
- "opacity-0",
1321
- "transition",
1322
- "duration-150",
1323
- "data-[enter]:scale-100",
1324
- "data-[enter]:opacity-100",
1325
- "data-[enter]:bg-primary",
1326
- "backdrop-blur-0",
1327
- "data-[enter]:opacity-60",
1328
- "data-[enter]:backdrop-blur-sm"
1329
- ],
1241
+ "cxLiterals": [],
1330
1242
  "internalComponents": [
1331
- "IconButton",
1332
- "Dialog",
1333
- "HStack",
1334
- "Text",
1335
- "VStack"
1243
+ "AriakitDialogDismiss"
1336
1244
  ],
1337
- "internalComponentProps": {
1338
- "IconButton": {
1339
- "aria-label": [
1340
- "Close"
1341
- ],
1342
- "size": [
1343
- "sm"
1344
- ],
1345
- "variant": [
1346
- "tertiary"
1347
- ]
1348
- },
1349
- "HStack": {
1350
- "alignItems": [
1351
- "center"
1245
+ "internalComponentProps": {},
1246
+ "propToVariantKeys": {},
1247
+ "runtimeConfigDefaultProps": {},
1248
+ "runtimeConfigGetStyles": {},
1249
+ "runtimeConfigInternalComponentProps": {},
1250
+ "motionVarPrefixes": []
1251
+ },
1252
+ "BottomSheetHandle": {
1253
+ "name": "BottomSheetHandle",
1254
+ "defaultProps": {
1255
+ "variant": "default"
1256
+ },
1257
+ "getStylesLiterals": {},
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
+ ],
1274
+ "internalComponents": [
1275
+ "Box"
1276
+ ],
1277
+ "internalComponentProps": {
1278
+ "Box": {
1279
+ "display": [
1280
+ "block",
1281
+ "flex"
1352
1282
  ],
1353
1283
  "justifyContent": [
1354
- "space-between"
1355
- ]
1356
- },
1357
- "Text": {
1358
- "variant": [
1359
- "headline1"
1360
- ],
1361
- "color": [
1362
- "primary"
1363
- ]
1364
- },
1365
- "VStack": {
1366
- "borderRadius": [
1367
- "md"
1368
- ],
1369
- "position": [
1370
- "fixed"
1371
- ],
1372
- "backgroundColor": [
1373
- "primary"
1374
- ],
1375
- "dropShadow": [
1376
- "md"
1377
- ],
1378
- "spacing": [
1379
- "8"
1380
- ],
1381
- "overflow": [
1382
- "hidden"
1284
+ "center"
1383
1285
  ]
1384
1286
  }
1385
1287
  },
1386
1288
  "propToVariantKeys": {
1387
- "handleClose": [
1388
- "onClick"
1289
+ "variant": [
1290
+ "bottomsheetVariantHandleIndicator"
1389
1291
  ]
1390
1292
  },
1391
1293
  "runtimeConfigDefaultProps": {},
@@ -1393,177 +1295,112 @@
1393
1295
  "runtimeConfigInternalComponentProps": {},
1394
1296
  "motionVarPrefixes": []
1395
1297
  },
1396
- "Accordion": {
1397
- "name": "Accordion",
1298
+ "BottomSheetHeader": {
1299
+ "name": "BottomSheetHeader",
1398
1300
  "defaultProps": {
1399
- "spacingHorizontal": "4",
1400
- "spacingVertical": "4"
1301
+ "variant": "default"
1401
1302
  },
1402
1303
  "getStylesLiterals": {},
1403
1304
  "cxLiterals": [
1404
- "hover:bg-secondary/80",
1405
- "w-full"
1305
+ "grid-cols-[40px_1fr_40px]",
1306
+ "items-center",
1307
+ "w-full",
1308
+ "min-h-10",
1309
+ "mt-2"
1406
1310
  ],
1407
1311
  "internalComponents": [
1408
- "Icon",
1409
- "SpringMotionConfig",
1410
- "Pressable",
1411
- "Text",
1412
- "HStack",
1413
- "AnimatePresence",
1414
- "VStack"
1312
+ "Box",
1313
+ "Text"
1415
1314
  ],
1416
1315
  "internalComponentProps": {
1417
- "Icon": {
1418
- "variant": [
1419
- "fill"
1420
- ],
1421
- "size": [
1422
- "sm"
1423
- ],
1424
- "color": [
1425
- "primary"
1426
- ]
1427
- },
1428
- "SpringMotionConfig": {
1429
- "layoutVariant": [
1430
- "smooth"
1316
+ "Box": {
1317
+ "className": [
1318
+ "h-10 w-10 opacity-0 pointer-events-none"
1431
1319
  ],
1432
- "layoutSpeed": [
1433
- "3"
1434
- ]
1435
- },
1436
- "Pressable": {
1437
1320
  "display": [
1321
+ "grid",
1438
1322
  "flex"
1439
1323
  ],
1440
- "flexDirection": [
1441
- "row"
1442
- ],
1443
- "alignItems": [
1444
- "center"
1445
- ],
1446
1324
  "justifyContent": [
1447
- "space-between"
1448
- ],
1449
- "borderRadius": [
1450
- "md"
1325
+ "flex-start",
1326
+ "flex-end"
1451
1327
  ]
1452
1328
  },
1453
1329
  "Text": {
1454
1330
  "variant": [
1455
- "title4"
1331
+ "inherit"
1456
1332
  ],
1457
1333
  "color": [
1458
- "primary"
1459
- ]
1460
- },
1461
- "HStack": {
1462
- "display": [
1463
- "flex"
1334
+ "inherit"
1464
1335
  ],
1465
- "alignItems": [
1336
+ "textAlign": [
1466
1337
  "center"
1467
1338
  ],
1468
- "justifyContent": [
1469
- "space-between"
1470
- ],
1471
- "columnGap": [
1472
- "2.5"
1339
+ "className": [
1340
+ "w-full"
1473
1341
  ]
1474
1342
  }
1475
1343
  },
1344
+ "propToVariantKeys": {
1345
+ "variant": [
1346
+ "bottomsheetVariantHeader"
1347
+ ]
1348
+ },
1349
+ "runtimeConfigDefaultProps": {},
1350
+ "runtimeConfigGetStyles": {},
1351
+ "runtimeConfigInternalComponentProps": {},
1352
+ "motionVarPrefixes": []
1353
+ },
1354
+ "BottomSheetInternalContext": {
1355
+ "name": "BottomSheetInternalContext",
1356
+ "defaultProps": {},
1357
+ "getStylesLiterals": {},
1358
+ "cxLiterals": [],
1359
+ "internalComponents": [],
1360
+ "internalComponentProps": {},
1476
1361
  "propToVariantKeys": {},
1477
1362
  "runtimeConfigDefaultProps": {},
1478
1363
  "runtimeConfigGetStyles": {},
1479
1364
  "runtimeConfigInternalComponentProps": {},
1480
- "motionVarPrefixes": [
1481
- "--uds-motion-smooth-3-"
1482
- ]
1365
+ "motionVarPrefixes": []
1483
1366
  },
1484
- "AvatarImage": {
1485
- "name": "AvatarImage",
1486
- "defaultProps": {
1487
- "size": "md",
1488
- "variant": "primary"
1489
- },
1367
+ "BottomSheetProvider": {
1368
+ "name": "BottomSheetProvider",
1369
+ "defaultProps": {},
1490
1370
  "getStylesLiterals": {},
1491
- "cxLiterals": [
1492
- "overflow-hidden",
1493
- "w-full",
1494
- "h-full",
1495
- "shrink-0",
1496
- "text-center",
1497
- "inline-flex",
1498
- "justify-center",
1499
- "items-center",
1500
- "object-cover"
1501
- ],
1371
+ "cxLiterals": [],
1502
1372
  "internalComponents": [
1503
- "UDSImage",
1504
- "AvatarText",
1505
- "AvatarIcon",
1506
- "Box"
1373
+ "AriakitDialogProvider"
1507
1374
  ],
1508
1375
  "internalComponentProps": {},
1509
- "propToVariantKeys": {
1510
- "alt": [
1511
- "name"
1512
- ],
1513
- "fallback": [
1514
- "initials"
1515
- ]
1516
- },
1376
+ "propToVariantKeys": {},
1517
1377
  "runtimeConfigDefaultProps": {},
1518
1378
  "runtimeConfigGetStyles": {},
1519
1379
  "runtimeConfigInternalComponentProps": {},
1520
1380
  "motionVarPrefixes": []
1521
1381
  },
1522
- "AvatarText": {
1523
- "name": "AvatarText",
1524
- "defaultProps": {
1525
- "size": "md",
1526
- "variant": "primary"
1527
- },
1382
+ "BottomSheetTrigger": {
1383
+ "name": "BottomSheetTrigger",
1384
+ "defaultProps": {},
1528
1385
  "getStylesLiterals": {},
1529
- "cxLiterals": [
1530
- "overflow-hidden",
1531
- "truncate",
1532
- "w-full",
1533
- "h-full",
1534
- "shrink-0",
1535
- "text-center",
1536
- "inline-flex",
1537
- "justify-center",
1538
- "items-center"
1539
- ],
1386
+ "cxLiterals": [],
1540
1387
  "internalComponents": [
1541
- "Box",
1542
- "Text"
1388
+ "AriakitDialogDisclosure"
1543
1389
  ],
1544
- "internalComponentProps": {
1545
- "Text": {
1546
- "color": [
1547
- "inherit"
1548
- ],
1549
- "variant": [
1550
- "inherit"
1551
- ]
1552
- }
1553
- },
1390
+ "internalComponentProps": {},
1554
1391
  "propToVariantKeys": {},
1555
1392
  "runtimeConfigDefaultProps": {},
1556
1393
  "runtimeConfigGetStyles": {},
1557
1394
  "runtimeConfigInternalComponentProps": {},
1558
1395
  "motionVarPrefixes": []
1559
1396
  },
1560
- "Avatar": {
1561
- "name": "Avatar",
1397
+ "UDSBottomSheetConfigProvider": {
1398
+ "name": "UDSBottomSheetConfigProvider",
1562
1399
  "defaultProps": {},
1563
1400
  "getStylesLiterals": {},
1564
1401
  "cxLiterals": [],
1565
1402
  "internalComponents": [
1566
- "AvatarImage"
1403
+ "BottomSheetContext.Provider"
1567
1404
  ],
1568
1405
  "internalComponentProps": {},
1569
1406
  "propToVariantKeys": {},
@@ -1572,45 +1409,16 @@
1572
1409
  "runtimeConfigInternalComponentProps": {},
1573
1410
  "motionVarPrefixes": []
1574
1411
  },
1575
- "AvatarIcon": {
1576
- "name": "AvatarIcon",
1577
- "defaultProps": {
1578
- "size": "md",
1579
- "variant": "primary"
1580
- },
1581
- "getStylesLiterals": {},
1582
- "cxLiterals": [
1583
- "overflow-hidden",
1584
- "w-full",
1585
- "h-full",
1586
- "shrink-0",
1587
- "text-center",
1588
- "inline-flex",
1589
- "justify-center",
1590
- "items-center"
1591
- ],
1592
- "internalComponents": [
1593
- "IconSlot",
1594
- "Box"
1595
- ],
1596
- "internalComponentProps": {},
1597
- "propToVariantKeys": {
1598
- "size": [
1599
- "avatarSizeIcon"
1600
- ]
1601
- },
1602
- "runtimeConfigDefaultProps": {},
1603
- "runtimeConfigGetStyles": {},
1604
- "runtimeConfigInternalComponentProps": {},
1605
- "motionVarPrefixes": []
1606
- },
1607
- "UDSPopoverConfigProvider": {
1608
- "name": "UDSPopoverConfigProvider",
1412
+ "Chip": {
1413
+ "name": "Chip",
1609
1414
  "defaultProps": {},
1610
1415
  "getStylesLiterals": {},
1611
1416
  "cxLiterals": [],
1612
1417
  "internalComponents": [
1613
- "PopoverContext.Provider"
1418
+ "ChipDismissible",
1419
+ "ChipToggle",
1420
+ "ChipLink",
1421
+ "ChipButton"
1614
1422
  ],
1615
1423
  "internalComponentProps": {},
1616
1424
  "propToVariantKeys": {},
@@ -1619,56 +1427,84 @@
1619
1427
  "runtimeConfigInternalComponentProps": {},
1620
1428
  "motionVarPrefixes": []
1621
1429
  },
1622
- "Popover": {
1623
- "name": "Popover",
1624
- "defaultProps": {},
1430
+ "ChipBase": {
1431
+ "name": "ChipBase",
1432
+ "defaultProps": {
1433
+ "size": "md",
1434
+ "as": "div"
1435
+ },
1625
1436
  "getStylesLiterals": {},
1626
- "cxLiterals": [],
1437
+ "cxLiterals": [
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"
1448
+ ],
1627
1449
  "internalComponents": [
1628
- "PopoverInternalContext.Provider",
1629
- "PopoverProvider"
1450
+ "IconSlot",
1451
+ "HStack",
1452
+ "As",
1453
+ "Text"
1630
1454
  ],
1631
- "internalComponentProps": {},
1632
- "propToVariantKeys": {},
1633
- "runtimeConfigDefaultProps": {
1634
- "size": "popover.defaultSize",
1635
- "variant": "popover.defaultVariant"
1455
+ "internalComponentProps": {
1456
+ "Text": {
1457
+ "as": [
1458
+ "span"
1459
+ ],
1460
+ "color": [
1461
+ "current"
1462
+ ],
1463
+ "variant": [
1464
+ "inherit"
1465
+ ]
1466
+ }
1467
+ },
1468
+ "propToVariantKeys": {
1469
+ "size": [
1470
+ "chipSizeRoot",
1471
+ "chipSizeIcon"
1472
+ ],
1473
+ "startIcon": [
1474
+ "icon"
1475
+ ],
1476
+ "endIcon": [
1477
+ "icon"
1478
+ ]
1636
1479
  },
1637
- "runtimeConfigGetStyles": {},
1638
- "runtimeConfigInternalComponentProps": {},
1639
- "motionVarPrefixes": []
1640
- },
1641
- "PopoverContext": {
1642
- "name": "PopoverContext",
1643
- "defaultProps": {},
1644
- "getStylesLiterals": {},
1645
- "cxLiterals": [],
1646
- "internalComponents": [],
1647
- "internalComponentProps": {},
1648
- "propToVariantKeys": {},
1649
1480
  "runtimeConfigDefaultProps": {},
1650
1481
  "runtimeConfigGetStyles": {},
1651
1482
  "runtimeConfigInternalComponentProps": {},
1652
1483
  "motionVarPrefixes": []
1653
1484
  },
1654
- "PopoverTrigger": {
1655
- "name": "PopoverTrigger",
1656
- "defaultProps": {},
1485
+ "ChipButton": {
1486
+ "name": "ChipButton",
1487
+ "defaultProps": {
1488
+ "variant": "primary"
1489
+ },
1657
1490
  "getStylesLiterals": {},
1658
- "cxLiterals": [],
1491
+ "cxLiterals": [
1492
+ "uds-ring"
1493
+ ],
1659
1494
  "internalComponents": [
1660
- "PopoverDisclosure"
1495
+ "ChipBase"
1661
1496
  ],
1662
1497
  "internalComponentProps": {
1663
- "PopoverDisclosure": {
1664
- "className": [
1665
- "inline"
1498
+ "ChipBase": {
1499
+ "as": [
1500
+ "button"
1666
1501
  ]
1667
1502
  }
1668
1503
  },
1669
1504
  "propToVariantKeys": {
1670
- "children": [
1671
- "render"
1505
+ "variant": [
1506
+ "chipLinkVariantRoot",
1507
+ "chipLinkVariantIcon"
1672
1508
  ]
1673
1509
  },
1674
1510
  "runtimeConfigDefaultProps": {},
@@ -1676,202 +1512,203 @@
1676
1512
  "runtimeConfigInternalComponentProps": {},
1677
1513
  "motionVarPrefixes": []
1678
1514
  },
1679
- "PopoverContent": {
1680
- "name": "PopoverContent",
1681
- "defaultProps": {},
1682
- "getStylesLiterals": {
1683
- "popoverSizeRoot": "default",
1684
- "popoverVariantRoot": "default",
1685
- "display": "flex",
1686
- "position": "absolute",
1687
- "spacingTop": "0",
1688
- "spacingStart": "0",
1689
- "spacingBottom": "0",
1690
- "spacingEnd": "0",
1691
- "popoverSizeSvgBase": "default",
1692
- "popoverVariantSvgBase": "default",
1693
- "popoverSizeSvgBorder": "default",
1694
- "popoverVariantSvgBorder": "default",
1695
- "popoverVariantBlur": "default",
1696
- "width": "full",
1697
- "height": "full",
1698
- "flexShrink": "0",
1699
- "borderRadius": "full",
1700
- "alignItems": "center",
1701
- "justifyContent": "center",
1702
- "popoverVariantCloseIcon": "default",
1703
- "popoverSizeCloseIcon": "default"
1515
+ "ChipDismissible": {
1516
+ "name": "ChipDismissible",
1517
+ "defaultProps": {
1518
+ "variant": "primary"
1704
1519
  },
1520
+ "getStylesLiterals": {},
1705
1521
  "cxLiterals": [
1706
- "z-[9999]",
1707
- "outline-none",
1708
- "focus-visible:outline-none",
1709
- "uds-bgBlurFillFallback",
1710
- "uds-bgBlurFallback",
1711
- "top-0",
1712
- "left-0",
1713
- "z-[1]",
1714
- "duration-0",
1715
- "duration-120",
1716
- "transition-[background-color]",
1717
- "bg-carbon-15/0",
1718
- "hover:bg-carbon-15/10",
1719
- "active:bg-carbon-15/15",
1522
+ "uds-chip-dismissible-button",
1523
+ "uds-hit-target",
1720
1524
  "uds-ring",
1721
- "absolute",
1722
- "z-[4]"
1525
+ "rounded-full"
1723
1526
  ],
1724
1527
  "internalComponents": [
1725
- "PopoverDismiss",
1528
+ "ChipBase",
1726
1529
  "IconSlot",
1727
- "PopoverArrow",
1728
- "Popover",
1729
- "SvgFloatingOverlay",
1730
- "Box",
1731
1530
  "Pressable"
1732
1531
  ],
1733
1532
  "internalComponentProps": {},
1734
1533
  "propToVariantKeys": {
1735
- "closeIcon": [
1736
- "icon"
1737
- ]
1738
- },
1739
- "runtimeConfigDefaultProps": {
1740
- "size": "popover.defaultSize",
1741
- "variant": "popover.defaultVariant"
1742
- },
1743
- "runtimeConfigGetStyles": {
1744
- "spacingTop": [
1745
- "popover.spacingVertical.${size}"
1746
- ],
1747
- "spacingStart": [
1748
- "popover.spacingHorizontal.${size}"
1749
- ],
1750
- "spacingBottom": [
1751
- "popover.spacingVertical.${size}"
1534
+ "variant": [
1535
+ "chipDismissibleVariantRoot",
1536
+ "chipDismissibleVariantIcon"
1752
1537
  ],
1753
- "spacingEnd": [
1754
- "popover.spacingHorizontal.${size}"
1538
+ "dismissButtonAriaLabel": [
1539
+ "aria-label"
1755
1540
  ]
1756
1541
  },
1757
- "runtimeConfigInternalComponentProps": {
1758
- "SvgFloatingOverlay": {
1759
- "borderRadius": [
1760
- "popover.borderRadius.${size}"
1761
- ]
1762
- }
1763
- },
1542
+ "runtimeConfigDefaultProps": {},
1543
+ "runtimeConfigGetStyles": {},
1544
+ "runtimeConfigInternalComponentProps": {},
1764
1545
  "motionVarPrefixes": []
1765
1546
  },
1766
- "BottomSheetContent": {
1767
- "name": "BottomSheetContent",
1768
- "defaultProps": {},
1547
+ "ChipLink": {
1548
+ "name": "ChipLink",
1549
+ "defaultProps": {
1550
+ "variant": "primary"
1551
+ },
1769
1552
  "getStylesLiterals": {},
1770
1553
  "cxLiterals": [
1771
- "min-h-0",
1772
- "touch-pan-y"
1554
+ "uds-ring"
1773
1555
  ],
1774
1556
  "internalComponents": [
1775
- "Box",
1776
- "VStack"
1557
+ "ChipBase"
1777
1558
  ],
1778
1559
  "internalComponentProps": {
1779
- "Box": {
1780
- "display": [
1781
- "block"
1782
- ],
1783
- "flex": [
1784
- "1"
1785
- ]
1786
- },
1787
- "VStack": {
1788
- "className": [
1789
- "pb-[calc(env(safe-area-inset-bottom))]"
1560
+ "ChipBase": {
1561
+ "as": [
1562
+ "a"
1790
1563
  ]
1791
1564
  }
1792
1565
  },
1793
- "propToVariantKeys": {},
1566
+ "propToVariantKeys": {
1567
+ "variant": [
1568
+ "chipLinkVariantRoot",
1569
+ "chipLinkVariantIcon"
1570
+ ]
1571
+ },
1794
1572
  "runtimeConfigDefaultProps": {},
1795
1573
  "runtimeConfigGetStyles": {},
1796
1574
  "runtimeConfigInternalComponentProps": {},
1797
1575
  "motionVarPrefixes": []
1798
1576
  },
1799
- "BottomSheetDismiss": {
1800
- "name": "BottomSheetDismiss",
1801
- "defaultProps": {},
1802
- "getStylesLiterals": {},
1803
- "cxLiterals": [],
1577
+ "ChipToggle": {
1578
+ "name": "ChipToggle",
1579
+ "defaultProps": {
1580
+ "variant": "primary",
1581
+ "role": "checkbox"
1582
+ },
1583
+ "getStylesLiterals": {
1584
+ "chipToggleVariantActiveRoot": "on",
1585
+ "chipToggleVariantActiveRoot:1": "off"
1586
+ },
1587
+ "cxLiterals": [
1588
+ "uds-ring"
1589
+ ],
1804
1590
  "internalComponents": [
1805
- "AriakitDialogDismiss"
1591
+ "ChipBase"
1806
1592
  ],
1807
- "internalComponentProps": {},
1808
- "propToVariantKeys": {},
1593
+ "internalComponentProps": {
1594
+ "ChipBase": {
1595
+ "as": [
1596
+ "button"
1597
+ ]
1598
+ }
1599
+ },
1600
+ "propToVariantKeys": {
1601
+ "variant": [
1602
+ "chipToggleVariantRoot",
1603
+ "chipToggleVariantIcon"
1604
+ ]
1605
+ },
1809
1606
  "runtimeConfigDefaultProps": {},
1810
1607
  "runtimeConfigGetStyles": {},
1811
1608
  "runtimeConfigInternalComponentProps": {},
1812
1609
  "motionVarPrefixes": []
1813
1610
  },
1814
- "BottomSheet": {
1815
- "name": "BottomSheet",
1611
+ "Input": {
1612
+ "name": "Input",
1816
1613
  "defaultProps": {
1817
- "variant": "default"
1614
+ "type": "text",
1615
+ "size": "md",
1616
+ "width": "full"
1617
+ },
1618
+ "getStylesLiterals": {
1619
+ "inputVariantRoot": "default",
1620
+ "inputVariantValueRoot": "empty",
1621
+ "inputVariantValueRoot:1": "filled",
1622
+ "inputVariantInputWrapper": "default",
1623
+ "inputVariantValueInputWrapper": "empty",
1624
+ "inputVariantValueInputWrapper:1": "filled",
1625
+ "inputVariantInput": "default",
1626
+ "inputVariantValueInput": "empty",
1627
+ "inputVariantValueInput:1": "filled",
1628
+ "inputVariantInputPlaceholder": "default",
1629
+ "inputVariantValueInputPlaceholder": "empty",
1630
+ "inputVariantValueInputPlaceholder:1": "filled",
1631
+ "inputVariantLabel": "default",
1632
+ "inputVariantValueLabel": "empty",
1633
+ "inputVariantValueLabel:1": "filled",
1634
+ "inputVariantLabelRequired": "default",
1635
+ "inputVariantValueLabelRequired": "empty",
1636
+ "inputVariantValueLabelRequired:1": "filled",
1637
+ "inputVariantStartIcon": "default",
1638
+ "inputVariantValueStartIcon": "empty",
1639
+ "inputVariantValueStartIcon:1": "filled",
1640
+ "inputVariantEndIcon": "default",
1641
+ "inputVariantValueEndIcon": "empty",
1642
+ "inputVariantValueEndIcon:1": "filled"
1818
1643
  },
1819
- "getStylesLiterals": {},
1820
1644
  "cxLiterals": [
1821
- "fixed",
1822
- "overflow-hidden",
1823
- "inset-x-0",
1824
- "bottom-0",
1825
- "z-50",
1826
- "[will-change:transform]",
1827
- "touch-none",
1828
- "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
1829
- "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
1830
- "transition-transform",
1831
- "duration-500",
1832
- "ease-[cubic-bezier(0.32,0.72,0,1)]",
1833
- "motion-reduce:transition-none",
1834
- "top-[-4px]",
1835
- "z-[1]",
1836
- "touch-pan-y"
1645
+ "opacity-50",
1646
+ "min-w-[200px]",
1647
+ "grow",
1648
+ "uds-hit-target",
1649
+ "bg-clip-text",
1650
+ "focus:outline-none",
1651
+ "cursor-text",
1652
+ "cursor-not-allowed"
1837
1653
  ],
1838
1654
  "internalComponents": [
1839
- "Scrim",
1840
- "BottomSheetHandle",
1841
- "Dialog",
1655
+ "IconSlot",
1656
+ "StartIcon",
1657
+ "EndIcon",
1658
+ "HelpTextContent",
1842
1659
  "Box",
1843
- "BottomSheetInternalContext.Provider"
1660
+ "InputHelpTextInternal",
1661
+ "VStack",
1662
+ "HStack",
1663
+ "AnimateHeightChange"
1844
1664
  ],
1845
1665
  "internalComponentProps": {
1846
- "BottomSheetHandle": {
1847
- "ariaLabel": [
1848
- "Resize sheet"
1849
- ]
1850
- },
1851
- "Dialog": {
1852
- "data-testid": [
1853
- "bottom-sheet"
1666
+ "HelpTextContent": {
1667
+ "spacingTop": [
1668
+ "2"
1854
1669
  ]
1855
1670
  },
1856
1671
  "Box": {
1857
- "display": [
1858
- "block",
1859
- "flex"
1672
+ "spacingBottom": [
1673
+ "2"
1860
1674
  ],
1861
- "position": [
1862
- "absolute"
1675
+ "columnGap": [
1676
+ "0.5"
1863
1677
  ],
1864
- "flexDirection": [
1865
- "column"
1678
+ "alignItems": [
1679
+ "flex-end",
1680
+ "center"
1866
1681
  ],
1867
- "className": [
1868
- "absolute inset-0 min-h-0 p-[inherit]"
1682
+ "position": [
1683
+ "relative"
1684
+ ]
1685
+ },
1686
+ "HStack": {
1687
+ "alignItems": [
1688
+ "center"
1689
+ ],
1690
+ "gap": [
1691
+ "1"
1869
1692
  ]
1870
1693
  }
1871
1694
  },
1872
1695
  "propToVariantKeys": {
1873
- "variant": [
1874
- "bottomsheetVariantRoot"
1696
+ "size": [
1697
+ "inputSizeRoot",
1698
+ "inputSizeInputWrapper",
1699
+ "inputSizeInput",
1700
+ "inputSizeLabel",
1701
+ "inputSizeStartIcon",
1702
+ "inputSizeEndIcon"
1703
+ ],
1704
+ "startIcon": [
1705
+ "icon"
1706
+ ],
1707
+ "endIcon": [
1708
+ "icon"
1709
+ ],
1710
+ "helperTextIcon": [
1711
+ "startIcon"
1875
1712
  ]
1876
1713
  },
1877
1714
  "runtimeConfigDefaultProps": {},
@@ -1879,45 +1716,31 @@
1879
1716
  "runtimeConfigInternalComponentProps": {},
1880
1717
  "motionVarPrefixes": []
1881
1718
  },
1882
- "BottomSheetHandle": {
1883
- "name": "BottomSheetHandle",
1719
+ "InputHelpText": {
1720
+ "name": "InputHelpText",
1884
1721
  "defaultProps": {
1885
- "variant": "default"
1722
+ "size": "md"
1886
1723
  },
1887
- "getStylesLiterals": {},
1888
- "cxLiterals": [
1889
- "relative",
1890
- "h-5",
1891
- "w-16",
1892
- "outline-none",
1893
- "focus-visible:outline-none",
1894
- "[touch-action:pan-y]",
1895
- "absolute",
1896
- "left-1/2",
1897
- "top-1/2",
1898
- "-translate-x-1/2",
1899
- "-translate-y-1/2",
1900
- "h-1",
1901
- "w-8",
1902
- "rounded-full"
1903
- ],
1724
+ "getStylesLiterals": {
1725
+ "inputVariantRoot": "default",
1726
+ "inputVariantValueRoot": "empty",
1727
+ "inputVariantValueRoot:1": "filled"
1728
+ },
1729
+ "cxLiterals": [],
1904
1730
  "internalComponents": [
1731
+ "InputHelpTextInternal",
1905
1732
  "Box"
1906
1733
  ],
1907
1734
  "internalComponentProps": {
1908
1735
  "Box": {
1909
- "display": [
1910
- "block",
1911
- "flex"
1912
- ],
1913
- "justifyContent": [
1914
- "center"
1736
+ "spacingTop": [
1737
+ "2"
1915
1738
  ]
1916
1739
  }
1917
1740
  },
1918
1741
  "propToVariantKeys": {
1919
- "variant": [
1920
- "bottomsheetVariantHandleIndicator"
1742
+ "size": [
1743
+ "inputSizeRoot"
1921
1744
  ]
1922
1745
  },
1923
1746
  "runtimeConfigDefaultProps": {},
@@ -1925,68 +1748,208 @@
1925
1748
  "runtimeConfigInternalComponentProps": {},
1926
1749
  "motionVarPrefixes": []
1927
1750
  },
1928
- "BottomSheetInternalContext": {
1929
- "name": "BottomSheetInternalContext",
1751
+ "InputHelpTextInternal": {
1752
+ "name": "InputHelpTextInternal",
1930
1753
  "defaultProps": {},
1931
- "getStylesLiterals": {},
1754
+ "getStylesLiterals": {
1755
+ "inputVariantHelperText": "default",
1756
+ "inputVariantValueHelperText": "empty",
1757
+ "inputVariantValueHelperText:1": "filled",
1758
+ "inputVariantHelperIcon": "default",
1759
+ "inputVariantValueHelperIcon": "empty",
1760
+ "inputVariantValueHelperIcon:1": "filled"
1761
+ },
1932
1762
  "cxLiterals": [],
1933
- "internalComponents": [],
1934
- "internalComponentProps": {},
1935
- "propToVariantKeys": {},
1763
+ "internalComponents": [
1764
+ "IconSlot",
1765
+ "HStack"
1766
+ ],
1767
+ "internalComponentProps": {
1768
+ "HStack": {
1769
+ "gap": [
1770
+ "1"
1771
+ ],
1772
+ "alignItems": [
1773
+ "center"
1774
+ ]
1775
+ }
1776
+ },
1777
+ "propToVariantKeys": {
1778
+ "size": [
1779
+ "inputSizeHelperText",
1780
+ "inputSizeHelperIcon"
1781
+ ],
1782
+ "startIcon": [
1783
+ "icon"
1784
+ ],
1785
+ "endIcon": [
1786
+ "icon"
1787
+ ]
1788
+ },
1936
1789
  "runtimeConfigDefaultProps": {},
1937
1790
  "runtimeConfigGetStyles": {},
1938
1791
  "runtimeConfigInternalComponentProps": {},
1939
1792
  "motionVarPrefixes": []
1940
1793
  },
1941
- "BottomSheetHeader": {
1942
- "name": "BottomSheetHeader",
1794
+ "Menu.Content": {
1795
+ "name": "Menu.Content",
1943
1796
  "defaultProps": {
1944
- "variant": "default"
1797
+ "size": "default",
1798
+ "variant": "default",
1799
+ "gutter": "1"
1945
1800
  },
1946
1801
  "getStylesLiterals": {},
1947
1802
  "cxLiterals": [
1948
- "grid-cols-[40px_1fr_40px]",
1949
- "items-center",
1950
- "w-full",
1951
- "min-h-10",
1952
- "mt-2"
1953
- ],
1954
- "internalComponents": [
1955
- "Box",
1956
- "Text"
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"
1814
+ ],
1815
+ "internalComponents": [
1816
+ "AriakitMenu",
1817
+ "AnimatePresence",
1818
+ "MotionVStack"
1819
+ ],
1820
+ "internalComponentProps": {},
1821
+ "propToVariantKeys": {
1822
+ "size": [
1823
+ "menucontentSizeRoot"
1824
+ ],
1825
+ "variant": [
1826
+ "menucontentVariantRoot"
1827
+ ]
1828
+ },
1829
+ "runtimeConfigDefaultProps": {},
1830
+ "runtimeConfigGetStyles": {},
1831
+ "runtimeConfigInternalComponentProps": {},
1832
+ "motionVarPrefixes": []
1833
+ },
1834
+ "Menu.Divider": {
1835
+ "name": "Menu.Divider",
1836
+ "defaultProps": {
1837
+ "role": "separator",
1838
+ "contentPosition": "start",
1839
+ "gap": "4"
1840
+ },
1841
+ "getStylesLiterals": {
1842
+ "menuitemDividerVariantRoot": "default",
1843
+ "menuitemDividerVariantText": "default",
1844
+ "menuitemDividerVariantLine": "default"
1845
+ },
1846
+ "cxLiterals": [],
1847
+ "internalComponents": [
1848
+ "DividerInternal"
1957
1849
  ],
1958
1850
  "internalComponentProps": {
1959
- "Box": {
1960
- "className": [
1961
- "h-10 w-10 opacity-0 pointer-events-none"
1962
- ],
1963
- "display": [
1964
- "grid",
1965
- "flex"
1966
- ],
1967
- "justifyContent": [
1968
- "flex-start",
1969
- "flex-end"
1970
- ]
1971
- },
1972
- "Text": {
1851
+ "DividerInternal": {
1973
1852
  "variant": [
1974
1853
  "inherit"
1975
- ],
1976
- "color": [
1977
- "inherit"
1978
- ],
1979
- "textAlign": [
1854
+ ]
1855
+ }
1856
+ },
1857
+ "propToVariantKeys": {},
1858
+ "runtimeConfigDefaultProps": {},
1859
+ "runtimeConfigGetStyles": {},
1860
+ "runtimeConfigInternalComponentProps": {},
1861
+ "motionVarPrefixes": []
1862
+ },
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"
1876
+ },
1877
+ "cxLiterals": [],
1878
+ "internalComponents": [
1879
+ "MenuItemBase"
1880
+ ],
1881
+ "internalComponentProps": {},
1882
+ "propToVariantKeys": {},
1883
+ "runtimeConfigDefaultProps": {},
1884
+ "runtimeConfigGetStyles": {},
1885
+ "runtimeConfigInternalComponentProps": {},
1886
+ "motionVarPrefixes": []
1887
+ },
1888
+ "Menu.ItemBase": {
1889
+ "name": "Menu.ItemBase",
1890
+ "defaultProps": {
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"
1904
+ },
1905
+ "cxLiterals": [
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"
1921
+ ],
1922
+ "internalComponents": [
1923
+ "Pressable",
1924
+ "IconSlot",
1925
+ "RootComponent",
1926
+ "HStack",
1927
+ "AnimatePresence"
1928
+ ],
1929
+ "internalComponentProps": {
1930
+ "HStack": {
1931
+ "alignItems": [
1980
1932
  "center"
1981
1933
  ],
1982
- "className": [
1983
- "w-full"
1934
+ "width": [
1935
+ "full"
1936
+ ]
1937
+ },
1938
+ "AnimatePresence": {
1939
+ "mode": [
1940
+ "popLayout"
1984
1941
  ]
1985
1942
  }
1986
1943
  },
1987
1944
  "propToVariantKeys": {
1988
- "variant": [
1989
- "bottomsheetVariantHeader"
1945
+ "startIcon": [
1946
+ "icon"
1947
+ ],
1948
+ "endIcon": [
1949
+ "icon"
1950
+ ],
1951
+ "columnGap": [
1952
+ "gap"
1990
1953
  ]
1991
1954
  },
1992
1955
  "runtimeConfigDefaultProps": {},
@@ -1994,13 +1957,28 @@
1994
1957
  "runtimeConfigInternalComponentProps": {},
1995
1958
  "motionVarPrefixes": []
1996
1959
  },
1997
- "BottomSheetTrigger": {
1998
- "name": "BottomSheetTrigger",
1960
+ "Menu.ItemCheckbox": {
1961
+ "name": "Menu.ItemCheckbox",
1999
1962
  "defaultProps": {},
2000
- "getStylesLiterals": {},
2001
- "cxLiterals": [],
1963
+ "getStylesLiterals": {
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"
1976
+ },
1977
+ "cxLiterals": [
1978
+ "uds-menu-item-checkbox"
1979
+ ],
2002
1980
  "internalComponents": [
2003
- "AriakitDialogDisclosure"
1981
+ "MenuItemBase"
2004
1982
  ],
2005
1983
  "internalComponentProps": {},
2006
1984
  "propToVariantKeys": {},
@@ -2009,38 +1987,51 @@
2009
1987
  "runtimeConfigInternalComponentProps": {},
2010
1988
  "motionVarPrefixes": []
2011
1989
  },
2012
- "BottomSheetProvider": {
2013
- "name": "BottomSheetProvider",
1990
+ "Menu.Provider": {
1991
+ "name": "Menu.Provider",
2014
1992
  "defaultProps": {},
2015
1993
  "getStylesLiterals": {},
2016
1994
  "cxLiterals": [],
2017
1995
  "internalComponents": [
2018
- "AriakitDialogProvider"
1996
+ "AriakitMenuProvider",
1997
+ "SpringMotionConfig"
2019
1998
  ],
2020
1999
  "internalComponentProps": {},
2021
2000
  "propToVariantKeys": {},
2022
2001
  "runtimeConfigDefaultProps": {},
2023
2002
  "runtimeConfigGetStyles": {},
2024
2003
  "runtimeConfigInternalComponentProps": {},
2025
- "motionVarPrefixes": []
2004
+ "motionVarPrefixes": [
2005
+ "--uds-motion-subtle-3-",
2006
+ "--uds-motion-smooth-3-"
2007
+ ]
2026
2008
  },
2027
- "UDSBottomSheetConfigProvider": {
2028
- "name": "UDSBottomSheetConfigProvider",
2009
+ "Menu.Trigger": {
2010
+ "name": "Menu.Trigger",
2029
2011
  "defaultProps": {},
2030
2012
  "getStylesLiterals": {},
2031
- "cxLiterals": [],
2013
+ "cxLiterals": [
2014
+ "uds-menu-trigger"
2015
+ ],
2032
2016
  "internalComponents": [
2033
- "BottomSheetContext.Provider"
2017
+ "AriakitMenuTrigger",
2018
+ "Box"
2034
2019
  ],
2035
- "internalComponentProps": {},
2020
+ "internalComponentProps": {
2021
+ "Box": {
2022
+ "className": [
2023
+ "uds-ring h-fit w-fit"
2024
+ ]
2025
+ }
2026
+ },
2036
2027
  "propToVariantKeys": {},
2037
2028
  "runtimeConfigDefaultProps": {},
2038
2029
  "runtimeConfigGetStyles": {},
2039
2030
  "runtimeConfigInternalComponentProps": {},
2040
2031
  "motionVarPrefixes": []
2041
2032
  },
2042
- "RadioGroupStore": {
2043
- "name": "RadioGroupStore",
2033
+ "Menu.index": {
2034
+ "name": "Menu.index",
2044
2035
  "defaultProps": {},
2045
2036
  "getStylesLiterals": {},
2046
2037
  "cxLiterals": [],
@@ -2052,42 +2043,191 @@
2052
2043
  "runtimeConfigInternalComponentProps": {},
2053
2044
  "motionVarPrefixes": []
2054
2045
  },
2055
- "RadioGroupProvider": {
2056
- "name": "RadioGroupProvider",
2046
+ "Menu": {
2047
+ "name": "Menu",
2057
2048
  "defaultProps": {},
2058
2049
  "getStylesLiterals": {},
2059
2050
  "cxLiterals": [],
2060
- "internalComponents": [
2061
- "DivProps",
2062
- "Comp",
2063
- "RadioGroupContext.Provider"
2064
- ],
2065
- "internalComponentProps": {
2066
- "Comp": {
2067
- "role": [
2068
- "radiogroup"
2069
- ]
2070
- }
2071
- },
2051
+ "internalComponents": [],
2052
+ "internalComponentProps": {},
2072
2053
  "propToVariantKeys": {},
2073
2054
  "runtimeConfigDefaultProps": {},
2074
2055
  "runtimeConfigGetStyles": {},
2075
2056
  "runtimeConfigInternalComponentProps": {},
2076
2057
  "motionVarPrefixes": []
2077
2058
  },
2078
- "Radio": {
2079
- "name": "Radio",
2080
- "defaultProps": {
2081
- "labelPosition": "start",
2082
- "variant": "primary",
2083
- "size": "md",
2084
- "value": ""
2085
- },
2086
- "getStylesLiterals": {
2087
- "radioVariantValueRoot": "checked",
2088
- "radioVariantValueRoot:1": "unchecked",
2089
- "display": "flex",
2090
- "flexDirection": "row",
2059
+ "Popover": {
2060
+ "name": "Popover",
2061
+ "defaultProps": {},
2062
+ "getStylesLiterals": {},
2063
+ "cxLiterals": [],
2064
+ "internalComponents": [
2065
+ "PopoverInternalContext.Provider",
2066
+ "PopoverProvider"
2067
+ ],
2068
+ "internalComponentProps": {},
2069
+ "propToVariantKeys": {},
2070
+ "runtimeConfigDefaultProps": {
2071
+ "size": "popover.defaultSize",
2072
+ "variant": "popover.defaultVariant"
2073
+ },
2074
+ "runtimeConfigGetStyles": {},
2075
+ "runtimeConfigInternalComponentProps": {},
2076
+ "motionVarPrefixes": []
2077
+ },
2078
+ "PopoverContent": {
2079
+ "name": "PopoverContent",
2080
+ "defaultProps": {},
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
+ ],
2123
+ "internalComponents": [
2124
+ "PopoverDismiss",
2125
+ "IconSlot",
2126
+ "PopoverArrow",
2127
+ "Popover",
2128
+ "SvgFloatingOverlay",
2129
+ "Box",
2130
+ "Pressable"
2131
+ ],
2132
+ "internalComponentProps": {},
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
+ },
2163
+ "motionVarPrefixes": []
2164
+ },
2165
+ "PopoverContext": {
2166
+ "name": "PopoverContext",
2167
+ "defaultProps": {},
2168
+ "getStylesLiterals": {},
2169
+ "cxLiterals": [],
2170
+ "internalComponents": [],
2171
+ "internalComponentProps": {},
2172
+ "propToVariantKeys": {},
2173
+ "runtimeConfigDefaultProps": {},
2174
+ "runtimeConfigGetStyles": {},
2175
+ "runtimeConfigInternalComponentProps": {},
2176
+ "motionVarPrefixes": []
2177
+ },
2178
+ "PopoverTrigger": {
2179
+ "name": "PopoverTrigger",
2180
+ "defaultProps": {},
2181
+ "getStylesLiterals": {},
2182
+ "cxLiterals": [],
2183
+ "internalComponents": [
2184
+ "PopoverDisclosure"
2185
+ ],
2186
+ "internalComponentProps": {
2187
+ "PopoverDisclosure": {
2188
+ "className": [
2189
+ "inline"
2190
+ ]
2191
+ }
2192
+ },
2193
+ "propToVariantKeys": {
2194
+ "children": [
2195
+ "render"
2196
+ ]
2197
+ },
2198
+ "runtimeConfigDefaultProps": {},
2199
+ "runtimeConfigGetStyles": {},
2200
+ "runtimeConfigInternalComponentProps": {},
2201
+ "motionVarPrefixes": []
2202
+ },
2203
+ "UDSPopoverConfigProvider": {
2204
+ "name": "UDSPopoverConfigProvider",
2205
+ "defaultProps": {},
2206
+ "getStylesLiterals": {},
2207
+ "cxLiterals": [],
2208
+ "internalComponents": [
2209
+ "PopoverContext.Provider"
2210
+ ],
2211
+ "internalComponentProps": {},
2212
+ "propToVariantKeys": {},
2213
+ "runtimeConfigDefaultProps": {},
2214
+ "runtimeConfigGetStyles": {},
2215
+ "runtimeConfigInternalComponentProps": {},
2216
+ "motionVarPrefixes": []
2217
+ },
2218
+ "Radio": {
2219
+ "name": "Radio",
2220
+ "defaultProps": {
2221
+ "labelPosition": "start",
2222
+ "variant": "primary",
2223
+ "size": "md",
2224
+ "value": ""
2225
+ },
2226
+ "getStylesLiterals": {
2227
+ "radioVariantValueRoot": "checked",
2228
+ "radioVariantValueRoot:1": "unchecked",
2229
+ "display": "flex",
2230
+ "flexDirection": "row",
2091
2231
  "flexDirection:1": "row-reverse",
2092
2232
  "alignItems": "center",
2093
2233
  "radioVariantValueRadio": "checked",
@@ -2190,14 +2330,35 @@
2190
2330
  "--uds-motion-smooth-3-"
2191
2331
  ]
2192
2332
  },
2193
- "UDSToastConfigProvider": {
2194
- "name": "UDSToastConfigProvider",
2333
+ "RadioGroupProvider": {
2334
+ "name": "RadioGroupProvider",
2195
2335
  "defaultProps": {},
2196
2336
  "getStylesLiterals": {},
2197
2337
  "cxLiterals": [],
2198
2338
  "internalComponents": [
2199
- "ToastContext.Provider"
2339
+ "DivProps",
2340
+ "Comp",
2341
+ "RadioGroupContext.Provider"
2200
2342
  ],
2343
+ "internalComponentProps": {
2344
+ "Comp": {
2345
+ "role": [
2346
+ "radiogroup"
2347
+ ]
2348
+ }
2349
+ },
2350
+ "propToVariantKeys": {},
2351
+ "runtimeConfigDefaultProps": {},
2352
+ "runtimeConfigGetStyles": {},
2353
+ "runtimeConfigInternalComponentProps": {},
2354
+ "motionVarPrefixes": []
2355
+ },
2356
+ "RadioGroupStore": {
2357
+ "name": "RadioGroupStore",
2358
+ "defaultProps": {},
2359
+ "getStylesLiterals": {},
2360
+ "cxLiterals": [],
2361
+ "internalComponents": [],
2201
2362
  "internalComponentProps": {},
2202
2363
  "propToVariantKeys": {},
2203
2364
  "runtimeConfigDefaultProps": {},
@@ -2388,13 +2549,13 @@
2388
2549
  },
2389
2550
  "motionVarPrefixes": []
2390
2551
  },
2391
- "UDSTooltipConfigProvider": {
2392
- "name": "UDSTooltipConfigProvider",
2552
+ "UDSToastConfigProvider": {
2553
+ "name": "UDSToastConfigProvider",
2393
2554
  "defaultProps": {},
2394
2555
  "getStylesLiterals": {},
2395
2556
  "cxLiterals": [],
2396
2557
  "internalComponents": [
2397
- "TooltipContext.Provider"
2558
+ "ToastContext.Provider"
2398
2559
  ],
2399
2560
  "internalComponentProps": {},
2400
2561
  "propToVariantKeys": {},
@@ -2403,29 +2564,26 @@
2403
2564
  "runtimeConfigInternalComponentProps": {},
2404
2565
  "motionVarPrefixes": []
2405
2566
  },
2406
- "TooltipTrigger": {
2407
- "name": "TooltipTrigger",
2567
+ "Tooltip": {
2568
+ "name": "Tooltip",
2408
2569
  "defaultProps": {},
2409
2570
  "getStylesLiterals": {},
2410
2571
  "cxLiterals": [],
2411
2572
  "internalComponents": [
2412
- "TooltipAnchor"
2573
+ "TooltipInternalContext.Provider",
2574
+ "TooltipProvider"
2413
2575
  ],
2414
- "internalComponentProps": {
2415
- "TooltipAnchor": {
2416
- "className": [
2417
- "inline"
2576
+ "internalComponentProps": {},
2577
+ "propToVariantKeys": {},
2578
+ "runtimeConfigDefaultProps": {},
2579
+ "runtimeConfigGetStyles": {},
2580
+ "runtimeConfigInternalComponentProps": {
2581
+ "TooltipProvider": {
2582
+ "animated": [
2583
+ "tooltip.animationDuration"
2418
2584
  ]
2419
2585
  }
2420
2586
  },
2421
- "propToVariantKeys": {
2422
- "children": [
2423
- "render"
2424
- ]
2425
- },
2426
- "runtimeConfigDefaultProps": {},
2427
- "runtimeConfigGetStyles": {},
2428
- "runtimeConfigInternalComponentProps": {},
2429
2587
  "motionVarPrefixes": []
2430
2588
  },
2431
2589
  "TooltipContent": {
@@ -2501,204 +2659,24 @@
2501
2659
  "runtimeConfigInternalComponentProps": {},
2502
2660
  "motionVarPrefixes": []
2503
2661
  },
2504
- "Tooltip": {
2505
- "name": "Tooltip",
2662
+ "TooltipTrigger": {
2663
+ "name": "TooltipTrigger",
2506
2664
  "defaultProps": {},
2507
2665
  "getStylesLiterals": {},
2508
2666
  "cxLiterals": [],
2509
2667
  "internalComponents": [
2510
- "TooltipInternalContext.Provider",
2511
- "TooltipProvider"
2668
+ "TooltipAnchor"
2512
2669
  ],
2513
- "internalComponentProps": {},
2514
- "propToVariantKeys": {},
2515
- "runtimeConfigDefaultProps": {},
2516
- "runtimeConfigGetStyles": {},
2517
- "runtimeConfigInternalComponentProps": {
2518
- "TooltipProvider": {
2519
- "animated": [
2520
- "tooltip.animationDuration"
2521
- ]
2522
- }
2523
- },
2524
- "motionVarPrefixes": []
2525
- },
2526
- "Input": {
2527
- "name": "Input",
2528
- "defaultProps": {
2529
- "type": "text",
2530
- "size": "md",
2531
- "width": "full"
2532
- },
2533
- "getStylesLiterals": {
2534
- "inputVariantRoot": "default",
2535
- "inputVariantValueRoot": "empty",
2536
- "inputVariantValueRoot:1": "filled",
2537
- "inputVariantInputWrapper": "default",
2538
- "inputVariantValueInputWrapper": "empty",
2539
- "inputVariantValueInputWrapper:1": "filled",
2540
- "inputVariantInput": "default",
2541
- "inputVariantValueInput": "empty",
2542
- "inputVariantValueInput:1": "filled",
2543
- "inputVariantInputPlaceholder": "default",
2544
- "inputVariantValueInputPlaceholder": "empty",
2545
- "inputVariantValueInputPlaceholder:1": "filled",
2546
- "inputVariantLabel": "default",
2547
- "inputVariantValueLabel": "empty",
2548
- "inputVariantValueLabel:1": "filled",
2549
- "inputVariantLabelRequired": "default",
2550
- "inputVariantValueLabelRequired": "empty",
2551
- "inputVariantValueLabelRequired:1": "filled",
2552
- "inputVariantStartIcon": "default",
2553
- "inputVariantValueStartIcon": "empty",
2554
- "inputVariantValueStartIcon:1": "filled",
2555
- "inputVariantEndIcon": "default",
2556
- "inputVariantValueEndIcon": "empty",
2557
- "inputVariantValueEndIcon:1": "filled"
2558
- },
2559
- "cxLiterals": [
2560
- "opacity-50",
2561
- "min-w-[200px]",
2562
- "grow",
2563
- "uds-hit-target",
2564
- "bg-clip-text",
2565
- "focus:outline-none",
2566
- "cursor-text",
2567
- "cursor-not-allowed"
2568
- ],
2569
- "internalComponents": [
2570
- "IconSlot",
2571
- "StartIcon",
2572
- "EndIcon",
2573
- "HelpTextContent",
2574
- "Box",
2575
- "InputHelpTextInternal",
2576
- "VStack",
2577
- "HStack",
2578
- "AnimateHeightChange"
2579
- ],
2580
- "internalComponentProps": {
2581
- "HelpTextContent": {
2582
- "spacingTop": [
2583
- "2"
2584
- ]
2585
- },
2586
- "Box": {
2587
- "spacingBottom": [
2588
- "2"
2589
- ],
2590
- "columnGap": [
2591
- "0.5"
2592
- ],
2593
- "alignItems": [
2594
- "flex-end",
2595
- "center"
2596
- ],
2597
- "position": [
2598
- "relative"
2599
- ]
2600
- },
2601
- "HStack": {
2602
- "alignItems": [
2603
- "center"
2604
- ],
2605
- "gap": [
2606
- "1"
2670
+ "internalComponentProps": {
2671
+ "TooltipAnchor": {
2672
+ "className": [
2673
+ "inline"
2607
2674
  ]
2608
2675
  }
2609
2676
  },
2610
2677
  "propToVariantKeys": {
2611
- "size": [
2612
- "inputSizeRoot",
2613
- "inputSizeInputWrapper",
2614
- "inputSizeInput",
2615
- "inputSizeLabel",
2616
- "inputSizeStartIcon",
2617
- "inputSizeEndIcon"
2618
- ],
2619
- "startIcon": [
2620
- "icon"
2621
- ],
2622
- "endIcon": [
2623
- "icon"
2624
- ],
2625
- "helperTextIcon": [
2626
- "startIcon"
2627
- ]
2628
- },
2629
- "runtimeConfigDefaultProps": {},
2630
- "runtimeConfigGetStyles": {},
2631
- "runtimeConfigInternalComponentProps": {},
2632
- "motionVarPrefixes": []
2633
- },
2634
- "InputHelpText": {
2635
- "name": "InputHelpText",
2636
- "defaultProps": {
2637
- "size": "md"
2638
- },
2639
- "getStylesLiterals": {
2640
- "inputVariantRoot": "default",
2641
- "inputVariantValueRoot": "empty",
2642
- "inputVariantValueRoot:1": "filled"
2643
- },
2644
- "cxLiterals": [],
2645
- "internalComponents": [
2646
- "InputHelpTextInternal",
2647
- "Box"
2648
- ],
2649
- "internalComponentProps": {
2650
- "Box": {
2651
- "spacingTop": [
2652
- "2"
2653
- ]
2654
- }
2655
- },
2656
- "propToVariantKeys": {
2657
- "size": [
2658
- "inputSizeRoot"
2659
- ]
2660
- },
2661
- "runtimeConfigDefaultProps": {},
2662
- "runtimeConfigGetStyles": {},
2663
- "runtimeConfigInternalComponentProps": {},
2664
- "motionVarPrefixes": []
2665
- },
2666
- "InputHelpTextInternal": {
2667
- "name": "InputHelpTextInternal",
2668
- "defaultProps": {},
2669
- "getStylesLiterals": {
2670
- "inputVariantHelperText": "default",
2671
- "inputVariantValueHelperText": "empty",
2672
- "inputVariantValueHelperText:1": "filled",
2673
- "inputVariantHelperIcon": "default",
2674
- "inputVariantValueHelperIcon": "empty",
2675
- "inputVariantValueHelperIcon:1": "filled"
2676
- },
2677
- "cxLiterals": [],
2678
- "internalComponents": [
2679
- "IconSlot",
2680
- "HStack"
2681
- ],
2682
- "internalComponentProps": {
2683
- "HStack": {
2684
- "gap": [
2685
- "1"
2686
- ],
2687
- "alignItems": [
2688
- "center"
2689
- ]
2690
- }
2691
- },
2692
- "propToVariantKeys": {
2693
- "size": [
2694
- "inputSizeHelperText",
2695
- "inputSizeHelperIcon"
2696
- ],
2697
- "startIcon": [
2698
- "icon"
2699
- ],
2700
- "endIcon": [
2701
- "icon"
2678
+ "children": [
2679
+ "render"
2702
2680
  ]
2703
2681
  },
2704
2682
  "runtimeConfigDefaultProps": {},
@@ -2706,32 +2684,13 @@
2706
2684
  "runtimeConfigInternalComponentProps": {},
2707
2685
  "motionVarPrefixes": []
2708
2686
  },
2709
- "UDSConfigProvider": {
2710
- "name": "UDSConfigProvider",
2711
- "defaultProps": {},
2712
- "getStylesLiterals": {},
2713
- "cxLiterals": [],
2714
- "internalComponents": [
2715
- "UDSBreakpointsConfigProvider",
2716
- "UDSBottomSheetConfigProvider",
2717
- "UDSToastConfigProvider",
2718
- "UDSTooltipConfigProvider",
2719
- "UDSPopoverConfigProvider"
2720
- ],
2721
- "internalComponentProps": {},
2722
- "propToVariantKeys": {},
2723
- "runtimeConfigDefaultProps": {},
2724
- "runtimeConfigGetStyles": {},
2725
- "runtimeConfigInternalComponentProps": {},
2726
- "motionVarPrefixes": []
2727
- },
2728
- "UDSBreakpointsConfigProvider": {
2729
- "name": "UDSBreakpointsConfigProvider",
2687
+ "UDSTooltipConfigProvider": {
2688
+ "name": "UDSTooltipConfigProvider",
2730
2689
  "defaultProps": {},
2731
2690
  "getStylesLiterals": {},
2732
2691
  "cxLiterals": [],
2733
2692
  "internalComponents": [
2734
- "UDSBreakpointsConfigContext.Provider"
2693
+ "TooltipContext.Provider"
2735
2694
  ],
2736
2695
  "internalComponentProps": {},
2737
2696
  "propToVariantKeys": {},
@@ -2740,113 +2699,100 @@
2740
2699
  "runtimeConfigInternalComponentProps": {},
2741
2700
  "motionVarPrefixes": []
2742
2701
  },
2743
- "ChipLink": {
2744
- "name": "ChipLink",
2702
+ "Accordion": {
2703
+ "name": "Accordion",
2745
2704
  "defaultProps": {
2746
- "variant": "primary"
2705
+ "spacingHorizontal": "4",
2706
+ "spacingVertical": "4"
2747
2707
  },
2748
2708
  "getStylesLiterals": {},
2749
2709
  "cxLiterals": [
2750
- "uds-ring"
2710
+ "hover:bg-secondary/80",
2711
+ "w-full"
2751
2712
  ],
2752
2713
  "internalComponents": [
2753
- "ChipBase"
2714
+ "Icon",
2715
+ "SpringMotionConfig",
2716
+ "Pressable",
2717
+ "Text",
2718
+ "HStack",
2719
+ "AnimatePresence",
2720
+ "VStack"
2754
2721
  ],
2755
2722
  "internalComponentProps": {
2756
- "ChipBase": {
2757
- "as": [
2758
- "a"
2723
+ "Icon": {
2724
+ "variant": [
2725
+ "fill"
2726
+ ],
2727
+ "size": [
2728
+ "sm"
2729
+ ],
2730
+ "color": [
2731
+ "primary"
2759
2732
  ]
2760
- }
2761
- },
2762
- "propToVariantKeys": {
2763
- "variant": [
2764
- "chipLinkVariantRoot",
2765
- "chipLinkVariantIcon"
2766
- ]
2767
- },
2768
- "runtimeConfigDefaultProps": {},
2769
- "runtimeConfigGetStyles": {},
2770
- "runtimeConfigInternalComponentProps": {},
2771
- "motionVarPrefixes": []
2772
- },
2773
- "ChipDismissible": {
2774
- "name": "ChipDismissible",
2775
- "defaultProps": {
2776
- "variant": "primary"
2777
- },
2778
- "getStylesLiterals": {},
2779
- "cxLiterals": [
2780
- "uds-chip-dismissible-button",
2781
- "uds-hit-target",
2782
- "uds-ring",
2783
- "rounded-full"
2784
- ],
2785
- "internalComponents": [
2786
- "ChipBase",
2787
- "IconSlot",
2788
- "Pressable"
2789
- ],
2790
- "internalComponentProps": {},
2791
- "propToVariantKeys": {
2792
- "variant": [
2793
- "chipDismissibleVariantRoot",
2794
- "chipDismissibleVariantIcon"
2795
- ],
2796
- "dismissButtonAriaLabel": [
2797
- "aria-label"
2798
- ]
2799
- },
2800
- "runtimeConfigDefaultProps": {},
2801
- "runtimeConfigGetStyles": {},
2802
- "runtimeConfigInternalComponentProps": {},
2803
- "motionVarPrefixes": []
2804
- },
2805
- "ChipToggle": {
2806
- "name": "ChipToggle",
2807
- "defaultProps": {
2808
- "variant": "primary",
2809
- "role": "checkbox"
2810
- },
2811
- "getStylesLiterals": {
2812
- "chipToggleVariantActiveRoot": "on",
2813
- "chipToggleVariantActiveRoot:1": "off"
2814
- },
2815
- "cxLiterals": [
2816
- "uds-ring"
2817
- ],
2818
- "internalComponents": [
2819
- "ChipBase"
2820
- ],
2821
- "internalComponentProps": {
2822
- "ChipBase": {
2823
- "as": [
2824
- "button"
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"
2825
2779
  ]
2826
2780
  }
2827
2781
  },
2828
- "propToVariantKeys": {
2829
- "variant": [
2830
- "chipToggleVariantRoot",
2831
- "chipToggleVariantIcon"
2832
- ]
2833
- },
2782
+ "propToVariantKeys": {},
2834
2783
  "runtimeConfigDefaultProps": {},
2835
2784
  "runtimeConfigGetStyles": {},
2836
2785
  "runtimeConfigInternalComponentProps": {},
2837
- "motionVarPrefixes": []
2786
+ "motionVarPrefixes": [
2787
+ "--uds-motion-smooth-3-"
2788
+ ]
2838
2789
  },
2839
- "Chip": {
2840
- "name": "Chip",
2790
+ "AvoidMotionLibraryProvider": {
2791
+ "name": "AvoidMotionLibraryProvider",
2841
2792
  "defaultProps": {},
2842
2793
  "getStylesLiterals": {},
2843
2794
  "cxLiterals": [],
2844
- "internalComponents": [
2845
- "ChipDismissible",
2846
- "ChipToggle",
2847
- "ChipLink",
2848
- "ChipButton"
2849
- ],
2795
+ "internalComponents": [],
2850
2796
  "internalComponentProps": {},
2851
2797
  "propToVariantKeys": {},
2852
2798
  "runtimeConfigDefaultProps": {},
@@ -2854,54 +2800,88 @@
2854
2800
  "runtimeConfigInternalComponentProps": {},
2855
2801
  "motionVarPrefixes": []
2856
2802
  },
2857
- "ChipBase": {
2858
- "name": "ChipBase",
2859
- "defaultProps": {
2860
- "size": "md",
2861
- "as": "div"
2862
- },
2803
+ "Modal": {
2804
+ "name": "Modal",
2805
+ "defaultProps": {},
2863
2806
  "getStylesLiterals": {},
2864
2807
  "cxLiterals": [
2865
- "pointer-events-none",
2866
- "cursor-default",
2867
- "opacity-50",
2868
- "inline-flex",
2869
- "items-center",
2870
- "transition-[background-color,outline-color,box-shadow]",
2871
- "truncate",
2872
- "whitespace-nowrap",
2873
- "text-center",
2874
- "flex-1"
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"
2875
2825
  ],
2876
2826
  "internalComponents": [
2877
- "IconSlot",
2827
+ "IconButton",
2828
+ "Dialog",
2878
2829
  "HStack",
2879
- "As",
2880
- "Text"
2830
+ "Text",
2831
+ "VStack"
2881
2832
  ],
2882
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
+ },
2883
2853
  "Text": {
2884
- "as": [
2885
- "span"
2854
+ "variant": [
2855
+ "headline1"
2886
2856
  ],
2887
2857
  "color": [
2888
- "current"
2858
+ "primary"
2859
+ ]
2860
+ },
2861
+ "VStack": {
2862
+ "borderRadius": [
2863
+ "md"
2889
2864
  ],
2890
- "variant": [
2891
- "inherit"
2865
+ "position": [
2866
+ "fixed"
2867
+ ],
2868
+ "backgroundColor": [
2869
+ "primary"
2870
+ ],
2871
+ "dropShadow": [
2872
+ "md"
2873
+ ],
2874
+ "spacing": [
2875
+ "8"
2876
+ ],
2877
+ "overflow": [
2878
+ "hidden"
2892
2879
  ]
2893
2880
  }
2894
2881
  },
2895
2882
  "propToVariantKeys": {
2896
- "size": [
2897
- "chipSizeRoot",
2898
- "chipSizeIcon"
2899
- ],
2900
- "startIcon": [
2901
- "icon"
2902
- ],
2903
- "endIcon": [
2904
- "icon"
2883
+ "handleClose": [
2884
+ "onClick"
2905
2885
  ]
2906
2886
  },
2907
2887
  "runtimeConfigDefaultProps": {},
@@ -2909,29 +2889,87 @@
2909
2889
  "runtimeConfigInternalComponentProps": {},
2910
2890
  "motionVarPrefixes": []
2911
2891
  },
2912
- "ChipButton": {
2913
- "name": "ChipButton",
2892
+ "SegmentedControl": {
2893
+ "name": "SegmentedControl",
2914
2894
  "defaultProps": {
2915
- "variant": "primary"
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"
2916
2911
  },
2917
- "getStylesLiterals": {},
2918
2912
  "cxLiterals": [
2919
- "uds-ring"
2913
+ "uds-ring",
2914
+ "cursor-not-allowed",
2915
+ "opacity-50",
2916
+ "pointer-events-none",
2917
+ "hover:bg-primary"
2920
2918
  ],
2921
2919
  "internalComponents": [
2922
- "ChipBase"
2920
+ "TextVariant",
2921
+ "Radio",
2922
+ "Icon",
2923
+ "RadioProvider",
2924
+ "HStack",
2925
+ "RadioGroup",
2926
+ "Pressable",
2927
+ "Text"
2923
2928
  ],
2924
2929
  "internalComponentProps": {
2925
- "ChipBase": {
2926
- "as": [
2927
- "button"
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"
2928
2961
  ]
2929
2962
  }
2930
2963
  },
2931
2964
  "propToVariantKeys": {
2932
- "variant": [
2933
- "chipLinkVariantRoot",
2934
- "chipLinkVariantIcon"
2965
+ "value": [
2966
+ "key"
2967
+ ],
2968
+ "label": [
2969
+ "aria-label"
2970
+ ],
2971
+ "textVariant": [
2972
+ "variant"
2935
2973
  ]
2936
2974
  },
2937
2975
  "runtimeConfigDefaultProps": {},
@@ -2939,137 +2977,190 @@
2939
2977
  "runtimeConfigInternalComponentProps": {},
2940
2978
  "motionVarPrefixes": []
2941
2979
  },
2942
- "Menu.Item": {
2943
- "name": "Menu.Item",
2944
- "defaultProps": {},
2945
- "getStylesLiterals": {
2946
- "menuitemItemVariantRoot": "default",
2947
- "menuitemItemVariantActiveRoot": "on",
2948
- "menuitemItemVariantActiveRoot:1": "off",
2949
- "menuitemItemVariantText": "default",
2950
- "menuitemItemVariantActiveText": "on",
2951
- "menuitemItemVariantActiveText:1": "off",
2952
- "menuitemItemVariantIcon": "default",
2953
- "menuitemItemVariantActiveIcon": "on",
2954
- "menuitemItemVariantActiveIcon:1": "off"
2955
- },
2956
- "cxLiterals": [],
2957
- "internalComponents": [
2958
- "MenuItemBase"
2959
- ],
2960
- "internalComponentProps": {},
2961
- "propToVariantKeys": {},
2962
- "runtimeConfigDefaultProps": {},
2963
- "runtimeConfigGetStyles": {},
2964
- "runtimeConfigInternalComponentProps": {},
2965
- "motionVarPrefixes": []
2966
- },
2967
- "Menu.Provider": {
2968
- "name": "Menu.Provider",
2969
- "defaultProps": {},
2970
- "getStylesLiterals": {},
2971
- "cxLiterals": [],
2972
- "internalComponents": [
2973
- "AriakitMenuProvider",
2974
- "SpringMotionConfig"
2975
- ],
2976
- "internalComponentProps": {},
2977
- "propToVariantKeys": {},
2978
- "runtimeConfigDefaultProps": {},
2979
- "runtimeConfigGetStyles": {},
2980
- "runtimeConfigInternalComponentProps": {},
2981
- "motionVarPrefixes": [
2982
- "--uds-motion-subtle-3-",
2983
- "--uds-motion-smooth-3-"
2984
- ]
2985
- },
2986
- "Menu.ItemBase": {
2987
- "name": "Menu.ItemBase",
2980
+ "SwitchV2": {
2981
+ "name": "SwitchV2",
2988
2982
  "defaultProps": {
2989
- "spacing": "0",
2990
- "spacingHorizontal": "4",
2991
- "spacingVertical": "3.5",
2992
- "columnGap": "2",
2993
- "alignItems": "center",
2994
- "justifyContent": "space-between"
2983
+ "labelPosition": "start",
2984
+ "size": "md"
2995
2985
  },
2996
2986
  "getStylesLiterals": {
2997
- "textAlign": "start",
2998
- "menuitemSizeRoot": "default",
2999
- "flexDirection": "row",
3000
- "menuitemSizeStartIcon": "default",
3001
- "menuitemSizeEndIcon": "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"
3002
2999
  },
3003
3000
  "cxLiterals": [
3001
+ "group",
3004
3002
  "flex",
3005
- "focus-visible:text-brand",
3006
- "focus-visible:bg-brand-secondary",
3007
- "focus-visible:z-10",
3003
+ "items-center",
3004
+ "flex-row",
3005
+ "flex-row-reverse",
3008
3006
  "uds-ring",
3009
- "!-outline-offset-2",
3010
- "[&:not([aria-checked])]:cursor-default",
3011
- "opacity-25",
3012
- "cursor-not-allowed",
3013
- "duration-20",
3014
- "transition-[font-variation-settings]",
3015
- "ease-in-out",
3016
- "z-0",
3017
- "uds-start-icon",
3018
- "uds-end-icon"
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",
3015
+ "top-0",
3016
+ "bottom-0",
3017
+ "right-0",
3018
+ "left-0",
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"
3019
3037
  ],
3020
3038
  "internalComponents": [
3021
- "Pressable",
3022
3039
  "IconSlot",
3023
- "RootComponent",
3024
- "HStack",
3025
- "AnimatePresence"
3040
+ "Box",
3041
+ "FormLabel",
3042
+ "SpringMotionConfig",
3043
+ "RootElement",
3044
+ "MotionBox"
3026
3045
  ],
3027
3046
  "internalComponentProps": {
3028
- "HStack": {
3029
- "alignItems": [
3030
- "center"
3047
+ "IconSlot": {
3048
+ "data-testid": [
3049
+ "on-icon",
3050
+ "off-icon"
3051
+ ]
3052
+ },
3053
+ "FormLabel": {
3054
+ "as": [
3055
+ "div"
3031
3056
  ],
3032
- "width": [
3033
- "full"
3057
+ "variant": [
3058
+ "inherit"
3059
+ ],
3060
+ "color": [
3061
+ "inherit"
3034
3062
  ]
3035
3063
  },
3036
- "AnimatePresence": {
3037
- "mode": [
3038
- "popLayout"
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"
3039
3080
  ]
3040
3081
  }
3041
3082
  },
3042
3083
  "propToVariantKeys": {
3043
- "startIcon": [
3084
+ "size": [
3085
+ "switchSizeRoot",
3086
+ "switchSizeSwitch",
3087
+ "switchSizeHandle",
3088
+ "switchSizeHandleIcon"
3089
+ ],
3090
+ "onIcon": [
3044
3091
  "icon"
3045
3092
  ],
3046
- "endIcon": [
3093
+ "offIcon": [
3047
3094
  "icon"
3048
3095
  ],
3049
- "columnGap": [
3050
- "gap"
3096
+ "reduceMotion": [
3097
+ "reducedMotion"
3098
+ ],
3099
+ "isOn": [
3100
+ "layoutDependency"
3051
3101
  ]
3052
3102
  },
3053
3103
  "runtimeConfigDefaultProps": {},
3054
3104
  "runtimeConfigGetStyles": {},
3055
3105
  "runtimeConfigInternalComponentProps": {},
3056
- "motionVarPrefixes": []
3106
+ "motionVarPrefixes": [
3107
+ "--uds-motion-bouncy-4-",
3108
+ "--uds-motion-smooth-3-"
3109
+ ]
3057
3110
  },
3058
- "Menu.Trigger": {
3059
- "name": "Menu.Trigger",
3111
+ "Tabs": {
3112
+ "name": "Tabs",
3060
3113
  "defaultProps": {},
3061
- "getStylesLiterals": {},
3114
+ "getStylesLiterals": {
3115
+ "display": "flex",
3116
+ "flexDirection": "row",
3117
+ "columnGap": "6"
3118
+ },
3062
3119
  "cxLiterals": [
3063
- "uds-menu-trigger"
3120
+ "text-tertiary",
3121
+ "border-b-transparent",
3122
+ "aria-selected:border-b-brand",
3123
+ "aria-selected:text-secondary"
3064
3124
  ],
3065
3125
  "internalComponents": [
3066
- "AriakitMenuTrigger",
3067
- "Box"
3126
+ "TabProvider",
3127
+ "OriginalTabList",
3128
+ "OriginalTab",
3129
+ "Icon",
3130
+ "OriginalTabPanel",
3131
+ "Pressable",
3132
+ "Comp",
3133
+ "Text"
3068
3134
  ],
3069
3135
  "internalComponentProps": {
3070
- "Box": {
3136
+ "Icon": {
3071
3137
  "className": [
3072
- "uds-ring h-fit w-fit"
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"
3073
3164
  ]
3074
3165
  }
3075
3166
  },
@@ -3079,123 +3170,32 @@
3079
3170
  "runtimeConfigInternalComponentProps": {},
3080
3171
  "motionVarPrefixes": []
3081
3172
  },
3082
- "Menu.index": {
3083
- "name": "Menu.index",
3173
+ "UDSBreakpointsConfigProvider": {
3174
+ "name": "UDSBreakpointsConfigProvider",
3084
3175
  "defaultProps": {},
3085
3176
  "getStylesLiterals": {},
3086
3177
  "cxLiterals": [],
3087
- "internalComponents": [],
3088
- "internalComponentProps": {},
3089
- "propToVariantKeys": {},
3090
- "runtimeConfigDefaultProps": {},
3091
- "runtimeConfigGetStyles": {},
3092
- "runtimeConfigInternalComponentProps": {},
3093
- "motionVarPrefixes": []
3094
- },
3095
- "Menu.Content": {
3096
- "name": "Menu.Content",
3097
- "defaultProps": {
3098
- "size": "default",
3099
- "variant": "default",
3100
- "gutter": "1"
3101
- },
3102
- "getStylesLiterals": {},
3103
- "cxLiterals": [
3104
- "uds-menu-content",
3105
- "transition-shadow",
3106
- "duration-200",
3107
- "ease-in-out",
3108
- "min-w-60",
3109
- "max-w-lg",
3110
- "max-h-96",
3111
- "overflow-auto",
3112
- "uds-ring",
3113
- "z-10",
3114
- "group"
3115
- ],
3116
3178
  "internalComponents": [
3117
- "AriakitMenu",
3118
- "AnimatePresence",
3119
- "MotionVStack"
3179
+ "UDSBreakpointsConfigContext.Provider"
3120
3180
  ],
3121
3181
  "internalComponentProps": {},
3122
- "propToVariantKeys": {
3123
- "size": [
3124
- "menucontentSizeRoot"
3125
- ],
3126
- "variant": [
3127
- "menucontentVariantRoot"
3128
- ]
3129
- },
3130
- "runtimeConfigDefaultProps": {},
3131
- "runtimeConfigGetStyles": {},
3132
- "runtimeConfigInternalComponentProps": {},
3133
- "motionVarPrefixes": []
3134
- },
3135
- "Menu.Divider": {
3136
- "name": "Menu.Divider",
3137
- "defaultProps": {
3138
- "role": "separator",
3139
- "contentPosition": "start",
3140
- "gap": "4"
3141
- },
3142
- "getStylesLiterals": {
3143
- "menuitemDividerVariantRoot": "default",
3144
- "menuitemDividerVariantText": "default",
3145
- "menuitemDividerVariantLine": "default"
3146
- },
3147
- "cxLiterals": [],
3148
- "internalComponents": [
3149
- "DividerInternal"
3150
- ],
3151
- "internalComponentProps": {
3152
- "DividerInternal": {
3153
- "variant": [
3154
- "inherit"
3155
- ]
3156
- }
3157
- },
3158
3182
  "propToVariantKeys": {},
3159
3183
  "runtimeConfigDefaultProps": {},
3160
3184
  "runtimeConfigGetStyles": {},
3161
3185
  "runtimeConfigInternalComponentProps": {},
3162
3186
  "motionVarPrefixes": []
3163
3187
  },
3164
- "Menu": {
3165
- "name": "Menu",
3188
+ "UDSConfigProvider": {
3189
+ "name": "UDSConfigProvider",
3166
3190
  "defaultProps": {},
3167
3191
  "getStylesLiterals": {},
3168
3192
  "cxLiterals": [],
3169
- "internalComponents": [],
3170
- "internalComponentProps": {},
3171
- "propToVariantKeys": {},
3172
- "runtimeConfigDefaultProps": {},
3173
- "runtimeConfigGetStyles": {},
3174
- "runtimeConfigInternalComponentProps": {},
3175
- "motionVarPrefixes": []
3176
- },
3177
- "Menu.ItemCheckbox": {
3178
- "name": "Menu.ItemCheckbox",
3179
- "defaultProps": {},
3180
- "getStylesLiterals": {
3181
- "menuitemItemCheckboxVariantRoot": "default",
3182
- "menuitemItemCheckboxVariantActiveRoot": "on",
3183
- "menuitemItemCheckboxVariantActiveRoot:1": "off",
3184
- "menuitemItemCheckboxVariantText": "default",
3185
- "menuitemItemCheckboxVariantActiveText": "on",
3186
- "menuitemItemCheckboxVariantActiveText:1": "off",
3187
- "menuitemItemCheckboxVariantStartIcon": "default",
3188
- "menuitemItemCheckboxVariantActiveStartIcon": "on",
3189
- "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
3190
- "menuitemItemCheckboxVariantEndIcon": "default",
3191
- "menuitemItemCheckboxVariantActiveEndIcon": "on",
3192
- "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
3193
- },
3194
- "cxLiterals": [
3195
- "uds-menu-item-checkbox"
3196
- ],
3197
3193
  "internalComponents": [
3198
- "MenuItemBase"
3194
+ "UDSBreakpointsConfigProvider",
3195
+ "UDSBottomSheetConfigProvider",
3196
+ "UDSToastConfigProvider",
3197
+ "UDSTooltipConfigProvider",
3198
+ "UDSPopoverConfigProvider"
3199
3199
  ],
3200
3200
  "internalComponentProps": {},
3201
3201
  "propToVariantKeys": {},