@yahoo/uds 3.119.0 → 3.119.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (12) hide show
  1. package/dist/automated-config/dist/utils/getConfigVariantProperties.d.cts +2 -2
  2. package/dist/automated-config/dist/utils/getConfigVariantProperties.d.ts +2 -2
  3. package/dist/styles/styler.d.cts +2 -2
  4. package/dist/styles/styler.d.ts +2 -2
  5. package/dist/tailwind/dist/types/dist/index.d.cts +1 -1
  6. package/dist/tailwind/dist/types/dist/index.d.ts +1 -1
  7. package/dist/types/dist/index.d.cts +1 -1
  8. package/dist/types/dist/index.d.ts +1 -1
  9. package/dist/uds/generated/componentData.cjs +1230 -1230
  10. package/dist/uds/generated/componentData.js +1230 -1230
  11. package/generated/componentData.json +1568 -1568
  12. package/package.json +1 -1
package/generated/componentData.json CHANGED
@@ -1,4 +1,121 @@
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
+ "motionVarPrefixes": []
23
+ },
24
+ "FormLabel": {
25
+ "name": "FormLabel",
26
+ "defaultProps": {
27
+ "color": "muted",
28
+ "variant": "label3",
29
+ "as": "label"
30
+ },
31
+ "getStylesLiterals": {},
32
+ "cxLiterals": [
33
+ "cursor-[inherit]"
34
+ ],
35
+ "internalComponents": [
36
+ "Text"
37
+ ],
38
+ "internalComponentProps": {
39
+ "Text": {
40
+ "as": [
41
+ "sup"
42
+ ],
43
+ "variant": [
44
+ "inherit"
45
+ ],
46
+ "spacingStart": [
47
+ "0.5"
48
+ ]
49
+ }
50
+ },
51
+ "propToVariantKeys": {},
52
+ "motionVarPrefixes": []
53
+ },
54
+ "HStack": {
55
+ "name": "HStack",
56
+ "defaultProps": {},
57
+ "getStylesLiterals": {},
58
+ "cxLiterals": [],
59
+ "internalComponents": [
60
+ "Box"
61
+ ],
62
+ "internalComponentProps": {
63
+ "Box": {
64
+ "flexDirection": [
65
+ "row"
66
+ ]
67
+ }
68
+ },
69
+ "propToVariantKeys": {
70
+ "gap": [
71
+ "rowGap",
72
+ "columnGap"
73
+ ]
74
+ },
75
+ "motionVarPrefixes": []
76
+ },
77
+ "Icon": {
78
+ "name": "Icon",
79
+ "defaultProps": {
80
+ "size": "md",
81
+ "variant": "outline",
82
+ "color": "primary"
83
+ },
84
+ "getStylesLiterals": {
85
+ "flex": "none"
86
+ },
87
+ "cxLiterals": [
88
+ "[&_path]:fill-current"
89
+ ],
90
+ "internalComponents": [
91
+ "SVGIcon"
92
+ ],
93
+ "internalComponentProps": {},
94
+ "propToVariantKeys": {},
95
+ "motionVarPrefixes": []
96
+ },
97
+ "IconSlot": {
98
+ "name": "IconSlot",
99
+ "defaultProps": {},
100
+ "getStylesLiterals": {},
101
+ "cxLiterals": [],
102
+ "internalComponents": [
103
+ "Icon"
104
+ ],
105
+ "internalComponentProps": {},
106
+ "propToVariantKeys": {},
107
+ "motionVarPrefixes": []
108
+ },
109
+ "Image": {
110
+ "name": "Image",
111
+ "defaultProps": {},
112
+ "getStylesLiterals": {},
113
+ "cxLiterals": [],
114
+ "internalComponents": [],
115
+ "internalComponentProps": {},
116
+ "propToVariantKeys": {},
117
+ "motionVarPrefixes": []
118
+ },
2
119
  "Link": {
3
120
  "name": "Link",
4
121
  "defaultProps": {
@@ -49,51 +166,6 @@
49
166
  },
50
167
  "motionVarPrefixes": []
51
168
  },
52
- "VStack": {
53
- "name": "VStack",
54
- "defaultProps": {},
55
- "getStylesLiterals": {},
56
- "cxLiterals": [],
57
- "internalComponents": [
58
- "Box"
59
- ],
60
- "internalComponentProps": {
61
- "Box": {
62
- "flexDirection": [
63
- "column"
64
- ]
65
- }
66
- },
67
- "propToVariantKeys": {
68
- "gap": [
69
- "columnGap",
70
- "rowGap"
71
- ]
72
- },
73
- "motionVarPrefixes": []
74
- },
75
- "Box": {
76
- "name": "Box",
77
- "defaultProps": {
78
- "as": "div",
79
- "display": "flex"
80
- },
81
- "getStylesLiterals": {},
82
- "cxLiterals": [],
83
- "internalComponents": [
84
- "Comp"
85
- ],
86
- "internalComponentProps": {},
87
- "propToVariantKeys": {
88
- "elevationAlias": [
89
- "backgroundColor",
90
- "borderColor",
91
- "borderWidth",
92
- "dropShadow"
93
- ]
94
- },
95
- "motionVarPrefixes": []
96
- },
97
169
  "Scrim": {
98
170
  "name": "Scrim",
99
171
  "defaultProps": {
@@ -130,26 +202,6 @@
130
202
  },
131
203
  "motionVarPrefixes": []
132
204
  },
133
- "Icon": {
134
- "name": "Icon",
135
- "defaultProps": {
136
- "size": "md",
137
- "variant": "outline",
138
- "color": "primary"
139
- },
140
- "getStylesLiterals": {
141
- "flex": "none"
142
- },
143
- "cxLiterals": [
144
- "[&_path]:fill-current"
145
- ],
146
- "internalComponents": [
147
- "SVGIcon"
148
- ],
149
- "internalComponentProps": {},
150
- "propToVariantKeys": {},
151
- "motionVarPrefixes": []
152
- },
153
205
  "SvgFloatingOverlay": {
154
206
  "name": "SvgFloatingOverlay",
155
207
  "defaultProps": {},
@@ -198,36 +250,6 @@
198
250
  },
199
251
  "motionVarPrefixes": []
200
252
  },
201
- "FormLabel": {
202
- "name": "FormLabel",
203
- "defaultProps": {
204
- "color": "muted",
205
- "variant": "label3",
206
- "as": "label"
207
- },
208
- "getStylesLiterals": {},
209
- "cxLiterals": [
210
- "cursor-[inherit]"
211
- ],
212
- "internalComponents": [
213
- "Text"
214
- ],
215
- "internalComponentProps": {
216
- "Text": {
217
- "as": [
218
- "sup"
219
- ],
220
- "variant": [
221
- "inherit"
222
- ],
223
- "spacingStart": [
224
- "0.5"
225
- ]
226
- }
227
- },
228
- "propToVariantKeys": {},
229
- "motionVarPrefixes": []
230
- },
231
253
  "Text": {
232
254
  "name": "Text",
233
255
  "defaultProps": {
@@ -252,20 +274,8 @@
252
274
  },
253
275
  "motionVarPrefixes": []
254
276
  },
255
- "IconSlot": {
256
- "name": "IconSlot",
257
- "defaultProps": {},
258
- "getStylesLiterals": {},
259
- "cxLiterals": [],
260
- "internalComponents": [
261
- "Icon"
262
- ],
263
- "internalComponentProps": {},
264
- "propToVariantKeys": {},
265
- "motionVarPrefixes": []
266
- },
267
- "HStack": {
268
- "name": "HStack",
277
+ "VStack": {
278
+ "name": "VStack",
269
279
  "defaultProps": {},
270
280
  "getStylesLiterals": {},
271
281
  "cxLiterals": [],
@@ -275,110 +285,35 @@
275
285
  "internalComponentProps": {
276
286
  "Box": {
277
287
  "flexDirection": [
278
- "row"
288
+ "column"
279
289
  ]
280
290
  }
281
291
  },
282
292
  "propToVariantKeys": {
283
293
  "gap": [
284
- "rowGap",
285
- "columnGap"
294
+ "columnGap",
295
+ "rowGap"
286
296
  ]
287
297
  },
288
298
  "motionVarPrefixes": []
289
299
  },
290
- "Image": {
291
- "name": "Image",
300
+ "Divider": {
301
+ "name": "Divider",
292
302
  "defaultProps": {},
293
303
  "getStylesLiterals": {},
294
304
  "cxLiterals": [],
295
- "internalComponents": [],
305
+ "internalComponents": [
306
+ "DividerInternal"
307
+ ],
296
308
  "internalComponentProps": {},
297
309
  "propToVariantKeys": {},
298
310
  "motionVarPrefixes": []
299
311
  },
300
- "Table.mocks": {
301
- "name": "Table.mocks",
302
- "defaultProps": {},
303
- "getStylesLiterals": {},
304
- "cxLiterals": [],
305
- "internalComponents": [],
306
- "internalComponentProps": {},
307
- "propToVariantKeys": {},
308
- "motionVarPrefixes": []
309
- },
310
- "Table": {
311
- "name": "Table",
312
- "defaultProps": {
313
- "display": "table-cell",
314
- "overflow": "hidden",
315
- "borderColor": "muted",
316
- "borderRadius": "md",
317
- "spacing": "3",
318
- "borderBottomColor": "muted",
319
- "borderBottomWidth": "thin",
320
- "color": "primary"
321
- },
322
- "getStylesLiterals": {
323
- "textAlign": "start"
324
- },
325
- "cxLiterals": [],
326
- "internalComponents": [
327
- "CellComponent",
328
- "Box",
329
- "Text",
330
- "Table.Root",
331
- "Table.Header",
332
- "Table.Row",
333
- "Table.Cell",
334
- "Table.Body"
335
- ],
336
- "internalComponentProps": {
337
- "Table.Cell": {
338
- "asHeaderCell": [
339
- "column"
340
- ]
341
- }
342
- },
343
- "propToVariantKeys": {},
344
- "motionVarPrefixes": []
345
- },
346
- "Spinner": {
347
- "name": "Spinner",
348
- "defaultProps": {
349
- "color": "primary",
350
- "size": "lg"
351
- },
352
- "getStylesLiterals": {},
353
- "cxLiterals": [
354
- "self-center",
355
- "relative",
356
- "sr-only"
357
- ],
358
- "internalComponents": [
359
- "Icon"
360
- ],
361
- "internalComponentProps": {
362
- "Icon": {
363
- "role": [
364
- "img"
365
- ],
366
- "className": [
367
- "animate-spin"
368
- ],
369
- "aria-hidden": [
370
- "true"
371
- ]
372
- }
373
- },
374
- "propToVariantKeys": {},
375
- "motionVarPrefixes": []
376
- },
377
- "DividerCore": {
378
- "name": "DividerCore",
379
- "defaultProps": {
380
- "contentPosition": "center"
381
- },
312
+ "DividerCore": {
313
+ "name": "DividerCore",
314
+ "defaultProps": {
315
+ "contentPosition": "center"
316
+ },
382
317
  "getStylesLiterals": {},
383
318
  "cxLiterals": [],
384
319
  "internalComponents": [
@@ -442,16 +377,85 @@
442
377
  },
443
378
  "motionVarPrefixes": []
444
379
  },
445
- "Divider": {
446
- "name": "Divider",
380
+ "AnimateHeightChange": {
381
+ "name": "AnimateHeightChange",
447
382
  "defaultProps": {},
448
383
  "getStylesLiterals": {},
449
- "cxLiterals": [],
384
+ "cxLiterals": [
385
+ "overflow-hidden"
386
+ ],
450
387
  "internalComponents": [
451
- "DividerInternal"
388
+ "SpringMotionConfig"
452
389
  ],
453
- "internalComponentProps": {},
454
- "propToVariantKeys": {},
390
+ "internalComponentProps": {
391
+ "SpringMotionConfig": {
392
+ "layoutSpeed": [
393
+ "4"
394
+ ]
395
+ }
396
+ },
397
+ "propToVariantKeys": {
398
+ "reduceMotion": [
399
+ "reducedMotion"
400
+ ]
401
+ },
402
+ "motionVarPrefixes": [
403
+ "--uds-motion-subtle-4-",
404
+ "--uds-motion-smooth-3-"
405
+ ]
406
+ },
407
+ "Badge": {
408
+ "name": "Badge",
409
+ "defaultProps": {
410
+ "variant": "primary",
411
+ "size": "md"
412
+ },
413
+ "getStylesLiterals": {},
414
+ "cxLiterals": [
415
+ "flex-1",
416
+ "truncate",
417
+ "whitespace-nowrap",
418
+ "text-center"
419
+ ],
420
+ "internalComponents": [
421
+ "IconSlot",
422
+ "HStack"
423
+ ],
424
+ "internalComponentProps": {
425
+ "IconSlot": {
426
+ "data-testid": [
427
+ "start-icon",
428
+ "end-icon"
429
+ ]
430
+ },
431
+ "HStack": {
432
+ "gap": [
433
+ "2"
434
+ ],
435
+ "display": [
436
+ "inline-flex"
437
+ ],
438
+ "alignItems": [
439
+ "center"
440
+ ]
441
+ }
442
+ },
443
+ "propToVariantKeys": {
444
+ "size": [
445
+ "badgeSizeRoot",
446
+ "badgeSizeIcon"
447
+ ],
448
+ "variant": [
449
+ "badgeVariantRoot",
450
+ "badgeVariantIcon"
451
+ ],
452
+ "startIcon": [
453
+ "icon"
454
+ ],
455
+ "endIcon": [
456
+ "icon"
457
+ ]
458
+ },
455
459
  "motionVarPrefixes": []
456
460
  },
457
461
  "Button": {
@@ -641,25 +645,6 @@
641
645
  "--uds-motion-smooth-3-"
642
646
  ]
643
647
  },
644
- "SpringMotionConfig": {
645
- "name": "SpringMotionConfig",
646
- "defaultProps": {
647
- "reducedMotion": "user"
648
- },
649
- "getStylesLiterals": {},
650
- "cxLiterals": [],
651
- "internalComponents": [
652
- "LazyMotion",
653
- "MotionConfig"
654
- ],
655
- "internalComponentProps": {},
656
- "propToVariantKeys": {
657
- "loadFeatures": [
658
- "features"
659
- ]
660
- },
661
- "motionVarPrefixes": []
662
- },
663
648
  "IconButton": {
664
649
  "name": "IconButton",
665
650
  "defaultProps": {
@@ -724,6 +709,37 @@
724
709
  "--uds-motion-smooth-3-"
725
710
  ]
726
711
  },
712
+ "Pressable": {
713
+ "name": "Pressable",
714
+ "defaultProps": {},
715
+ "getStylesLiterals": {},
716
+ "cxLiterals": [],
717
+ "internalComponents": [
718
+ "Comp"
719
+ ],
720
+ "internalComponentProps": {},
721
+ "propToVariantKeys": {},
722
+ "motionVarPrefixes": []
723
+ },
724
+ "SpringMotionConfig": {
725
+ "name": "SpringMotionConfig",
726
+ "defaultProps": {
727
+ "reducedMotion": "user"
728
+ },
729
+ "getStylesLiterals": {},
730
+ "cxLiterals": [],
731
+ "internalComponents": [
732
+ "LazyMotion",
733
+ "MotionConfig"
734
+ ],
735
+ "internalComponentProps": {},
736
+ "propToVariantKeys": {
737
+ "loadFeatures": [
738
+ "features"
739
+ ]
740
+ },
741
+ "motionVarPrefixes": []
742
+ },
727
743
  "Switch": {
728
744
  "name": "Switch",
729
745
  "defaultProps": {
@@ -838,1164 +854,1113 @@
838
854
  "--uds-motion-smooth-3-"
839
855
  ]
840
856
  },
841
- "Badge": {
842
- "name": "Badge",
857
+ "Spinner": {
858
+ "name": "Spinner",
843
859
  "defaultProps": {
844
- "variant": "primary",
845
- "size": "md"
860
+ "color": "primary",
861
+ "size": "lg"
846
862
  },
847
863
  "getStylesLiterals": {},
848
864
  "cxLiterals": [
849
- "flex-1",
850
- "truncate",
851
- "whitespace-nowrap",
852
- "text-center"
865
+ "self-center",
866
+ "relative",
867
+ "sr-only"
853
868
  ],
854
869
  "internalComponents": [
855
- "IconSlot",
856
- "HStack"
870
+ "Icon"
857
871
  ],
858
872
  "internalComponentProps": {
859
- "IconSlot": {
860
- "data-testid": [
861
- "start-icon",
862
- "end-icon"
863
- ]
864
- },
865
- "HStack": {
866
- "gap": [
867
- "2"
873
+ "Icon": {
874
+ "role": [
875
+ "img"
868
876
  ],
869
- "display": [
870
- "inline-flex"
877
+ "className": [
878
+ "animate-spin"
871
879
  ],
872
- "alignItems": [
873
- "center"
880
+ "aria-hidden": [
881
+ "true"
874
882
  ]
875
883
  }
876
884
  },
877
- "propToVariantKeys": {
878
- "size": [
879
- "badgeSizeRoot",
880
- "badgeSizeIcon"
881
- ],
882
- "variant": [
883
- "badgeVariantRoot",
884
- "badgeVariantIcon"
885
- ],
886
- "startIcon": [
887
- "icon"
888
- ],
889
- "endIcon": [
890
- "icon"
891
- ]
892
- },
885
+ "propToVariantKeys": {},
893
886
  "motionVarPrefixes": []
894
887
  },
895
- "AnimateHeightChange": {
896
- "name": "AnimateHeightChange",
888
+ "Table.mocks": {
889
+ "name": "Table.mocks",
897
890
  "defaultProps": {},
898
891
  "getStylesLiterals": {},
899
- "cxLiterals": [
900
- "overflow-hidden"
901
- ],
892
+ "cxLiterals": [],
893
+ "internalComponents": [],
894
+ "internalComponentProps": {},
895
+ "propToVariantKeys": {},
896
+ "motionVarPrefixes": []
897
+ },
898
+ "Table": {
899
+ "name": "Table",
900
+ "defaultProps": {
901
+ "display": "table-cell",
902
+ "overflow": "hidden",
903
+ "borderColor": "muted",
904
+ "borderRadius": "md",
905
+ "spacing": "3",
906
+ "borderBottomColor": "muted",
907
+ "borderBottomWidth": "thin",
908
+ "color": "primary"
909
+ },
910
+ "getStylesLiterals": {
911
+ "textAlign": "start"
912
+ },
913
+ "cxLiterals": [],
902
914
  "internalComponents": [
903
- "SpringMotionConfig"
915
+ "CellComponent",
916
+ "Box",
917
+ "Text",
918
+ "Table.Root",
919
+ "Table.Header",
920
+ "Table.Row",
921
+ "Table.Cell",
922
+ "Table.Body"
904
923
  ],
905
924
  "internalComponentProps": {
906
- "SpringMotionConfig": {
907
- "layoutSpeed": [
908
- "4"
925
+ "Table.Cell": {
926
+ "asHeaderCell": [
927
+ "column"
909
928
  ]
910
929
  }
911
930
  },
912
- "propToVariantKeys": {
913
- "reduceMotion": [
914
- "reducedMotion"
915
- ]
916
- },
917
- "motionVarPrefixes": [
918
- "--uds-motion-subtle-4-",
919
- "--uds-motion-smooth-3-"
920
- ]
931
+ "propToVariantKeys": {},
932
+ "motionVarPrefixes": []
921
933
  },
922
- "Pressable": {
923
- "name": "Pressable",
934
+ "Avatar": {
935
+ "name": "Avatar",
924
936
  "defaultProps": {},
925
937
  "getStylesLiterals": {},
926
938
  "cxLiterals": [],
927
939
  "internalComponents": [
928
- "Comp"
940
+ "AvatarImage"
929
941
  ],
930
942
  "internalComponentProps": {},
931
943
  "propToVariantKeys": {},
932
944
  "motionVarPrefixes": []
933
945
  },
934
- "ExperimentalPopover": {
935
- "name": "ExperimentalPopover",
936
- "defaultProps": {},
946
+ "AvatarIcon": {
947
+ "name": "AvatarIcon",
948
+ "defaultProps": {
949
+ "size": "md",
950
+ "variant": "primary"
951
+ },
937
952
  "getStylesLiterals": {},
938
- "cxLiterals": [],
953
+ "cxLiterals": [
954
+ "overflow-hidden",
955
+ "w-full",
956
+ "h-full",
957
+ "shrink-0",
958
+ "text-center",
959
+ "inline-flex",
960
+ "justify-center",
961
+ "items-center"
962
+ ],
939
963
  "internalComponents": [
940
- "HStack",
941
- "Text",
942
- "ExperimentalPopoverHeadingBase"
964
+ "IconSlot",
965
+ "Box"
943
966
  ],
944
- "internalComponentProps": {
945
- "Text": {
946
- "variant": [
947
- "headline1"
948
- ],
949
- "color": [
950
- "primary"
951
- ]
952
- }
967
+ "internalComponentProps": {},
968
+ "propToVariantKeys": {
969
+ "size": [
970
+ "avatarSizeIcon"
971
+ ]
953
972
  },
954
- "propToVariantKeys": {},
955
973
  "motionVarPrefixes": []
956
974
  },
957
- "AvoidMotionLibraryProvider": {
958
- "name": "AvoidMotionLibraryProvider",
959
- "defaultProps": {},
975
+ "AvatarImage": {
976
+ "name": "AvatarImage",
977
+ "defaultProps": {
978
+ "size": "md",
979
+ "variant": "primary"
980
+ },
960
981
  "getStylesLiterals": {},
961
- "cxLiterals": [],
962
- "internalComponents": [],
982
+ "cxLiterals": [
983
+ "overflow-hidden",
984
+ "w-full",
985
+ "h-full",
986
+ "shrink-0",
987
+ "text-center",
988
+ "inline-flex",
989
+ "justify-center",
990
+ "items-center",
991
+ "object-cover"
992
+ ],
993
+ "internalComponents": [
994
+ "UDSImage",
995
+ "AvatarText",
996
+ "AvatarIcon",
997
+ "Box"
998
+ ],
963
999
  "internalComponentProps": {},
964
- "propToVariantKeys": {},
1000
+ "propToVariantKeys": {
1001
+ "alt": [
1002
+ "name"
1003
+ ],
1004
+ "fallback": [
1005
+ "initials"
1006
+ ]
1007
+ },
965
1008
  "motionVarPrefixes": []
966
1009
  },
967
- "SegmentedControl": {
968
- "name": "SegmentedControl",
969
- "defaultProps": {},
970
- "getStylesLiterals": {
971
- "display": "flex",
972
- "alignItems": "center",
973
- "backgroundColor": "primary",
974
- "spacingVertical": "1",
975
- "spacingHorizontal": "3",
976
- "columnGap": "1.5",
977
- "borderWidth": "thin",
978
- "borderRadius": "full",
979
- "borderColor": "muted",
980
- "borderColor:1": "transparent",
981
- "color": "primary",
982
- "color:1": "tertiary",
983
- "color:2": "muted"
1010
+ "AvatarText": {
1011
+ "name": "AvatarText",
1012
+ "defaultProps": {
1013
+ "size": "md",
1014
+ "variant": "primary"
984
1015
  },
1016
+ "getStylesLiterals": {},
985
1017
  "cxLiterals": [
986
- "uds-ring",
987
- "cursor-not-allowed",
988
- "opacity-50",
989
- "pointer-events-none",
990
- "hover:bg-primary"
1018
+ "overflow-hidden",
1019
+ "truncate",
1020
+ "w-full",
1021
+ "h-full",
1022
+ "shrink-0",
1023
+ "text-center",
1024
+ "inline-flex",
1025
+ "justify-center",
1026
+ "items-center"
991
1027
  ],
992
1028
  "internalComponents": [
993
- "Radio",
994
- "Icon",
995
- "RadioProvider",
996
- "HStack",
997
- "RadioGroup",
998
- "Pressable",
1029
+ "Box",
999
1030
  "Text"
1000
1031
  ],
1001
1032
  "internalComponentProps": {
1002
- "Icon": {
1003
- "size": [
1004
- "sm"
1005
- ],
1033
+ "Text": {
1006
1034
  "color": [
1007
- "current"
1008
- ],
1009
- "aria-hidden": [
1010
- "true"
1011
- ]
1012
- },
1013
- "HStack": {
1014
- "spacing": [
1015
- "1"
1016
- ],
1017
- "gap": [
1018
- "1"
1019
- ],
1020
- "backgroundColor": [
1021
- "secondary"
1022
- ],
1023
- "borderRadius": [
1024
- "full"
1035
+ "inherit"
1025
1036
  ],
1026
- "display": [
1027
- "inline-flex"
1028
- ]
1029
- },
1030
- "Text": {
1031
1037
  "variant": [
1032
- "label2"
1033
- ],
1034
- "color": [
1035
- "current"
1038
+ "inherit"
1036
1039
  ]
1037
1040
  }
1038
1041
  },
1039
- "propToVariantKeys": {
1040
- "value": [
1041
- "key"
1042
- ],
1043
- "label": [
1044
- "aria-label"
1045
- ]
1046
- },
1042
+ "propToVariantKeys": {},
1047
1043
  "motionVarPrefixes": []
1048
1044
  },
1049
- "SwitchV2": {
1050
- "name": "SwitchV2",
1045
+ "BottomSheet": {
1046
+ "name": "BottomSheet",
1051
1047
  "defaultProps": {
1052
- "labelPosition": "start",
1053
- "size": "md"
1054
- },
1055
- "getStylesLiterals": {
1056
- "switchVariantRoot": "default",
1057
- "switchVariantActiveRoot": "on",
1058
- "switchVariantActiveRoot:1": "off",
1059
- "switchVariantSwitch": "default",
1060
- "switchVariantActiveSwitch": "on",
1061
- "switchVariantActiveSwitch:1": "off",
1062
- "switchVariantActiveHandle": "on",
1063
- "switchVariantActiveHandle:1": "off",
1064
- "switchVariantHandle": "default",
1065
- "switchVariantHandleIcon": "default",
1066
- "switchVariantActiveHandleIcon": "on",
1067
- "switchVariantActiveHandleIcon:1": "off"
1048
+ "variant": "default"
1068
1049
  },
1050
+ "getStylesLiterals": {},
1069
1051
  "cxLiterals": [
1070
- "group",
1071
- "flex",
1072
- "items-center",
1073
- "flex-row",
1074
- "flex-row-reverse",
1075
- "uds-ring",
1076
- "uds-ring-within",
1077
- "relative",
1078
- "uds-border-radius-full",
1079
- "transition-[background-color,box-shadow]",
1080
- "pointer-events-none",
1081
- "w-full",
1082
- "h-full",
1083
- "absolute",
1084
- "top-0",
1085
- "bottom-0",
1086
- "right-0",
1087
- "left-0",
1052
+ "fixed",
1088
1053
  "overflow-hidden",
1089
- "group-hover:scale-105",
1090
- "opacity-95",
1091
- "group-hover:opacity-100",
1092
- "transition-[transform,opacity]",
1093
- "opacity-0",
1094
- "top-1/2",
1095
- "left-1/2",
1096
- "transform",
1097
- "translate-x-[-50%]",
1098
- "translate-y-[-50%]",
1099
- "transition-opacity",
1100
- "cursor-[inherit]",
1101
- "w-[calc(100%+2px)]",
1102
- "h-[calc(100%+2px)]",
1103
- "text-start",
1104
- "text-end",
1105
- "opacity-100"
1054
+ "inset-x-0",
1055
+ "bottom-0",
1056
+ "z-50",
1057
+ "[will-change:transform]",
1058
+ "touch-none",
1059
+ "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
1060
+ "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
1061
+ "transition-transform",
1062
+ "duration-500",
1063
+ "ease-[cubic-bezier(0.32,0.72,0,1)]",
1064
+ "motion-reduce:transition-none",
1065
+ "top-[-4px]",
1066
+ "z-[1]",
1067
+ "touch-pan-y"
1106
1068
  ],
1107
1069
  "internalComponents": [
1108
- "IconSlot",
1070
+ "Scrim",
1071
+ "BottomSheetHandle",
1072
+ "Dialog",
1109
1073
  "Box",
1110
- "FormLabel",
1111
- "SpringMotionConfig",
1112
- "RootElement",
1113
- "MotionBox"
1074
+ "BottomSheetInternalContext.Provider"
1114
1075
  ],
1115
1076
  "internalComponentProps": {
1116
- "IconSlot": {
1077
+ "BottomSheetHandle": {
1078
+ "ariaLabel": [
1079
+ "Resize sheet"
1080
+ ]
1081
+ },
1082
+ "Dialog": {
1117
1083
  "data-testid": [
1118
- "on-icon",
1119
- "off-icon"
1084
+ "bottom-sheet"
1120
1085
  ]
1121
1086
  },
1122
- "FormLabel": {
1123
- "as": [
1124
- "div"
1087
+ "Box": {
1088
+ "display": [
1089
+ "block",
1090
+ "flex"
1125
1091
  ],
1126
- "variant": [
1127
- "inherit"
1092
+ "position": [
1093
+ "absolute"
1128
1094
  ],
1129
- "color": [
1130
- "inherit"
1131
- ]
1132
- },
1133
- "SpringMotionConfig": {
1134
- "layoutVariant": [
1135
- "bouncy"
1095
+ "flexDirection": [
1096
+ "column"
1136
1097
  ],
1137
- "layoutSpeed": [
1138
- "4"
1139
- ]
1140
- },
1141
- "RootElement": {
1142
- "data-testid": [
1143
- "switch-root"
1144
- ]
1145
- },
1146
- "MotionBox": {
1147
- "layout": [
1148
- "position"
1098
+ "className": [
1099
+ "absolute inset-0 min-h-0 p-[inherit]"
1149
1100
  ]
1150
1101
  }
1151
1102
  },
1152
1103
  "propToVariantKeys": {
1153
- "size": [
1154
- "switchSizeRoot",
1155
- "switchSizeSwitch",
1156
- "switchSizeHandle",
1157
- "switchSizeHandleIcon"
1158
- ],
1159
- "onIcon": [
1160
- "icon"
1161
- ],
1162
- "offIcon": [
1163
- "icon"
1164
- ],
1165
- "reduceMotion": [
1166
- "reducedMotion"
1167
- ],
1168
- "isOn": [
1169
- "layoutDependency"
1104
+ "variant": [
1105
+ "bottomsheetVariantRoot"
1170
1106
  ]
1171
1107
  },
1172
- "motionVarPrefixes": [
1173
- "--uds-motion-bouncy-4-",
1174
- "--uds-motion-smooth-3-"
1175
- ]
1108
+ "motionVarPrefixes": []
1176
1109
  },
1177
- "Tabs": {
1178
- "name": "Tabs",
1110
+ "BottomSheetContent": {
1111
+ "name": "BottomSheetContent",
1179
1112
  "defaultProps": {},
1180
- "getStylesLiterals": {
1181
- "display": "flex",
1182
- "flexDirection": "row",
1183
- "columnGap": "6"
1184
- },
1113
+ "getStylesLiterals": {},
1185
1114
  "cxLiterals": [
1186
- "text-tertiary",
1187
- "border-b-transparent",
1188
- "aria-selected:border-b-brand",
1189
- "aria-selected:text-secondary"
1115
+ "min-h-0",
1116
+ "touch-pan-y"
1190
1117
  ],
1191
1118
  "internalComponents": [
1192
- "TabProvider",
1193
- "OriginalTabList",
1194
- "OriginalTab",
1195
- "Icon",
1196
- "OriginalTabPanel",
1197
- "Pressable",
1198
- "Comp",
1199
- "Text"
1119
+ "Box",
1120
+ "VStack"
1200
1121
  ],
1201
1122
  "internalComponentProps": {
1202
- "Icon": {
1203
- "className": [
1204
- "text-current"
1205
- ],
1206
- "size": [
1207
- "md"
1208
- ]
1209
- },
1210
- "Pressable": {
1211
- "borderBottomWidth": [
1212
- "medium"
1123
+ "Box": {
1124
+ "display": [
1125
+ "block"
1213
1126
  ],
1214
- "spacingBottom": [
1127
+ "flex": [
1215
1128
  "1"
1216
- ],
1217
- "spacingTop": [
1218
- "4"
1219
1129
  ]
1220
1130
  },
1221
- "Text": {
1131
+ "VStack": {
1222
1132
  "className": [
1223
- "text-current"
1224
- ],
1225
- "variant": [
1226
- "headline1"
1227
- ],
1228
- "as": [
1229
- "span"
1133
+ "pb-[calc(env(safe-area-inset-bottom))]"
1230
1134
  ]
1231
1135
  }
1232
1136
  },
1233
1137
  "propToVariantKeys": {},
1234
1138
  "motionVarPrefixes": []
1235
1139
  },
1236
- "Modal": {
1237
- "name": "Modal",
1140
+ "BottomSheetDismiss": {
1141
+ "name": "BottomSheetDismiss",
1238
1142
  "defaultProps": {},
1239
1143
  "getStylesLiterals": {},
1144
+ "cxLiterals": [],
1145
+ "internalComponents": [
1146
+ "AriakitDialogDismiss"
1147
+ ],
1148
+ "internalComponentProps": {},
1149
+ "propToVariantKeys": {},
1150
+ "motionVarPrefixes": []
1151
+ },
1152
+ "BottomSheetHandle": {
1153
+ "name": "BottomSheetHandle",
1154
+ "defaultProps": {
1155
+ "variant": "default"
1156
+ },
1157
+ "getStylesLiterals": {},
1240
1158
  "cxLiterals": [
1241
- "inset-8",
1242
- "top-[250px]",
1243
- "z-50",
1244
- "mx-auto",
1245
- "h-fit",
1246
- "w-[600px]",
1247
- "origin-center",
1248
- "scale-95",
1249
- "opacity-0",
1250
- "transition",
1251
- "duration-150",
1252
- "data-[enter]:scale-100",
1253
- "data-[enter]:opacity-100",
1254
- "data-[enter]:bg-primary",
1255
- "backdrop-blur-0",
1256
- "data-[enter]:opacity-60",
1257
- "data-[enter]:backdrop-blur-sm"
1159
+ "relative",
1160
+ "h-5",
1161
+ "w-16",
1162
+ "outline-none",
1163
+ "focus-visible:outline-none",
1164
+ "[touch-action:pan-y]",
1165
+ "absolute",
1166
+ "left-1/2",
1167
+ "top-1/2",
1168
+ "-translate-x-1/2",
1169
+ "-translate-y-1/2",
1170
+ "h-1",
1171
+ "w-8",
1172
+ "rounded-full"
1258
1173
  ],
1259
1174
  "internalComponents": [
1260
- "IconButton",
1261
- "Dialog",
1262
- "HStack",
1263
- "Text",
1264
- "VStack"
1175
+ "Box"
1265
1176
  ],
1266
1177
  "internalComponentProps": {
1267
- "IconButton": {
1268
- "aria-label": [
1269
- "Close"
1270
- ],
1271
- "size": [
1272
- "sm"
1273
- ],
1274
- "variant": [
1275
- "tertiary"
1276
- ]
1277
- },
1278
- "HStack": {
1279
- "alignItems": [
1280
- "center"
1178
+ "Box": {
1179
+ "display": [
1180
+ "block",
1181
+ "flex"
1281
1182
  ],
1282
1183
  "justifyContent": [
1283
- "space-between"
1284
- ]
1285
- },
1286
- "Text": {
1287
- "variant": [
1288
- "headline1"
1289
- ],
1290
- "color": [
1291
- "primary"
1292
- ]
1293
- },
1294
- "VStack": {
1295
- "borderRadius": [
1296
- "md"
1297
- ],
1298
- "position": [
1299
- "fixed"
1300
- ],
1301
- "backgroundColor": [
1302
- "primary"
1303
- ],
1304
- "dropShadow": [
1305
- "md"
1306
- ],
1307
- "spacing": [
1308
- "8"
1309
- ],
1310
- "overflow": [
1311
- "hidden"
1184
+ "center"
1312
1185
  ]
1313
1186
  }
1314
1187
  },
1315
1188
  "propToVariantKeys": {
1316
- "handleClose": [
1317
- "onClick"
1189
+ "variant": [
1190
+ "bottomsheetVariantHandleIndicator"
1318
1191
  ]
1319
1192
  },
1320
1193
  "motionVarPrefixes": []
1321
1194
  },
1322
- "Accordion": {
1323
- "name": "Accordion",
1195
+ "BottomSheetHeader": {
1196
+ "name": "BottomSheetHeader",
1324
1197
  "defaultProps": {
1325
- "spacingHorizontal": "4",
1326
- "spacingVertical": "4"
1198
+ "variant": "default"
1327
1199
  },
1328
1200
  "getStylesLiterals": {},
1329
1201
  "cxLiterals": [
1330
- "hover:bg-secondary/80",
1331
- "w-full"
1202
+ "grid-cols-[40px_1fr_40px]",
1203
+ "items-center",
1204
+ "w-full",
1205
+ "min-h-10",
1206
+ "mt-2"
1332
1207
  ],
1333
1208
  "internalComponents": [
1334
- "Icon",
1335
- "SpringMotionConfig",
1336
- "Pressable",
1337
- "Text",
1338
- "HStack",
1339
- "AnimatePresence",
1340
- "VStack"
1209
+ "Box",
1210
+ "Text"
1341
1211
  ],
1342
1212
  "internalComponentProps": {
1343
- "Icon": {
1344
- "variant": [
1345
- "fill"
1346
- ],
1347
- "size": [
1348
- "sm"
1349
- ],
1350
- "color": [
1351
- "primary"
1352
- ]
1353
- },
1354
- "SpringMotionConfig": {
1355
- "layoutVariant": [
1356
- "smooth"
1213
+ "Box": {
1214
+ "className": [
1215
+ "h-10 w-10 opacity-0 pointer-events-none"
1357
1216
  ],
1358
- "layoutSpeed": [
1359
- "3"
1360
- ]
1361
- },
1362
- "Pressable": {
1363
1217
  "display": [
1218
+ "grid",
1364
1219
  "flex"
1365
1220
  ],
1366
- "flexDirection": [
1367
- "row"
1368
- ],
1369
- "alignItems": [
1370
- "center"
1371
- ],
1372
1221
  "justifyContent": [
1373
- "space-between"
1374
- ],
1375
- "borderRadius": [
1376
- "md"
1222
+ "flex-start",
1223
+ "flex-end"
1377
1224
  ]
1378
1225
  },
1379
1226
  "Text": {
1380
1227
  "variant": [
1381
- "title4"
1228
+ "inherit"
1382
1229
  ],
1383
1230
  "color": [
1384
- "primary"
1385
- ]
1386
- },
1387
- "HStack": {
1388
- "display": [
1389
- "flex"
1231
+ "inherit"
1390
1232
  ],
1391
- "alignItems": [
1233
+ "textAlign": [
1392
1234
  "center"
1393
1235
  ],
1394
- "justifyContent": [
1395
- "space-between"
1396
- ],
1397
- "columnGap": [
1398
- "2.5"
1236
+ "className": [
1237
+ "w-full"
1399
1238
  ]
1400
1239
  }
1401
1240
  },
1402
- "propToVariantKeys": {},
1403
- "motionVarPrefixes": [
1404
- "--uds-motion-smooth-3-"
1405
- ]
1406
- },
1407
- "AvatarImage": {
1408
- "name": "AvatarImage",
1409
- "defaultProps": {
1410
- "size": "md",
1411
- "variant": "primary"
1412
- },
1413
- "getStylesLiterals": {},
1414
- "cxLiterals": [
1415
- "overflow-hidden",
1416
- "w-full",
1417
- "h-full",
1418
- "shrink-0",
1419
- "text-center",
1420
- "inline-flex",
1421
- "justify-center",
1422
- "items-center",
1423
- "object-cover"
1424
- ],
1425
- "internalComponents": [
1426
- "UDSImage",
1427
- "AvatarText",
1428
- "AvatarIcon",
1429
- "Box"
1430
- ],
1431
- "internalComponentProps": {},
1432
1241
  "propToVariantKeys": {
1433
- "alt": [
1434
- "name"
1435
- ],
1436
- "fallback": [
1437
- "initials"
1242
+ "variant": [
1243
+ "bottomsheetVariantHeader"
1438
1244
  ]
1439
1245
  },
1440
1246
  "motionVarPrefixes": []
1441
1247
  },
1442
- "AvatarText": {
1443
- "name": "AvatarText",
1444
- "defaultProps": {
1445
- "size": "md",
1446
- "variant": "primary"
1447
- },
1448
- "getStylesLiterals": {},
1449
- "cxLiterals": [
1450
- "overflow-hidden",
1451
- "truncate",
1452
- "w-full",
1453
- "h-full",
1454
- "shrink-0",
1455
- "text-center",
1456
- "inline-flex",
1457
- "justify-center",
1458
- "items-center"
1459
- ],
1460
- "internalComponents": [
1461
- "Box",
1462
- "Text"
1463
- ],
1464
- "internalComponentProps": {
1465
- "Text": {
1466
- "color": [
1467
- "inherit"
1468
- ],
1469
- "variant": [
1470
- "inherit"
1471
- ]
1472
- }
1473
- },
1474
- "propToVariantKeys": {},
1475
- "motionVarPrefixes": []
1476
- },
1477
- "Avatar": {
1478
- "name": "Avatar",
1248
+ "BottomSheetInternalContext": {
1249
+ "name": "BottomSheetInternalContext",
1479
1250
  "defaultProps": {},
1480
1251
  "getStylesLiterals": {},
1481
1252
  "cxLiterals": [],
1482
- "internalComponents": [
1483
- "AvatarImage"
1484
- ],
1253
+ "internalComponents": [],
1485
1254
  "internalComponentProps": {},
1486
1255
  "propToVariantKeys": {},
1487
1256
  "motionVarPrefixes": []
1488
1257
  },
1489
- "AvatarIcon": {
1490
- "name": "AvatarIcon",
1491
- "defaultProps": {
1492
- "size": "md",
1493
- "variant": "primary"
1494
- },
1495
- "getStylesLiterals": {},
1496
- "cxLiterals": [
1497
- "overflow-hidden",
1498
- "w-full",
1499
- "h-full",
1500
- "shrink-0",
1501
- "text-center",
1502
- "inline-flex",
1503
- "justify-center",
1504
- "items-center"
1505
- ],
1506
- "internalComponents": [
1507
- "IconSlot",
1508
- "Box"
1509
- ],
1510
- "internalComponentProps": {},
1511
- "propToVariantKeys": {
1512
- "size": [
1513
- "avatarSizeIcon"
1514
- ]
1515
- },
1516
- "motionVarPrefixes": []
1517
- },
1518
- "UDSPopoverConfigProvider": {
1519
- "name": "UDSPopoverConfigProvider",
1258
+ "BottomSheetProvider": {
1259
+ "name": "BottomSheetProvider",
1520
1260
  "defaultProps": {},
1521
1261
  "getStylesLiterals": {},
1522
1262
  "cxLiterals": [],
1523
1263
  "internalComponents": [
1524
- "PopoverContext.Provider"
1264
+ "AriakitDialogProvider"
1525
1265
  ],
1526
1266
  "internalComponentProps": {},
1527
1267
  "propToVariantKeys": {},
1528
1268
  "motionVarPrefixes": []
1529
1269
  },
1530
- "Popover": {
1531
- "name": "Popover",
1270
+ "BottomSheetTrigger": {
1271
+ "name": "BottomSheetTrigger",
1532
1272
  "defaultProps": {},
1533
1273
  "getStylesLiterals": {},
1534
1274
  "cxLiterals": [],
1535
1275
  "internalComponents": [
1536
- "PopoverInternalContext.Provider",
1537
- "PopoverProvider"
1276
+ "AriakitDialogDisclosure"
1538
1277
  ],
1539
1278
  "internalComponentProps": {},
1540
1279
  "propToVariantKeys": {},
1541
1280
  "motionVarPrefixes": []
1542
1281
  },
1543
- "PopoverContext": {
1544
- "name": "PopoverContext",
1282
+ "UDSBottomSheetConfigProvider": {
1283
+ "name": "UDSBottomSheetConfigProvider",
1545
1284
  "defaultProps": {},
1546
1285
  "getStylesLiterals": {},
1547
1286
  "cxLiterals": [],
1548
- "internalComponents": [],
1287
+ "internalComponents": [
1288
+ "BottomSheetContext.Provider"
1289
+ ],
1549
1290
  "internalComponentProps": {},
1550
1291
  "propToVariantKeys": {},
1551
1292
  "motionVarPrefixes": []
1552
1293
  },
1553
- "PopoverTrigger": {
1554
- "name": "PopoverTrigger",
1294
+ "Chip": {
1295
+ "name": "Chip",
1555
1296
  "defaultProps": {},
1556
1297
  "getStylesLiterals": {},
1557
1298
  "cxLiterals": [],
1558
1299
  "internalComponents": [
1559
- "PopoverDisclosure"
1300
+ "ChipDismissible",
1301
+ "ChipToggle",
1302
+ "ChipLink",
1303
+ "ChipButton"
1560
1304
  ],
1561
- "internalComponentProps": {
1562
- "PopoverDisclosure": {
1563
- "className": [
1564
- "inline"
1565
- ]
1566
- }
1567
- },
1568
- "propToVariantKeys": {
1569
- "children": [
1570
- "render"
1571
- ]
1572
- },
1305
+ "internalComponentProps": {},
1306
+ "propToVariantKeys": {},
1573
1307
  "motionVarPrefixes": []
1574
1308
  },
1575
- "PopoverContent": {
1576
- "name": "PopoverContent",
1577
- "defaultProps": {},
1578
- "getStylesLiterals": {
1579
- "popoverSizeRoot": "default",
1580
- "popoverVariantRoot": "default",
1581
- "display": "flex",
1582
- "position": "absolute",
1583
- "spacingTop": "0",
1584
- "spacingStart": "0",
1585
- "spacingBottom": "0",
1586
- "spacingEnd": "0",
1587
- "popoverSizeSvgBase": "default",
1588
- "popoverVariantSvgBase": "default",
1589
- "popoverSizeSvgBorder": "default",
1590
- "popoverVariantSvgBorder": "default",
1591
- "popoverVariantBlur": "default",
1592
- "width": "full",
1593
- "height": "full",
1594
- "flexShrink": "0",
1595
- "borderRadius": "full",
1596
- "alignItems": "center",
1597
- "justifyContent": "center",
1598
- "popoverVariantCloseIcon": "default",
1599
- "popoverSizeCloseIcon": "default"
1309
+ "ChipBase": {
1310
+ "name": "ChipBase",
1311
+ "defaultProps": {
1312
+ "size": "md",
1313
+ "as": "div"
1600
1314
  },
1315
+ "getStylesLiterals": {},
1601
1316
  "cxLiterals": [
1602
- "z-[9999]",
1603
- "outline-none",
1604
- "focus-visible:outline-none",
1605
- "uds-bgBlurFillFallback",
1606
- "uds-bgBlurFallback",
1607
- "top-0",
1608
- "left-0",
1609
- "z-[1]",
1610
- "duration-0",
1611
- "duration-120",
1612
- "transition-[background-color]",
1613
- "bg-carbon-15/0",
1614
- "hover:bg-carbon-15/10",
1615
- "active:bg-carbon-15/15",
1616
- "uds-ring",
1617
- "absolute",
1618
- "z-[4]"
1317
+ "pointer-events-none",
1318
+ "cursor-default",
1319
+ "opacity-50",
1320
+ "inline-flex",
1321
+ "items-center",
1322
+ "transition-[background-color,outline-color,box-shadow]",
1323
+ "truncate",
1324
+ "whitespace-nowrap",
1325
+ "text-center",
1326
+ "flex-1"
1619
1327
  ],
1620
1328
  "internalComponents": [
1621
- "PopoverDismiss",
1622
1329
  "IconSlot",
1623
- "PopoverArrow",
1624
- "Popover",
1625
- "SvgFloatingOverlay",
1626
- "Box",
1627
- "Pressable"
1330
+ "HStack",
1331
+ "As",
1332
+ "Text"
1628
1333
  ],
1629
- "internalComponentProps": {},
1334
+ "internalComponentProps": {
1335
+ "Text": {
1336
+ "as": [
1337
+ "span"
1338
+ ],
1339
+ "color": [
1340
+ "current"
1341
+ ],
1342
+ "variant": [
1343
+ "inherit"
1344
+ ]
1345
+ }
1346
+ },
1630
1347
  "propToVariantKeys": {
1631
- "closeIcon": [
1348
+ "size": [
1349
+ "chipSizeRoot",
1350
+ "chipSizeIcon"
1351
+ ],
1352
+ "startIcon": [
1353
+ "icon"
1354
+ ],
1355
+ "endIcon": [
1632
1356
  "icon"
1633
1357
  ]
1634
1358
  },
1635
1359
  "motionVarPrefixes": []
1636
1360
  },
1637
- "BottomSheetContent": {
1638
- "name": "BottomSheetContent",
1639
- "defaultProps": {},
1361
+ "ChipButton": {
1362
+ "name": "ChipButton",
1363
+ "defaultProps": {
1364
+ "variant": "primary"
1365
+ },
1640
1366
  "getStylesLiterals": {},
1641
1367
  "cxLiterals": [
1642
- "min-h-0",
1643
- "touch-pan-y"
1368
+ "uds-ring"
1644
1369
  ],
1645
1370
  "internalComponents": [
1646
- "Box",
1647
- "VStack"
1371
+ "ChipBase"
1648
1372
  ],
1649
1373
  "internalComponentProps": {
1650
- "Box": {
1651
- "display": [
1652
- "block"
1653
- ],
1654
- "flex": [
1655
- "1"
1656
- ]
1657
- },
1658
- "VStack": {
1659
- "className": [
1660
- "pb-[calc(env(safe-area-inset-bottom))]"
1374
+ "ChipBase": {
1375
+ "as": [
1376
+ "button"
1661
1377
  ]
1662
1378
  }
1663
1379
  },
1664
- "propToVariantKeys": {},
1380
+ "propToVariantKeys": {
1381
+ "variant": [
1382
+ "chipLinkVariantRoot",
1383
+ "chipLinkVariantIcon"
1384
+ ]
1385
+ },
1665
1386
  "motionVarPrefixes": []
1666
1387
  },
1667
- "BottomSheetDismiss": {
1668
- "name": "BottomSheetDismiss",
1669
- "defaultProps": {},
1388
+ "ChipDismissible": {
1389
+ "name": "ChipDismissible",
1390
+ "defaultProps": {
1391
+ "variant": "primary"
1392
+ },
1670
1393
  "getStylesLiterals": {},
1671
- "cxLiterals": [],
1394
+ "cxLiterals": [
1395
+ "uds-chip-dismissible-button",
1396
+ "uds-hit-target",
1397
+ "uds-ring",
1398
+ "rounded-full"
1399
+ ],
1672
1400
  "internalComponents": [
1673
- "AriakitDialogDismiss"
1401
+ "ChipBase",
1402
+ "IconSlot",
1403
+ "Pressable"
1674
1404
  ],
1675
1405
  "internalComponentProps": {},
1676
- "propToVariantKeys": {},
1406
+ "propToVariantKeys": {
1407
+ "variant": [
1408
+ "chipDismissibleVariantRoot",
1409
+ "chipDismissibleVariantIcon"
1410
+ ],
1411
+ "dismissButtonAriaLabel": [
1412
+ "aria-label"
1413
+ ]
1414
+ },
1677
1415
  "motionVarPrefixes": []
1678
1416
  },
1679
- "BottomSheet": {
1680
- "name": "BottomSheet",
1417
+ "ChipLink": {
1418
+ "name": "ChipLink",
1681
1419
  "defaultProps": {
1682
- "variant": "default"
1420
+ "variant": "primary"
1683
1421
  },
1684
1422
  "getStylesLiterals": {},
1685
1423
  "cxLiterals": [
1686
- "fixed",
1687
- "overflow-hidden",
1688
- "inset-x-0",
1689
- "bottom-0",
1690
- "z-50",
1691
- "[will-change:transform]",
1692
- "touch-none",
1693
- "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
1694
- "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
1695
- "transition-transform",
1696
- "duration-500",
1697
- "ease-[cubic-bezier(0.32,0.72,0,1)]",
1698
- "motion-reduce:transition-none",
1699
- "top-[-4px]",
1700
- "z-[1]",
1701
- "touch-pan-y"
1424
+ "uds-ring"
1702
1425
  ],
1703
1426
  "internalComponents": [
1704
- "Scrim",
1705
- "BottomSheetHandle",
1706
- "Dialog",
1707
- "Box",
1708
- "BottomSheetInternalContext.Provider"
1427
+ "ChipBase"
1709
1428
  ],
1710
1429
  "internalComponentProps": {
1711
- "BottomSheetHandle": {
1712
- "ariaLabel": [
1713
- "Resize sheet"
1714
- ]
1715
- },
1716
- "Dialog": {
1717
- "data-testid": [
1718
- "bottom-sheet"
1719
- ]
1720
- },
1721
- "Box": {
1722
- "display": [
1723
- "block",
1724
- "flex"
1725
- ],
1726
- "position": [
1727
- "absolute"
1728
- ],
1729
- "flexDirection": [
1730
- "column"
1731
- ],
1732
- "className": [
1733
- "absolute inset-0 min-h-0 p-[inherit]"
1430
+ "ChipBase": {
1431
+ "as": [
1432
+ "a"
1734
1433
  ]
1735
1434
  }
1736
1435
  },
1737
1436
  "propToVariantKeys": {
1738
1437
  "variant": [
1739
- "bottomsheetVariantRoot"
1438
+ "chipLinkVariantRoot",
1439
+ "chipLinkVariantIcon"
1740
1440
  ]
1741
1441
  },
1742
1442
  "motionVarPrefixes": []
1743
1443
  },
1744
- "BottomSheetHandle": {
1745
- "name": "BottomSheetHandle",
1444
+ "ChipToggle": {
1445
+ "name": "ChipToggle",
1746
1446
  "defaultProps": {
1747
- "variant": "default"
1447
+ "variant": "primary",
1448
+ "role": "checkbox"
1449
+ },
1450
+ "getStylesLiterals": {
1451
+ "chipToggleVariantActiveRoot": "on",
1452
+ "chipToggleVariantActiveRoot:1": "off"
1748
1453
  },
1749
- "getStylesLiterals": {},
1750
1454
  "cxLiterals": [
1751
- "relative",
1752
- "h-5",
1753
- "w-16",
1754
- "outline-none",
1755
- "focus-visible:outline-none",
1756
- "[touch-action:pan-y]",
1757
- "absolute",
1758
- "left-1/2",
1759
- "top-1/2",
1760
- "-translate-x-1/2",
1761
- "-translate-y-1/2",
1762
- "h-1",
1763
- "w-8",
1764
- "rounded-full"
1455
+ "uds-ring"
1765
1456
  ],
1766
1457
  "internalComponents": [
1767
- "Box"
1458
+ "ChipBase"
1768
1459
  ],
1769
1460
  "internalComponentProps": {
1770
- "Box": {
1771
- "display": [
1772
- "block",
1773
- "flex"
1774
- ],
1775
- "justifyContent": [
1776
- "center"
1461
+ "ChipBase": {
1462
+ "as": [
1463
+ "button"
1777
1464
  ]
1778
1465
  }
1779
1466
  },
1780
1467
  "propToVariantKeys": {
1781
1468
  "variant": [
1782
- "bottomsheetVariantHandleIndicator"
1469
+ "chipToggleVariantRoot",
1470
+ "chipToggleVariantIcon"
1783
1471
  ]
1784
1472
  },
1785
1473
  "motionVarPrefixes": []
1786
1474
  },
1787
- "BottomSheetInternalContext": {
1788
- "name": "BottomSheetInternalContext",
1789
- "defaultProps": {},
1475
+ "Menu.Content": {
1476
+ "name": "Menu.Content",
1477
+ "defaultProps": {
1478
+ "size": "default",
1479
+ "variant": "default",
1480
+ "gutter": "1"
1481
+ },
1790
1482
  "getStylesLiterals": {},
1483
+ "cxLiterals": [
1484
+ "uds-menu-content",
1485
+ "transition-shadow",
1486
+ "duration-200",
1487
+ "ease-in-out",
1488
+ "min-w-60",
1489
+ "max-w-lg",
1490
+ "max-h-96",
1491
+ "overflow-auto",
1492
+ "uds-ring",
1493
+ "z-10",
1494
+ "group"
1495
+ ],
1496
+ "internalComponents": [
1497
+ "AriakitMenu",
1498
+ "AnimatePresence",
1499
+ "MotionVStack"
1500
+ ],
1501
+ "internalComponentProps": {},
1502
+ "propToVariantKeys": {
1503
+ "size": [
1504
+ "menucontentSizeRoot"
1505
+ ],
1506
+ "variant": [
1507
+ "menucontentVariantRoot"
1508
+ ]
1509
+ },
1510
+ "motionVarPrefixes": []
1511
+ },
1512
+ "Menu.Divider": {
1513
+ "name": "Menu.Divider",
1514
+ "defaultProps": {
1515
+ "role": "separator",
1516
+ "contentPosition": "start",
1517
+ "gap": "4"
1518
+ },
1519
+ "getStylesLiterals": {
1520
+ "menuitemDividerVariantRoot": "default",
1521
+ "menuitemDividerVariantText": "default",
1522
+ "menuitemDividerVariantLine": "default"
1523
+ },
1791
1524
  "cxLiterals": [],
1792
- "internalComponents": [],
1525
+ "internalComponents": [
1526
+ "DividerInternal"
1527
+ ],
1528
+ "internalComponentProps": {
1529
+ "DividerInternal": {
1530
+ "variant": [
1531
+ "inherit"
1532
+ ]
1533
+ }
1534
+ },
1535
+ "propToVariantKeys": {},
1536
+ "motionVarPrefixes": []
1537
+ },
1538
+ "Menu.Item": {
1539
+ "name": "Menu.Item",
1540
+ "defaultProps": {},
1541
+ "getStylesLiterals": {
1542
+ "menuitemItemVariantRoot": "default",
1543
+ "menuitemItemVariantActiveRoot": "on",
1544
+ "menuitemItemVariantActiveRoot:1": "off",
1545
+ "menuitemItemVariantText": "default",
1546
+ "menuitemItemVariantActiveText": "on",
1547
+ "menuitemItemVariantActiveText:1": "off",
1548
+ "menuitemItemVariantIcon": "default",
1549
+ "menuitemItemVariantActiveIcon": "on",
1550
+ "menuitemItemVariantActiveIcon:1": "off"
1551
+ },
1552
+ "cxLiterals": [],
1553
+ "internalComponents": [
1554
+ "MenuItemBase"
1555
+ ],
1793
1556
  "internalComponentProps": {},
1794
1557
  "propToVariantKeys": {},
1795
1558
  "motionVarPrefixes": []
1796
1559
  },
1797
- "BottomSheetHeader": {
1798
- "name": "BottomSheetHeader",
1560
+ "Menu.ItemBase": {
1561
+ "name": "Menu.ItemBase",
1799
1562
  "defaultProps": {
1800
- "variant": "default"
1563
+ "spacing": "0",
1564
+ "spacingHorizontal": "4",
1565
+ "spacingVertical": "3.5",
1566
+ "columnGap": "2",
1567
+ "alignItems": "center",
1568
+ "justifyContent": "space-between"
1569
+ },
1570
+ "getStylesLiterals": {
1571
+ "textAlign": "start",
1572
+ "menuitemSizeRoot": "default",
1573
+ "flexDirection": "row",
1574
+ "menuitemSizeStartIcon": "default",
1575
+ "menuitemSizeEndIcon": "default"
1801
1576
  },
1802
- "getStylesLiterals": {},
1803
1577
  "cxLiterals": [
1804
- "grid-cols-[40px_1fr_40px]",
1805
- "items-center",
1806
- "w-full",
1807
- "min-h-10",
1808
- "mt-2"
1578
+ "flex",
1579
+ "focus-visible:text-brand",
1580
+ "focus-visible:bg-brand-secondary",
1581
+ "focus-visible:z-10",
1582
+ "uds-ring",
1583
+ "!-outline-offset-2",
1584
+ "[&:not([aria-checked])]:cursor-default",
1585
+ "opacity-25",
1586
+ "cursor-not-allowed",
1587
+ "duration-20",
1588
+ "transition-[font-variation-settings]",
1589
+ "ease-in-out",
1590
+ "z-0",
1591
+ "uds-start-icon",
1592
+ "uds-end-icon"
1809
1593
  ],
1810
1594
  "internalComponents": [
1811
- "Box",
1812
- "Text"
1595
+ "Pressable",
1596
+ "IconSlot",
1597
+ "RootComponent",
1598
+ "HStack",
1599
+ "AnimatePresence"
1813
1600
  ],
1814
1601
  "internalComponentProps": {
1815
- "Box": {
1816
- "className": [
1817
- "h-10 w-10 opacity-0 pointer-events-none"
1818
- ],
1819
- "display": [
1820
- "grid",
1821
- "flex"
1602
+ "HStack": {
1603
+ "alignItems": [
1604
+ "center"
1822
1605
  ],
1823
- "justifyContent": [
1824
- "flex-start",
1825
- "flex-end"
1606
+ "width": [
1607
+ "full"
1826
1608
  ]
1827
1609
  },
1828
- "Text": {
1829
- "variant": [
1830
- "inherit"
1831
- ],
1832
- "color": [
1833
- "inherit"
1834
- ],
1835
- "textAlign": [
1836
- "center"
1837
- ],
1838
- "className": [
1839
- "w-full"
1610
+ "AnimatePresence": {
1611
+ "mode": [
1612
+ "popLayout"
1840
1613
  ]
1841
1614
  }
1842
1615
  },
1843
1616
  "propToVariantKeys": {
1844
- "variant": [
1845
- "bottomsheetVariantHeader"
1617
+ "startIcon": [
1618
+ "icon"
1619
+ ],
1620
+ "endIcon": [
1621
+ "icon"
1622
+ ],
1623
+ "columnGap": [
1624
+ "gap"
1846
1625
  ]
1847
1626
  },
1848
1627
  "motionVarPrefixes": []
1849
1628
  },
1850
- "BottomSheetTrigger": {
1851
- "name": "BottomSheetTrigger",
1629
+ "Menu.ItemCheckbox": {
1630
+ "name": "Menu.ItemCheckbox",
1852
1631
  "defaultProps": {},
1853
- "getStylesLiterals": {},
1854
- "cxLiterals": [],
1632
+ "getStylesLiterals": {
1633
+ "menuitemItemCheckboxVariantRoot": "default",
1634
+ "menuitemItemCheckboxVariantActiveRoot": "on",
1635
+ "menuitemItemCheckboxVariantActiveRoot:1": "off",
1636
+ "menuitemItemCheckboxVariantText": "default",
1637
+ "menuitemItemCheckboxVariantActiveText": "on",
1638
+ "menuitemItemCheckboxVariantActiveText:1": "off",
1639
+ "menuitemItemCheckboxVariantStartIcon": "default",
1640
+ "menuitemItemCheckboxVariantActiveStartIcon": "on",
1641
+ "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
1642
+ "menuitemItemCheckboxVariantEndIcon": "default",
1643
+ "menuitemItemCheckboxVariantActiveEndIcon": "on",
1644
+ "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
1645
+ },
1646
+ "cxLiterals": [
1647
+ "uds-menu-item-checkbox"
1648
+ ],
1855
1649
  "internalComponents": [
1856
- "AriakitDialogDisclosure"
1650
+ "MenuItemBase"
1857
1651
  ],
1858
1652
  "internalComponentProps": {},
1859
1653
  "propToVariantKeys": {},
1860
1654
  "motionVarPrefixes": []
1861
1655
  },
1862
- "BottomSheetProvider": {
1863
- "name": "BottomSheetProvider",
1656
+ "Menu.Provider": {
1657
+ "name": "Menu.Provider",
1864
1658
  "defaultProps": {},
1865
1659
  "getStylesLiterals": {},
1866
1660
  "cxLiterals": [],
1867
1661
  "internalComponents": [
1868
- "AriakitDialogProvider"
1662
+ "AriakitMenuProvider",
1663
+ "SpringMotionConfig"
1869
1664
  ],
1870
1665
  "internalComponentProps": {},
1871
1666
  "propToVariantKeys": {},
1872
- "motionVarPrefixes": []
1667
+ "motionVarPrefixes": [
1668
+ "--uds-motion-subtle-3-",
1669
+ "--uds-motion-smooth-3-"
1670
+ ]
1873
1671
  },
1874
- "UDSBottomSheetConfigProvider": {
1875
- "name": "UDSBottomSheetConfigProvider",
1672
+ "Menu.Trigger": {
1673
+ "name": "Menu.Trigger",
1876
1674
  "defaultProps": {},
1877
1675
  "getStylesLiterals": {},
1878
- "cxLiterals": [],
1676
+ "cxLiterals": [
1677
+ "uds-menu-trigger"
1678
+ ],
1879
1679
  "internalComponents": [
1880
- "BottomSheetContext.Provider"
1680
+ "AriakitMenuTrigger",
1681
+ "Box"
1881
1682
  ],
1882
- "internalComponentProps": {},
1683
+ "internalComponentProps": {
1684
+ "Box": {
1685
+ "className": [
1686
+ "uds-ring h-fit w-fit"
1687
+ ]
1688
+ }
1689
+ },
1883
1690
  "propToVariantKeys": {},
1884
1691
  "motionVarPrefixes": []
1885
1692
  },
1886
- "UDSToastConfigProvider": {
1887
- "name": "UDSToastConfigProvider",
1693
+ "Menu.index": {
1694
+ "name": "Menu.index",
1888
1695
  "defaultProps": {},
1889
1696
  "getStylesLiterals": {},
1890
1697
  "cxLiterals": [],
1891
- "internalComponents": [
1892
- "ToastContext.Provider"
1893
- ],
1698
+ "internalComponents": [],
1894
1699
  "internalComponentProps": {},
1895
1700
  "propToVariantKeys": {},
1896
1701
  "motionVarPrefixes": []
1897
1702
  },
1898
- "Toast": {
1899
- "name": "Toast",
1703
+ "Menu": {
1704
+ "name": "Menu",
1900
1705
  "defaultProps": {},
1901
- "getStylesLiterals": {
1902
- "className": "flex-none",
1903
- "spacing": "2",
1904
- "borderRadius": "full"
1706
+ "getStylesLiterals": {},
1707
+ "cxLiterals": [],
1708
+ "internalComponents": [],
1709
+ "internalComponentProps": {},
1710
+ "propToVariantKeys": {},
1711
+ "motionVarPrefixes": []
1712
+ },
1713
+ "Input": {
1714
+ "name": "Input",
1715
+ "defaultProps": {
1716
+ "type": "text",
1717
+ "size": "md",
1718
+ "width": "full"
1905
1719
  },
1906
- "cxLiterals": [
1907
- "duration-0",
1908
- "duration-120",
1909
- "transition-[background-color]",
1910
- "bg-carbon-15/0",
1911
- "hover:bg-carbon-15/10",
1912
- "active:bg-carbon-15/15",
1913
- "uds-ring"
1720
+ "getStylesLiterals": {
1721
+ "inputVariantRoot": "default",
1722
+ "inputVariantValueRoot": "empty",
1723
+ "inputVariantValueRoot:1": "filled",
1724
+ "inputVariantInputWrapper": "default",
1725
+ "inputVariantValueInputWrapper": "empty",
1726
+ "inputVariantValueInputWrapper:1": "filled",
1727
+ "inputVariantInput": "default",
1728
+ "inputVariantValueInput": "empty",
1729
+ "inputVariantValueInput:1": "filled",
1730
+ "inputVariantInputPlaceholder": "default",
1731
+ "inputVariantValueInputPlaceholder": "empty",
1732
+ "inputVariantValueInputPlaceholder:1": "filled",
1733
+ "inputVariantLabel": "default",
1734
+ "inputVariantValueLabel": "empty",
1735
+ "inputVariantValueLabel:1": "filled",
1736
+ "inputVariantLabelRequired": "default",
1737
+ "inputVariantValueLabelRequired": "empty",
1738
+ "inputVariantValueLabelRequired:1": "filled",
1739
+ "inputVariantStartIcon": "default",
1740
+ "inputVariantValueStartIcon": "empty",
1741
+ "inputVariantValueStartIcon:1": "filled",
1742
+ "inputVariantEndIcon": "default",
1743
+ "inputVariantValueEndIcon": "empty",
1744
+ "inputVariantValueEndIcon:1": "filled"
1745
+ },
1746
+ "cxLiterals": [
1747
+ "opacity-50",
1748
+ "min-w-[200px]",
1749
+ "grow",
1750
+ "uds-hit-target",
1751
+ "bg-clip-text",
1752
+ "focus:outline-none",
1753
+ "cursor-text",
1754
+ "cursor-not-allowed"
1914
1755
  ],
1915
1756
  "internalComponents": [
1916
1757
  "IconSlot",
1917
- "ToastContainer",
1918
- "Text",
1919
- "Button",
1920
- "Pressable"
1758
+ "StartIcon",
1759
+ "EndIcon",
1760
+ "HelpTextContent",
1761
+ "Box",
1762
+ "InputHelpTextInternal",
1763
+ "VStack",
1764
+ "HStack",
1765
+ "AnimateHeightChange"
1921
1766
  ],
1922
- "internalComponentProps": {},
1767
+ "internalComponentProps": {
1768
+ "HelpTextContent": {
1769
+ "spacingTop": [
1770
+ "2"
1771
+ ]
1772
+ },
1773
+ "Box": {
1774
+ "spacingBottom": [
1775
+ "2"
1776
+ ],
1777
+ "columnGap": [
1778
+ "0.5"
1779
+ ],
1780
+ "alignItems": [
1781
+ "flex-end",
1782
+ "center"
1783
+ ],
1784
+ "position": [
1785
+ "relative"
1786
+ ]
1787
+ },
1788
+ "HStack": {
1789
+ "alignItems": [
1790
+ "center"
1791
+ ],
1792
+ "gap": [
1793
+ "1"
1794
+ ]
1795
+ }
1796
+ },
1923
1797
  "propToVariantKeys": {
1924
1798
  "size": [
1925
- "toastSizeLabel",
1926
- "toastSizeIcon",
1927
- "toastSizeActionButton",
1928
- "toastSizeCloseIcon"
1799
+ "inputSizeRoot",
1800
+ "inputSizeInputWrapper",
1801
+ "inputSizeInput",
1802
+ "inputSizeLabel",
1803
+ "inputSizeStartIcon",
1804
+ "inputSizeEndIcon"
1929
1805
  ],
1930
- "variant": [
1931
- "toastVariantIcon",
1932
- "toastVariantActionButton",
1933
- "toastVariantCloseIcon"
1806
+ "startIcon": [
1807
+ "icon"
1934
1808
  ],
1935
- "closeIcon": [
1809
+ "endIcon": [
1936
1810
  "icon"
1937
1811
  ],
1938
- "onClickActionButton": [
1939
- "onClick"
1812
+ "helperTextIcon": [
1813
+ "startIcon"
1940
1814
  ]
1941
1815
  },
1942
1816
  "motionVarPrefixes": []
1943
1817
  },
1944
- "ToastContainer": {
1945
- "name": "ToastContainer",
1946
- "defaultProps": {},
1818
+ "InputHelpText": {
1819
+ "name": "InputHelpText",
1820
+ "defaultProps": {
1821
+ "size": "md"
1822
+ },
1947
1823
  "getStylesLiterals": {
1948
- "position": "relative",
1949
- "alignItems": "center",
1950
- "display": "flex",
1951
- "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
1824
+ "inputVariantRoot": "default",
1825
+ "inputVariantValueRoot": "empty",
1826
+ "inputVariantValueRoot:1": "filled"
1952
1827
  },
1953
- "cxLiterals": [
1954
- "w-full"
1828
+ "cxLiterals": [],
1829
+ "internalComponents": [
1830
+ "InputHelpTextInternal",
1831
+ "Box"
1955
1832
  ],
1833
+ "internalComponentProps": {
1834
+ "Box": {
1835
+ "spacingTop": [
1836
+ "2"
1837
+ ]
1838
+ }
1839
+ },
1840
+ "propToVariantKeys": {
1841
+ "size": [
1842
+ "inputSizeRoot"
1843
+ ]
1844
+ },
1845
+ "motionVarPrefixes": []
1846
+ },
1847
+ "InputHelpTextInternal": {
1848
+ "name": "InputHelpTextInternal",
1849
+ "defaultProps": {},
1850
+ "getStylesLiterals": {
1851
+ "inputVariantHelperText": "default",
1852
+ "inputVariantValueHelperText": "empty",
1853
+ "inputVariantValueHelperText:1": "filled",
1854
+ "inputVariantHelperIcon": "default",
1855
+ "inputVariantValueHelperIcon": "empty",
1856
+ "inputVariantValueHelperIcon:1": "filled"
1857
+ },
1858
+ "cxLiterals": [],
1956
1859
  "internalComponents": [
1860
+ "IconSlot",
1957
1861
  "HStack"
1958
1862
  ],
1959
1863
  "internalComponentProps": {
1960
1864
  "HStack": {
1865
+ "gap": [
1866
+ "1"
1867
+ ],
1961
1868
  "alignItems": [
1962
1869
  "center"
1963
- ],
1964
- "justifyContent": [
1965
- "space-between"
1966
- ],
1967
- "overflow": [
1968
- "hidden"
1969
- ],
1970
- "position": [
1971
- "relative"
1972
1870
  ]
1973
1871
  }
1974
1872
  },
1975
1873
  "propToVariantKeys": {
1976
- "variant": [
1977
- "toastVariantRoot"
1978
- ],
1979
1874
  "size": [
1980
- "toastSizeRoot"
1875
+ "inputSizeHelperText",
1876
+ "inputSizeHelperIcon"
1877
+ ],
1878
+ "startIcon": [
1879
+ "icon"
1880
+ ],
1881
+ "endIcon": [
1882
+ "icon"
1981
1883
  ]
1982
1884
  },
1983
1885
  "motionVarPrefixes": []
1984
1886
  },
1985
- "ToastPortal": {
1986
- "name": "ToastPortal",
1887
+ "Popover": {
1888
+ "name": "Popover",
1987
1889
  "defaultProps": {},
1988
1890
  "getStylesLiterals": {},
1989
1891
  "cxLiterals": [],
1990
1892
  "internalComponents": [
1991
- "ReactToastifyToastContainer"
1893
+ "PopoverInternalContext.Provider",
1894
+ "PopoverProvider"
1992
1895
  ],
1993
1896
  "internalComponentProps": {},
1994
1897
  "propToVariantKeys": {},
1995
1898
  "motionVarPrefixes": []
1996
1899
  },
1997
- "RadioGroupStore": {
1998
- "name": "RadioGroupStore",
1900
+ "PopoverContent": {
1901
+ "name": "PopoverContent",
1902
+ "defaultProps": {},
1903
+ "getStylesLiterals": {
1904
+ "popoverSizeRoot": "default",
1905
+ "popoverVariantRoot": "default",
1906
+ "display": "flex",
1907
+ "position": "absolute",
1908
+ "spacingTop": "0",
1909
+ "spacingStart": "0",
1910
+ "spacingBottom": "0",
1911
+ "spacingEnd": "0",
1912
+ "popoverSizeSvgBase": "default",
1913
+ "popoverVariantSvgBase": "default",
1914
+ "popoverSizeSvgBorder": "default",
1915
+ "popoverVariantSvgBorder": "default",
1916
+ "popoverVariantBlur": "default",
1917
+ "width": "full",
1918
+ "height": "full",
1919
+ "flexShrink": "0",
1920
+ "borderRadius": "full",
1921
+ "alignItems": "center",
1922
+ "justifyContent": "center",
1923
+ "popoverVariantCloseIcon": "default",
1924
+ "popoverSizeCloseIcon": "default"
1925
+ },
1926
+ "cxLiterals": [
1927
+ "z-[9999]",
1928
+ "outline-none",
1929
+ "focus-visible:outline-none",
1930
+ "uds-bgBlurFillFallback",
1931
+ "uds-bgBlurFallback",
1932
+ "top-0",
1933
+ "left-0",
1934
+ "z-[1]",
1935
+ "duration-0",
1936
+ "duration-120",
1937
+ "transition-[background-color]",
1938
+ "bg-carbon-15/0",
1939
+ "hover:bg-carbon-15/10",
1940
+ "active:bg-carbon-15/15",
1941
+ "uds-ring",
1942
+ "absolute",
1943
+ "z-[4]"
1944
+ ],
1945
+ "internalComponents": [
1946
+ "PopoverDismiss",
1947
+ "IconSlot",
1948
+ "PopoverArrow",
1949
+ "Popover",
1950
+ "SvgFloatingOverlay",
1951
+ "Box",
1952
+ "Pressable"
1953
+ ],
1954
+ "internalComponentProps": {},
1955
+ "propToVariantKeys": {
1956
+ "closeIcon": [
1957
+ "icon"
1958
+ ]
1959
+ },
1960
+ "motionVarPrefixes": []
1961
+ },
1962
+ "PopoverContext": {
1963
+ "name": "PopoverContext",
1999
1964
  "defaultProps": {},
2000
1965
  "getStylesLiterals": {},
2001
1966
  "cxLiterals": [],
@@ -2004,23 +1969,37 @@
2004
1969
  "propToVariantKeys": {},
2005
1970
  "motionVarPrefixes": []
2006
1971
  },
2007
- "RadioGroupProvider": {
2008
- "name": "RadioGroupProvider",
1972
+ "PopoverTrigger": {
1973
+ "name": "PopoverTrigger",
2009
1974
  "defaultProps": {},
2010
1975
  "getStylesLiterals": {},
2011
1976
  "cxLiterals": [],
2012
1977
  "internalComponents": [
2013
- "DivProps",
2014
- "Comp",
2015
- "RadioGroupContext.Provider"
1978
+ "PopoverDisclosure"
2016
1979
  ],
2017
1980
  "internalComponentProps": {
2018
- "Comp": {
2019
- "role": [
2020
- "radiogroup"
1981
+ "PopoverDisclosure": {
1982
+ "className": [
1983
+ "inline"
2021
1984
  ]
2022
1985
  }
2023
1986
  },
1987
+ "propToVariantKeys": {
1988
+ "children": [
1989
+ "render"
1990
+ ]
1991
+ },
1992
+ "motionVarPrefixes": []
1993
+ },
1994
+ "UDSPopoverConfigProvider": {
1995
+ "name": "UDSPopoverConfigProvider",
1996
+ "defaultProps": {},
1997
+ "getStylesLiterals": {},
1998
+ "cxLiterals": [],
1999
+ "internalComponents": [
2000
+ "PopoverContext.Provider"
2001
+ ],
2002
+ "internalComponentProps": {},
2024
2003
  "propToVariantKeys": {},
2025
2004
  "motionVarPrefixes": []
2026
2005
  },
@@ -2136,40 +2115,160 @@
2136
2115
  "--uds-motion-smooth-3-"
2137
2116
  ]
2138
2117
  },
2139
- "UDSTooltipConfigProvider": {
2140
- "name": "UDSTooltipConfigProvider",
2118
+ "RadioGroupProvider": {
2119
+ "name": "RadioGroupProvider",
2141
2120
  "defaultProps": {},
2142
2121
  "getStylesLiterals": {},
2143
2122
  "cxLiterals": [],
2144
2123
  "internalComponents": [
2145
- "TooltipContext.Provider"
2124
+ "DivProps",
2125
+ "Comp",
2126
+ "RadioGroupContext.Provider"
2146
2127
  ],
2147
- "internalComponentProps": {},
2128
+ "internalComponentProps": {
2129
+ "Comp": {
2130
+ "role": [
2131
+ "radiogroup"
2132
+ ]
2133
+ }
2134
+ },
2148
2135
  "propToVariantKeys": {},
2149
2136
  "motionVarPrefixes": []
2150
2137
  },
2151
- "TooltipTrigger": {
2152
- "name": "TooltipTrigger",
2138
+ "RadioGroupStore": {
2139
+ "name": "RadioGroupStore",
2153
2140
  "defaultProps": {},
2154
2141
  "getStylesLiterals": {},
2155
2142
  "cxLiterals": [],
2143
+ "internalComponents": [],
2144
+ "internalComponentProps": {},
2145
+ "propToVariantKeys": {},
2146
+ "motionVarPrefixes": []
2147
+ },
2148
+ "Toast": {
2149
+ "name": "Toast",
2150
+ "defaultProps": {},
2151
+ "getStylesLiterals": {
2152
+ "className": "flex-none",
2153
+ "spacing": "2",
2154
+ "borderRadius": "full"
2155
+ },
2156
+ "cxLiterals": [
2157
+ "duration-0",
2158
+ "duration-120",
2159
+ "transition-[background-color]",
2160
+ "bg-carbon-15/0",
2161
+ "hover:bg-carbon-15/10",
2162
+ "active:bg-carbon-15/15",
2163
+ "uds-ring"
2164
+ ],
2156
2165
  "internalComponents": [
2157
- "TooltipAnchor"
2166
+ "IconSlot",
2167
+ "ToastContainer",
2168
+ "Text",
2169
+ "Button",
2170
+ "Pressable"
2171
+ ],
2172
+ "internalComponentProps": {},
2173
+ "propToVariantKeys": {
2174
+ "size": [
2175
+ "toastSizeLabel",
2176
+ "toastSizeIcon",
2177
+ "toastSizeActionButton",
2178
+ "toastSizeCloseIcon"
2179
+ ],
2180
+ "variant": [
2181
+ "toastVariantIcon",
2182
+ "toastVariantActionButton",
2183
+ "toastVariantCloseIcon"
2184
+ ],
2185
+ "closeIcon": [
2186
+ "icon"
2187
+ ],
2188
+ "onClickActionButton": [
2189
+ "onClick"
2190
+ ]
2191
+ },
2192
+ "motionVarPrefixes": []
2193
+ },
2194
+ "ToastContainer": {
2195
+ "name": "ToastContainer",
2196
+ "defaultProps": {},
2197
+ "getStylesLiterals": {
2198
+ "position": "relative",
2199
+ "alignItems": "center",
2200
+ "display": "flex",
2201
+ "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
2202
+ },
2203
+ "cxLiterals": [
2204
+ "w-full"
2205
+ ],
2206
+ "internalComponents": [
2207
+ "HStack"
2158
2208
  ],
2159
2209
  "internalComponentProps": {
2160
- "TooltipAnchor": {
2161
- "className": [
2162
- "inline"
2210
+ "HStack": {
2211
+ "alignItems": [
2212
+ "center"
2213
+ ],
2214
+ "justifyContent": [
2215
+ "space-between"
2216
+ ],
2217
+ "overflow": [
2218
+ "hidden"
2219
+ ],
2220
+ "position": [
2221
+ "relative"
2163
2222
  ]
2164
2223
  }
2165
2224
  },
2166
2225
  "propToVariantKeys": {
2167
- "children": [
2168
- "render"
2226
+ "variant": [
2227
+ "toastVariantRoot"
2228
+ ],
2229
+ "size": [
2230
+ "toastSizeRoot"
2169
2231
  ]
2170
2232
  },
2171
2233
  "motionVarPrefixes": []
2172
2234
  },
2235
+ "ToastPortal": {
2236
+ "name": "ToastPortal",
2237
+ "defaultProps": {},
2238
+ "getStylesLiterals": {},
2239
+ "cxLiterals": [],
2240
+ "internalComponents": [
2241
+ "ReactToastifyToastContainer"
2242
+ ],
2243
+ "internalComponentProps": {},
2244
+ "propToVariantKeys": {},
2245
+ "motionVarPrefixes": []
2246
+ },
2247
+ "UDSToastConfigProvider": {
2248
+ "name": "UDSToastConfigProvider",
2249
+ "defaultProps": {},
2250
+ "getStylesLiterals": {},
2251
+ "cxLiterals": [],
2252
+ "internalComponents": [
2253
+ "ToastContext.Provider"
2254
+ ],
2255
+ "internalComponentProps": {},
2256
+ "propToVariantKeys": {},
2257
+ "motionVarPrefixes": []
2258
+ },
2259
+ "Tooltip": {
2260
+ "name": "Tooltip",
2261
+ "defaultProps": {},
2262
+ "getStylesLiterals": {},
2263
+ "cxLiterals": [],
2264
+ "internalComponents": [
2265
+ "TooltipInternalContext.Provider",
2266
+ "TooltipProvider"
2267
+ ],
2268
+ "internalComponentProps": {},
2269
+ "propToVariantKeys": {},
2270
+ "motionVarPrefixes": []
2271
+ },
2173
2272
  "TooltipContent": {
2174
2273
  "name": "TooltipContent",
2175
2274
  "defaultProps": {},
@@ -2235,638 +2334,539 @@
2235
2334
  },
2236
2335
  "motionVarPrefixes": []
2237
2336
  },
2238
- "Tooltip": {
2239
- "name": "Tooltip",
2337
+ "TooltipTrigger": {
2338
+ "name": "TooltipTrigger",
2240
2339
  "defaultProps": {},
2241
2340
  "getStylesLiterals": {},
2242
2341
  "cxLiterals": [],
2243
2342
  "internalComponents": [
2244
- "TooltipInternalContext.Provider",
2245
- "TooltipProvider"
2343
+ "TooltipAnchor"
2344
+ ],
2345
+ "internalComponentProps": {
2346
+ "TooltipAnchor": {
2347
+ "className": [
2348
+ "inline"
2349
+ ]
2350
+ }
2351
+ },
2352
+ "propToVariantKeys": {
2353
+ "children": [
2354
+ "render"
2355
+ ]
2356
+ },
2357
+ "motionVarPrefixes": []
2358
+ },
2359
+ "UDSTooltipConfigProvider": {
2360
+ "name": "UDSTooltipConfigProvider",
2361
+ "defaultProps": {},
2362
+ "getStylesLiterals": {},
2363
+ "cxLiterals": [],
2364
+ "internalComponents": [
2365
+ "TooltipContext.Provider"
2246
2366
  ],
2247
2367
  "internalComponentProps": {},
2248
2368
  "propToVariantKeys": {},
2249
2369
  "motionVarPrefixes": []
2250
2370
  },
2251
- "Input": {
2252
- "name": "Input",
2253
- "defaultProps": {
2254
- "type": "text",
2255
- "size": "md",
2256
- "width": "full"
2257
- },
2258
- "getStylesLiterals": {
2259
- "inputVariantRoot": "default",
2260
- "inputVariantValueRoot": "empty",
2261
- "inputVariantValueRoot:1": "filled",
2262
- "inputVariantInputWrapper": "default",
2263
- "inputVariantValueInputWrapper": "empty",
2264
- "inputVariantValueInputWrapper:1": "filled",
2265
- "inputVariantInput": "default",
2266
- "inputVariantValueInput": "empty",
2267
- "inputVariantValueInput:1": "filled",
2268
- "inputVariantInputPlaceholder": "default",
2269
- "inputVariantValueInputPlaceholder": "empty",
2270
- "inputVariantValueInputPlaceholder:1": "filled",
2271
- "inputVariantLabel": "default",
2272
- "inputVariantValueLabel": "empty",
2273
- "inputVariantValueLabel:1": "filled",
2274
- "inputVariantLabelRequired": "default",
2275
- "inputVariantValueLabelRequired": "empty",
2276
- "inputVariantValueLabelRequired:1": "filled",
2277
- "inputVariantStartIcon": "default",
2278
- "inputVariantValueStartIcon": "empty",
2279
- "inputVariantValueStartIcon:1": "filled",
2280
- "inputVariantEndIcon": "default",
2281
- "inputVariantValueEndIcon": "empty",
2282
- "inputVariantValueEndIcon:1": "filled"
2283
- },
2284
- "cxLiterals": [
2285
- "opacity-50",
2286
- "min-w-[200px]",
2287
- "grow",
2288
- "uds-hit-target",
2289
- "bg-clip-text",
2290
- "focus:outline-none",
2291
- "cursor-text",
2292
- "cursor-not-allowed"
2293
- ],
2371
+ "UDSBreakpointsConfigProvider": {
2372
+ "name": "UDSBreakpointsConfigProvider",
2373
+ "defaultProps": {},
2374
+ "getStylesLiterals": {},
2375
+ "cxLiterals": [],
2294
2376
  "internalComponents": [
2295
- "IconSlot",
2296
- "StartIcon",
2297
- "EndIcon",
2298
- "HelpTextContent",
2299
- "Box",
2300
- "InputHelpTextInternal",
2301
- "VStack",
2302
- "HStack",
2303
- "AnimateHeightChange"
2377
+ "UDSBreakpointsConfigContext.Provider"
2304
2378
  ],
2305
- "internalComponentProps": {
2306
- "HelpTextContent": {
2307
- "spacingTop": [
2308
- "2"
2309
- ]
2310
- },
2311
- "Box": {
2312
- "spacingBottom": [
2313
- "2"
2314
- ],
2315
- "columnGap": [
2316
- "0.5"
2317
- ],
2318
- "alignItems": [
2319
- "flex-end",
2320
- "center"
2321
- ],
2322
- "position": [
2323
- "relative"
2324
- ]
2325
- },
2326
- "HStack": {
2327
- "alignItems": [
2328
- "center"
2329
- ],
2330
- "gap": [
2331
- "1"
2332
- ]
2333
- }
2334
- },
2335
- "propToVariantKeys": {
2336
- "size": [
2337
- "inputSizeRoot",
2338
- "inputSizeInputWrapper",
2339
- "inputSizeInput",
2340
- "inputSizeLabel",
2341
- "inputSizeStartIcon",
2342
- "inputSizeEndIcon"
2343
- ],
2344
- "startIcon": [
2345
- "icon"
2346
- ],
2347
- "endIcon": [
2348
- "icon"
2349
- ],
2350
- "helperTextIcon": [
2351
- "startIcon"
2352
- ]
2353
- },
2379
+ "internalComponentProps": {},
2380
+ "propToVariantKeys": {},
2354
2381
  "motionVarPrefixes": []
2355
2382
  },
2356
- "InputHelpText": {
2357
- "name": "InputHelpText",
2358
- "defaultProps": {
2359
- "size": "md"
2360
- },
2361
- "getStylesLiterals": {
2362
- "inputVariantRoot": "default",
2363
- "inputVariantValueRoot": "empty",
2364
- "inputVariantValueRoot:1": "filled"
2365
- },
2383
+ "UDSConfigProvider": {
2384
+ "name": "UDSConfigProvider",
2385
+ "defaultProps": {},
2386
+ "getStylesLiterals": {},
2366
2387
  "cxLiterals": [],
2367
2388
  "internalComponents": [
2368
- "InputHelpTextInternal",
2369
- "Box"
2389
+ "UDSBreakpointsConfigProvider",
2390
+ "UDSBottomSheetConfigProvider",
2391
+ "UDSToastConfigProvider",
2392
+ "UDSTooltipConfigProvider",
2393
+ "UDSPopoverConfigProvider"
2370
2394
  ],
2371
- "internalComponentProps": {
2372
- "Box": {
2373
- "spacingTop": [
2374
- "2"
2375
- ]
2376
- }
2377
- },
2378
- "propToVariantKeys": {
2379
- "size": [
2380
- "inputSizeRoot"
2381
- ]
2382
- },
2395
+ "internalComponentProps": {},
2396
+ "propToVariantKeys": {},
2383
2397
  "motionVarPrefixes": []
2384
2398
  },
2385
- "InputHelpTextInternal": {
2386
- "name": "InputHelpTextInternal",
2387
- "defaultProps": {},
2388
- "getStylesLiterals": {
2389
- "inputVariantHelperText": "default",
2390
- "inputVariantValueHelperText": "empty",
2391
- "inputVariantValueHelperText:1": "filled",
2392
- "inputVariantHelperIcon": "default",
2393
- "inputVariantValueHelperIcon": "empty",
2394
- "inputVariantValueHelperIcon:1": "filled"
2399
+ "Accordion": {
2400
+ "name": "Accordion",
2401
+ "defaultProps": {
2402
+ "spacingHorizontal": "4",
2403
+ "spacingVertical": "4"
2395
2404
  },
2396
- "cxLiterals": [],
2405
+ "getStylesLiterals": {},
2406
+ "cxLiterals": [
2407
+ "hover:bg-secondary/80",
2408
+ "w-full"
2409
+ ],
2397
2410
  "internalComponents": [
2398
- "IconSlot",
2399
- "HStack"
2411
+ "Icon",
2412
+ "SpringMotionConfig",
2413
+ "Pressable",
2414
+ "Text",
2415
+ "HStack",
2416
+ "AnimatePresence",
2417
+ "VStack"
2400
2418
  ],
2401
2419
  "internalComponentProps": {
2420
+ "Icon": {
2421
+ "variant": [
2422
+ "fill"
2423
+ ],
2424
+ "size": [
2425
+ "sm"
2426
+ ],
2427
+ "color": [
2428
+ "primary"
2429
+ ]
2430
+ },
2431
+ "SpringMotionConfig": {
2432
+ "layoutVariant": [
2433
+ "smooth"
2434
+ ],
2435
+ "layoutSpeed": [
2436
+ "3"
2437
+ ]
2438
+ },
2439
+ "Pressable": {
2440
+ "display": [
2441
+ "flex"
2442
+ ],
2443
+ "flexDirection": [
2444
+ "row"
2445
+ ],
2446
+ "alignItems": [
2447
+ "center"
2448
+ ],
2449
+ "justifyContent": [
2450
+ "space-between"
2451
+ ],
2452
+ "borderRadius": [
2453
+ "md"
2454
+ ]
2455
+ },
2456
+ "Text": {
2457
+ "variant": [
2458
+ "title4"
2459
+ ],
2460
+ "color": [
2461
+ "primary"
2462
+ ]
2463
+ },
2402
2464
  "HStack": {
2403
- "gap": [
2404
- "1"
2465
+ "display": [
2466
+ "flex"
2405
2467
  ],
2406
2468
  "alignItems": [
2407
2469
  "center"
2470
+ ],
2471
+ "justifyContent": [
2472
+ "space-between"
2473
+ ],
2474
+ "columnGap": [
2475
+ "2.5"
2408
2476
  ]
2409
2477
  }
2410
2478
  },
2411
- "propToVariantKeys": {
2412
- "size": [
2413
- "inputSizeHelperText",
2414
- "inputSizeHelperIcon"
2415
- ],
2416
- "startIcon": [
2417
- "icon"
2418
- ],
2419
- "endIcon": [
2420
- "icon"
2421
- ]
2422
- },
2423
- "motionVarPrefixes": []
2479
+ "propToVariantKeys": {},
2480
+ "motionVarPrefixes": [
2481
+ "--uds-motion-smooth-3-"
2482
+ ]
2424
2483
  },
2425
- "UDSConfigProvider": {
2426
- "name": "UDSConfigProvider",
2484
+ "AvoidMotionLibraryProvider": {
2485
+ "name": "AvoidMotionLibraryProvider",
2427
2486
  "defaultProps": {},
2428
2487
  "getStylesLiterals": {},
2429
2488
  "cxLiterals": [],
2430
- "internalComponents": [
2431
- "UDSBreakpointsConfigProvider",
2432
- "UDSBottomSheetConfigProvider",
2433
- "UDSToastConfigProvider",
2434
- "UDSTooltipConfigProvider",
2435
- "UDSPopoverConfigProvider"
2436
- ],
2489
+ "internalComponents": [],
2437
2490
  "internalComponentProps": {},
2438
2491
  "propToVariantKeys": {},
2439
2492
  "motionVarPrefixes": []
2440
2493
  },
2441
- "UDSBreakpointsConfigProvider": {
2442
- "name": "UDSBreakpointsConfigProvider",
2494
+ "ExperimentalPopover": {
2495
+ "name": "ExperimentalPopover",
2443
2496
  "defaultProps": {},
2444
2497
  "getStylesLiterals": {},
2445
2498
  "cxLiterals": [],
2446
2499
  "internalComponents": [
2447
- "UDSBreakpointsConfigContext.Provider"
2500
+ "HStack",
2501
+ "Text",
2502
+ "ExperimentalPopoverHeadingBase"
2448
2503
  ],
2449
- "internalComponentProps": {},
2504
+ "internalComponentProps": {
2505
+ "Text": {
2506
+ "variant": [
2507
+ "headline1"
2508
+ ],
2509
+ "color": [
2510
+ "primary"
2511
+ ]
2512
+ }
2513
+ },
2450
2514
  "propToVariantKeys": {},
2451
2515
  "motionVarPrefixes": []
2452
2516
  },
2453
- "ChipLink": {
2454
- "name": "ChipLink",
2455
- "defaultProps": {
2456
- "variant": "primary"
2457
- },
2517
+ "Modal": {
2518
+ "name": "Modal",
2519
+ "defaultProps": {},
2458
2520
  "getStylesLiterals": {},
2459
2521
  "cxLiterals": [
2460
- "uds-ring"
2522
+ "inset-8",
2523
+ "top-[250px]",
2524
+ "z-50",
2525
+ "mx-auto",
2526
+ "h-fit",
2527
+ "w-[600px]",
2528
+ "origin-center",
2529
+ "scale-95",
2530
+ "opacity-0",
2531
+ "transition",
2532
+ "duration-150",
2533
+ "data-[enter]:scale-100",
2534
+ "data-[enter]:opacity-100",
2535
+ "data-[enter]:bg-primary",
2536
+ "backdrop-blur-0",
2537
+ "data-[enter]:opacity-60",
2538
+ "data-[enter]:backdrop-blur-sm"
2461
2539
  ],
2462
2540
  "internalComponents": [
2463
- "ChipBase"
2541
+ "IconButton",
2542
+ "Dialog",
2543
+ "HStack",
2544
+ "Text",
2545
+ "VStack"
2464
2546
  ],
2465
2547
  "internalComponentProps": {
2466
- "ChipBase": {
2467
- "as": [
2468
- "a"
2469
- ]
2470
- }
2471
- },
2472
- "propToVariantKeys": {
2473
- "variant": [
2474
- "chipLinkVariantRoot",
2475
- "chipLinkVariantIcon"
2476
- ]
2477
- },
2478
- "motionVarPrefixes": []
2479
- },
2480
- "ChipDismissible": {
2481
- "name": "ChipDismissible",
2482
- "defaultProps": {
2483
- "variant": "primary"
2484
- },
2485
- "getStylesLiterals": {},
2486
- "cxLiterals": [
2487
- "uds-chip-dismissible-button",
2488
- "uds-hit-target",
2489
- "uds-ring",
2490
- "rounded-full"
2491
- ],
2492
- "internalComponents": [
2493
- "ChipBase",
2494
- "IconSlot",
2495
- "Pressable"
2496
- ],
2497
- "internalComponentProps": {},
2498
- "propToVariantKeys": {
2499
- "variant": [
2500
- "chipDismissibleVariantRoot",
2501
- "chipDismissibleVariantIcon"
2502
- ],
2503
- "dismissButtonAriaLabel": [
2504
- "aria-label"
2505
- ]
2506
- },
2507
- "motionVarPrefixes": []
2508
- },
2509
- "ChipToggle": {
2510
- "name": "ChipToggle",
2511
- "defaultProps": {
2512
- "variant": "primary",
2513
- "role": "checkbox"
2514
- },
2515
- "getStylesLiterals": {
2516
- "chipToggleVariantActiveRoot": "on",
2517
- "chipToggleVariantActiveRoot:1": "off"
2518
- },
2519
- "cxLiterals": [
2520
- "uds-ring"
2521
- ],
2522
- "internalComponents": [
2523
- "ChipBase"
2524
- ],
2525
- "internalComponentProps": {
2526
- "ChipBase": {
2527
- "as": [
2528
- "button"
2548
+ "IconButton": {
2549
+ "aria-label": [
2550
+ "Close"
2551
+ ],
2552
+ "size": [
2553
+ "sm"
2554
+ ],
2555
+ "variant": [
2556
+ "tertiary"
2557
+ ]
2558
+ },
2559
+ "HStack": {
2560
+ "alignItems": [
2561
+ "center"
2562
+ ],
2563
+ "justifyContent": [
2564
+ "space-between"
2565
+ ]
2566
+ },
2567
+ "Text": {
2568
+ "variant": [
2569
+ "headline1"
2570
+ ],
2571
+ "color": [
2572
+ "primary"
2573
+ ]
2574
+ },
2575
+ "VStack": {
2576
+ "borderRadius": [
2577
+ "md"
2578
+ ],
2579
+ "position": [
2580
+ "fixed"
2581
+ ],
2582
+ "backgroundColor": [
2583
+ "primary"
2584
+ ],
2585
+ "dropShadow": [
2586
+ "md"
2587
+ ],
2588
+ "spacing": [
2589
+ "8"
2590
+ ],
2591
+ "overflow": [
2592
+ "hidden"
2529
2593
  ]
2530
2594
  }
2531
2595
  },
2532
2596
  "propToVariantKeys": {
2533
- "variant": [
2534
- "chipToggleVariantRoot",
2535
- "chipToggleVariantIcon"
2597
+ "handleClose": [
2598
+ "onClick"
2536
2599
  ]
2537
2600
  },
2538
2601
  "motionVarPrefixes": []
2539
2602
  },
2540
- "Chip": {
2541
- "name": "Chip",
2603
+ "SegmentedControl": {
2604
+ "name": "SegmentedControl",
2542
2605
  "defaultProps": {},
2543
- "getStylesLiterals": {},
2544
- "cxLiterals": [],
2545
- "internalComponents": [
2546
- "ChipDismissible",
2547
- "ChipToggle",
2548
- "ChipLink",
2549
- "ChipButton"
2550
- ],
2551
- "internalComponentProps": {},
2552
- "propToVariantKeys": {},
2553
- "motionVarPrefixes": []
2554
- },
2555
- "ChipBase": {
2556
- "name": "ChipBase",
2557
- "defaultProps": {
2558
- "size": "md",
2559
- "as": "div"
2606
+ "getStylesLiterals": {
2607
+ "display": "flex",
2608
+ "alignItems": "center",
2609
+ "backgroundColor": "primary",
2610
+ "spacingVertical": "1",
2611
+ "spacingHorizontal": "3",
2612
+ "columnGap": "1.5",
2613
+ "borderWidth": "thin",
2614
+ "borderRadius": "full",
2615
+ "borderColor": "muted",
2616
+ "borderColor:1": "transparent",
2617
+ "color": "primary",
2618
+ "color:1": "tertiary",
2619
+ "color:2": "muted"
2560
2620
  },
2561
- "getStylesLiterals": {},
2562
2621
  "cxLiterals": [
2563
- "pointer-events-none",
2564
- "cursor-default",
2622
+ "uds-ring",
2623
+ "cursor-not-allowed",
2565
2624
  "opacity-50",
2566
- "inline-flex",
2567
- "items-center",
2568
- "transition-[background-color,outline-color,box-shadow]",
2569
- "truncate",
2570
- "whitespace-nowrap",
2571
- "text-center",
2572
- "flex-1"
2625
+ "pointer-events-none",
2626
+ "hover:bg-primary"
2573
2627
  ],
2574
2628
  "internalComponents": [
2575
- "IconSlot",
2629
+ "Radio",
2630
+ "Icon",
2631
+ "RadioProvider",
2576
2632
  "HStack",
2577
- "As",
2633
+ "RadioGroup",
2634
+ "Pressable",
2578
2635
  "Text"
2579
2636
  ],
2580
2637
  "internalComponentProps": {
2581
- "Text": {
2582
- "as": [
2583
- "span"
2638
+ "Icon": {
2639
+ "size": [
2640
+ "sm"
2584
2641
  ],
2585
2642
  "color": [
2586
2643
  "current"
2587
2644
  ],
2645
+ "aria-hidden": [
2646
+ "true"
2647
+ ]
2648
+ },
2649
+ "HStack": {
2650
+ "spacing": [
2651
+ "1"
2652
+ ],
2653
+ "gap": [
2654
+ "1"
2655
+ ],
2656
+ "backgroundColor": [
2657
+ "secondary"
2658
+ ],
2659
+ "borderRadius": [
2660
+ "full"
2661
+ ],
2662
+ "display": [
2663
+ "inline-flex"
2664
+ ]
2665
+ },
2666
+ "Text": {
2588
2667
  "variant": [
2589
- "inherit"
2668
+ "label2"
2669
+ ],
2670
+ "color": [
2671
+ "current"
2590
2672
  ]
2591
2673
  }
2592
2674
  },
2593
2675
  "propToVariantKeys": {
2594
- "size": [
2595
- "chipSizeRoot",
2596
- "chipSizeIcon"
2597
- ],
2598
- "startIcon": [
2599
- "icon"
2676
+ "value": [
2677
+ "key"
2600
2678
  ],
2601
- "endIcon": [
2602
- "icon"
2679
+ "label": [
2680
+ "aria-label"
2603
2681
  ]
2604
2682
  },
2605
2683
  "motionVarPrefixes": []
2606
2684
  },
2607
- "ChipButton": {
2608
- "name": "ChipButton",
2685
+ "SwitchV2": {
2686
+ "name": "SwitchV2",
2609
2687
  "defaultProps": {
2610
- "variant": "primary"
2611
- },
2612
- "getStylesLiterals": {},
2613
- "cxLiterals": [
2614
- "uds-ring"
2615
- ],
2616
- "internalComponents": [
2617
- "ChipBase"
2618
- ],
2619
- "internalComponentProps": {
2620
- "ChipBase": {
2621
- "as": [
2622
- "button"
2623
- ]
2624
- }
2625
- },
2626
- "propToVariantKeys": {
2627
- "variant": [
2628
- "chipLinkVariantRoot",
2629
- "chipLinkVariantIcon"
2630
- ]
2688
+ "labelPosition": "start",
2689
+ "size": "md"
2631
2690
  },
2632
- "motionVarPrefixes": []
2633
- },
2634
- "Menu.Item": {
2635
- "name": "Menu.Item",
2636
- "defaultProps": {},
2637
2691
  "getStylesLiterals": {
2638
- "menuitemItemVariantRoot": "default",
2639
- "menuitemItemVariantActiveRoot": "on",
2640
- "menuitemItemVariantActiveRoot:1": "off",
2641
- "menuitemItemVariantText": "default",
2642
- "menuitemItemVariantActiveText": "on",
2643
- "menuitemItemVariantActiveText:1": "off",
2644
- "menuitemItemVariantIcon": "default",
2645
- "menuitemItemVariantActiveIcon": "on",
2646
- "menuitemItemVariantActiveIcon:1": "off"
2647
- },
2648
- "cxLiterals": [],
2649
- "internalComponents": [
2650
- "MenuItemBase"
2651
- ],
2652
- "internalComponentProps": {},
2653
- "propToVariantKeys": {},
2654
- "motionVarPrefixes": []
2655
- },
2656
- "Menu.Provider": {
2657
- "name": "Menu.Provider",
2658
- "defaultProps": {},
2659
- "getStylesLiterals": {},
2660
- "cxLiterals": [],
2661
- "internalComponents": [
2662
- "AriakitMenuProvider",
2663
- "SpringMotionConfig"
2664
- ],
2665
- "internalComponentProps": {},
2666
- "propToVariantKeys": {},
2667
- "motionVarPrefixes": [
2668
- "--uds-motion-subtle-3-",
2669
- "--uds-motion-smooth-3-"
2670
- ]
2671
- },
2672
- "Menu.ItemBase": {
2673
- "name": "Menu.ItemBase",
2674
- "defaultProps": {
2675
- "spacing": "0",
2676
- "spacingHorizontal": "4",
2677
- "spacingVertical": "3.5",
2678
- "columnGap": "2",
2679
- "alignItems": "center",
2680
- "justifyContent": "space-between"
2681
- },
2682
- "getStylesLiterals": {
2683
- "textAlign": "start",
2684
- "menuitemSizeRoot": "default",
2685
- "flexDirection": "row",
2686
- "menuitemSizeStartIcon": "default",
2687
- "menuitemSizeEndIcon": "default"
2692
+ "switchVariantRoot": "default",
2693
+ "switchVariantActiveRoot": "on",
2694
+ "switchVariantActiveRoot:1": "off",
2695
+ "switchVariantSwitch": "default",
2696
+ "switchVariantActiveSwitch": "on",
2697
+ "switchVariantActiveSwitch:1": "off",
2698
+ "switchVariantActiveHandle": "on",
2699
+ "switchVariantActiveHandle:1": "off",
2700
+ "switchVariantHandle": "default",
2701
+ "switchVariantHandleIcon": "default",
2702
+ "switchVariantActiveHandleIcon": "on",
2703
+ "switchVariantActiveHandleIcon:1": "off"
2688
2704
  },
2689
2705
  "cxLiterals": [
2706
+ "group",
2690
2707
  "flex",
2691
- "focus-visible:text-brand",
2692
- "focus-visible:bg-brand-secondary",
2693
- "focus-visible:z-10",
2708
+ "items-center",
2709
+ "flex-row",
2710
+ "flex-row-reverse",
2694
2711
  "uds-ring",
2695
- "!-outline-offset-2",
2696
- "[&:not([aria-checked])]:cursor-default",
2697
- "opacity-25",
2698
- "cursor-not-allowed",
2699
- "duration-20",
2700
- "transition-[font-variation-settings]",
2701
- "ease-in-out",
2702
- "z-0",
2703
- "uds-start-icon",
2704
- "uds-end-icon"
2712
+ "uds-ring-within",
2713
+ "relative",
2714
+ "uds-border-radius-full",
2715
+ "transition-[background-color,box-shadow]",
2716
+ "pointer-events-none",
2717
+ "w-full",
2718
+ "h-full",
2719
+ "absolute",
2720
+ "top-0",
2721
+ "bottom-0",
2722
+ "right-0",
2723
+ "left-0",
2724
+ "overflow-hidden",
2725
+ "group-hover:scale-105",
2726
+ "opacity-95",
2727
+ "group-hover:opacity-100",
2728
+ "transition-[transform,opacity]",
2729
+ "opacity-0",
2730
+ "top-1/2",
2731
+ "left-1/2",
2732
+ "transform",
2733
+ "translate-x-[-50%]",
2734
+ "translate-y-[-50%]",
2735
+ "transition-opacity",
2736
+ "cursor-[inherit]",
2737
+ "w-[calc(100%+2px)]",
2738
+ "h-[calc(100%+2px)]",
2739
+ "text-start",
2740
+ "text-end",
2741
+ "opacity-100"
2705
2742
  ],
2706
2743
  "internalComponents": [
2707
- "Pressable",
2708
2744
  "IconSlot",
2709
- "RootComponent",
2710
- "HStack",
2711
- "AnimatePresence"
2745
+ "Box",
2746
+ "FormLabel",
2747
+ "SpringMotionConfig",
2748
+ "RootElement",
2749
+ "MotionBox"
2712
2750
  ],
2713
2751
  "internalComponentProps": {
2714
- "HStack": {
2715
- "alignItems": [
2716
- "center"
2752
+ "IconSlot": {
2753
+ "data-testid": [
2754
+ "on-icon",
2755
+ "off-icon"
2756
+ ]
2757
+ },
2758
+ "FormLabel": {
2759
+ "as": [
2760
+ "div"
2717
2761
  ],
2718
- "width": [
2719
- "full"
2762
+ "variant": [
2763
+ "inherit"
2764
+ ],
2765
+ "color": [
2766
+ "inherit"
2720
2767
  ]
2721
2768
  },
2722
- "AnimatePresence": {
2723
- "mode": [
2724
- "popLayout"
2769
+ "SpringMotionConfig": {
2770
+ "layoutVariant": [
2771
+ "bouncy"
2772
+ ],
2773
+ "layoutSpeed": [
2774
+ "4"
2775
+ ]
2776
+ },
2777
+ "RootElement": {
2778
+ "data-testid": [
2779
+ "switch-root"
2780
+ ]
2781
+ },
2782
+ "MotionBox": {
2783
+ "layout": [
2784
+ "position"
2725
2785
  ]
2726
2786
  }
2727
2787
  },
2728
2788
  "propToVariantKeys": {
2729
- "startIcon": [
2789
+ "size": [
2790
+ "switchSizeRoot",
2791
+ "switchSizeSwitch",
2792
+ "switchSizeHandle",
2793
+ "switchSizeHandleIcon"
2794
+ ],
2795
+ "onIcon": [
2730
2796
  "icon"
2731
2797
  ],
2732
- "endIcon": [
2798
+ "offIcon": [
2733
2799
  "icon"
2734
2800
  ],
2735
- "columnGap": [
2736
- "gap"
2801
+ "reduceMotion": [
2802
+ "reducedMotion"
2803
+ ],
2804
+ "isOn": [
2805
+ "layoutDependency"
2737
2806
  ]
2738
2807
  },
2739
- "motionVarPrefixes": []
2808
+ "motionVarPrefixes": [
2809
+ "--uds-motion-bouncy-4-",
2810
+ "--uds-motion-smooth-3-"
2811
+ ]
2740
2812
  },
2741
- "Menu.Trigger": {
2742
- "name": "Menu.Trigger",
2813
+ "Tabs": {
2814
+ "name": "Tabs",
2743
2815
  "defaultProps": {},
2744
- "getStylesLiterals": {},
2816
+ "getStylesLiterals": {
2817
+ "display": "flex",
2818
+ "flexDirection": "row",
2819
+ "columnGap": "6"
2820
+ },
2745
2821
  "cxLiterals": [
2746
- "uds-menu-trigger"
2822
+ "text-tertiary",
2823
+ "border-b-transparent",
2824
+ "aria-selected:border-b-brand",
2825
+ "aria-selected:text-secondary"
2747
2826
  ],
2748
2827
  "internalComponents": [
2749
- "AriakitMenuTrigger",
2750
- "Box"
2828
+ "TabProvider",
2829
+ "OriginalTabList",
2830
+ "OriginalTab",
2831
+ "Icon",
2832
+ "OriginalTabPanel",
2833
+ "Pressable",
2834
+ "Comp",
2835
+ "Text"
2751
2836
  ],
2752
2837
  "internalComponentProps": {
2753
- "Box": {
2838
+ "Icon": {
2754
2839
  "className": [
2755
- "uds-ring h-fit w-fit"
2840
+ "text-current"
2841
+ ],
2842
+ "size": [
2843
+ "md"
2756
2844
  ]
2757
- }
2758
- },
2759
- "propToVariantKeys": {},
2760
- "motionVarPrefixes": []
2761
- },
2762
- "Menu.index": {
2763
- "name": "Menu.index",
2764
- "defaultProps": {},
2765
- "getStylesLiterals": {},
2766
- "cxLiterals": [],
2767
- "internalComponents": [],
2768
- "internalComponentProps": {},
2769
- "propToVariantKeys": {},
2770
- "motionVarPrefixes": []
2771
- },
2772
- "Menu.Content": {
2773
- "name": "Menu.Content",
2774
- "defaultProps": {
2775
- "size": "default",
2776
- "variant": "default",
2777
- "gutter": "1"
2778
- },
2779
- "getStylesLiterals": {},
2780
- "cxLiterals": [
2781
- "uds-menu-content",
2782
- "transition-shadow",
2783
- "duration-200",
2784
- "ease-in-out",
2785
- "min-w-60",
2786
- "max-w-lg",
2787
- "max-h-96",
2788
- "overflow-auto",
2789
- "uds-ring",
2790
- "z-10",
2791
- "group"
2792
- ],
2793
- "internalComponents": [
2794
- "AriakitMenu",
2795
- "AnimatePresence",
2796
- "MotionVStack"
2797
- ],
2798
- "internalComponentProps": {},
2799
- "propToVariantKeys": {
2800
- "size": [
2801
- "menucontentSizeRoot"
2802
- ],
2803
- "variant": [
2804
- "menucontentVariantRoot"
2805
- ]
2806
- },
2807
- "motionVarPrefixes": []
2808
- },
2809
- "Menu.Divider": {
2810
- "name": "Menu.Divider",
2811
- "defaultProps": {
2812
- "role": "separator",
2813
- "contentPosition": "start",
2814
- "gap": "4"
2815
- },
2816
- "getStylesLiterals": {
2817
- "menuitemDividerVariantRoot": "default",
2818
- "menuitemDividerVariantText": "default",
2819
- "menuitemDividerVariantLine": "default"
2820
- },
2821
- "cxLiterals": [],
2822
- "internalComponents": [
2823
- "DividerInternal"
2824
- ],
2825
- "internalComponentProps": {
2826
- "DividerInternal": {
2845
+ },
2846
+ "Pressable": {
2847
+ "borderBottomWidth": [
2848
+ "medium"
2849
+ ],
2850
+ "spacingBottom": [
2851
+ "1"
2852
+ ],
2853
+ "spacingTop": [
2854
+ "4"
2855
+ ]
2856
+ },
2857
+ "Text": {
2858
+ "className": [
2859
+ "text-current"
2860
+ ],
2827
2861
  "variant": [
2828
- "inherit"
2862
+ "headline1"
2863
+ ],
2864
+ "as": [
2865
+ "span"
2829
2866
  ]
2830
2867
  }
2831
2868
  },
2832
2869
  "propToVariantKeys": {},
2833
2870
  "motionVarPrefixes": []
2834
- },
2835
- "Menu": {
2836
- "name": "Menu",
2837
- "defaultProps": {},
2838
- "getStylesLiterals": {},
2839
- "cxLiterals": [],
2840
- "internalComponents": [],
2841
- "internalComponentProps": {},
2842
- "propToVariantKeys": {},
2843
- "motionVarPrefixes": []
2844
- },
2845
- "Menu.ItemCheckbox": {
2846
- "name": "Menu.ItemCheckbox",
2847
- "defaultProps": {},
2848
- "getStylesLiterals": {
2849
- "menuitemItemCheckboxVariantRoot": "default",
2850
- "menuitemItemCheckboxVariantActiveRoot": "on",
2851
- "menuitemItemCheckboxVariantActiveRoot:1": "off",
2852
- "menuitemItemCheckboxVariantText": "default",
2853
- "menuitemItemCheckboxVariantActiveText": "on",
2854
- "menuitemItemCheckboxVariantActiveText:1": "off",
2855
- "menuitemItemCheckboxVariantStartIcon": "default",
2856
- "menuitemItemCheckboxVariantActiveStartIcon": "on",
2857
- "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
2858
- "menuitemItemCheckboxVariantEndIcon": "default",
2859
- "menuitemItemCheckboxVariantActiveEndIcon": "on",
2860
- "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
2861
- },
2862
- "cxLiterals": [
2863
- "uds-menu-item-checkbox"
2864
- ],
2865
- "internalComponents": [
2866
- "MenuItemBase"
2867
- ],
2868
- "internalComponentProps": {},
2869
- "propToVariantKeys": {},
2870
- "motionVarPrefixes": []
2871
2871
  }
2872
2872
  }