@yahoo/uds 3.119.1 → 3.119.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/dist/cli/commands/sync.cjs +2 -1
  2. package/dist/cli/commands/sync.js +2 -1
  3. package/dist/components/client/Toast/UDSToastConfigProvider.d.cts +5 -5
  4. package/dist/components/client/Toast/UDSToastConfigProvider.d.ts +5 -5
  5. package/dist/styles/styler.d.cts +27 -27
  6. package/dist/styles/styler.d.ts +27 -27
  7. package/dist/uds/generated/componentData.cjs +1262 -1262
  8. package/dist/uds/generated/componentData.js +1262 -1262
  9. package/generated/componentData.json +1582 -1582
  10. package/package.json +1 -1
package/generated/componentData.json CHANGED
@@ -1,121 +1,4 @@
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
- },
119
2
  "Link": {
120
3
  "name": "Link",
121
4
  "defaultProps": {
@@ -166,6 +49,51 @@
166
49
  },
167
50
  "motionVarPrefixes": []
168
51
  },
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
+ },
169
97
  "Scrim": {
170
98
  "name": "Scrim",
171
99
  "defaultProps": {
@@ -202,6 +130,26 @@
202
130
  },
203
131
  "motionVarPrefixes": []
204
132
  },
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
+ },
205
153
  "SvgFloatingOverlay": {
206
154
  "name": "SvgFloatingOverlay",
207
155
  "defaultProps": {},
@@ -250,6 +198,36 @@
250
198
  },
251
199
  "motionVarPrefixes": []
252
200
  },
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
+ },
253
231
  "Text": {
254
232
  "name": "Text",
255
233
  "defaultProps": {
@@ -274,8 +252,20 @@
274
252
  },
275
253
  "motionVarPrefixes": []
276
254
  },
277
- "VStack": {
278
- "name": "VStack",
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",
279
269
  "defaultProps": {},
280
270
  "getStylesLiterals": {},
281
271
  "cxLiterals": [],
@@ -285,43 +275,118 @@
285
275
  "internalComponentProps": {
286
276
  "Box": {
287
277
  "flexDirection": [
288
- "column"
278
+ "row"
289
279
  ]
290
280
  }
291
281
  },
292
282
  "propToVariantKeys": {
293
283
  "gap": [
294
- "columnGap",
295
- "rowGap"
284
+ "rowGap",
285
+ "columnGap"
296
286
  ]
297
287
  },
298
288
  "motionVarPrefixes": []
299
289
  },
300
- "Divider": {
301
- "name": "Divider",
290
+ "Image": {
291
+ "name": "Image",
302
292
  "defaultProps": {},
303
293
  "getStylesLiterals": {},
304
294
  "cxLiterals": [],
305
- "internalComponents": [
306
- "DividerInternal"
307
- ],
295
+ "internalComponents": [],
308
296
  "internalComponentProps": {},
309
297
  "propToVariantKeys": {},
310
298
  "motionVarPrefixes": []
311
299
  },
312
- "DividerCore": {
313
- "name": "DividerCore",
314
- "defaultProps": {
315
- "contentPosition": "center"
316
- },
300
+ "Table.mocks": {
301
+ "name": "Table.mocks",
302
+ "defaultProps": {},
317
303
  "getStylesLiterals": {},
318
304
  "cxLiterals": [],
319
- "internalComponents": [
320
- "Box",
321
- "Line",
322
- "InternalComponent",
323
- "Text"
324
- ],
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
+ },
382
+ "getStylesLiterals": {},
383
+ "cxLiterals": [],
384
+ "internalComponents": [
385
+ "Box",
386
+ "Line",
387
+ "InternalComponent",
388
+ "Text"
389
+ ],
325
390
  "internalComponentProps": {
326
391
  "Box": {
327
392
  "flex": [
@@ -377,85 +442,16 @@
377
442
  },
378
443
  "motionVarPrefixes": []
379
444
  },
380
- "AnimateHeightChange": {
381
- "name": "AnimateHeightChange",
445
+ "Divider": {
446
+ "name": "Divider",
382
447
  "defaultProps": {},
383
448
  "getStylesLiterals": {},
384
- "cxLiterals": [
385
- "overflow-hidden"
386
- ],
387
- "internalComponents": [
388
- "SpringMotionConfig"
389
- ],
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
- ],
449
+ "cxLiterals": [],
420
450
  "internalComponents": [
421
- "IconSlot",
422
- "HStack"
451
+ "DividerInternal"
423
452
  ],
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
- },
453
+ "internalComponentProps": {},
454
+ "propToVariantKeys": {},
459
455
  "motionVarPrefixes": []
460
456
  },
461
457
  "Button": {
@@ -645,6 +641,25 @@
645
641
  "--uds-motion-smooth-3-"
646
642
  ]
647
643
  },
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
+ },
648
663
  "IconButton": {
649
664
  "name": "IconButton",
650
665
  "defaultProps": {
@@ -709,37 +724,6 @@
709
724
  "--uds-motion-smooth-3-"
710
725
  ]
711
726
  },
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
- },
743
727
  "Switch": {
744
728
  "name": "Switch",
745
729
  "defaultProps": {
@@ -854,1113 +838,1164 @@
854
838
  "--uds-motion-smooth-3-"
855
839
  ]
856
840
  },
857
- "Spinner": {
858
- "name": "Spinner",
841
+ "Badge": {
842
+ "name": "Badge",
859
843
  "defaultProps": {
860
- "color": "primary",
861
- "size": "lg"
844
+ "variant": "primary",
845
+ "size": "md"
862
846
  },
863
847
  "getStylesLiterals": {},
864
848
  "cxLiterals": [
865
- "self-center",
866
- "relative",
867
- "sr-only"
849
+ "flex-1",
850
+ "truncate",
851
+ "whitespace-nowrap",
852
+ "text-center"
868
853
  ],
869
854
  "internalComponents": [
870
- "Icon"
855
+ "IconSlot",
856
+ "HStack"
871
857
  ],
872
858
  "internalComponentProps": {
873
- "Icon": {
874
- "role": [
875
- "img"
859
+ "IconSlot": {
860
+ "data-testid": [
861
+ "start-icon",
862
+ "end-icon"
863
+ ]
864
+ },
865
+ "HStack": {
866
+ "gap": [
867
+ "2"
876
868
  ],
877
- "className": [
878
- "animate-spin"
869
+ "display": [
870
+ "inline-flex"
879
871
  ],
880
- "aria-hidden": [
881
- "true"
872
+ "alignItems": [
873
+ "center"
882
874
  ]
883
875
  }
884
876
  },
885
- "propToVariantKeys": {},
886
- "motionVarPrefixes": []
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
+ },
893
+ "motionVarPrefixes": []
887
894
  },
888
- "Table.mocks": {
889
- "name": "Table.mocks",
895
+ "AnimateHeightChange": {
896
+ "name": "AnimateHeightChange",
890
897
  "defaultProps": {},
891
898
  "getStylesLiterals": {},
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": [],
899
+ "cxLiterals": [
900
+ "overflow-hidden"
901
+ ],
914
902
  "internalComponents": [
915
- "CellComponent",
916
- "Box",
917
- "Text",
918
- "Table.Root",
919
- "Table.Header",
920
- "Table.Row",
921
- "Table.Cell",
922
- "Table.Body"
903
+ "SpringMotionConfig"
923
904
  ],
924
905
  "internalComponentProps": {
925
- "Table.Cell": {
926
- "asHeaderCell": [
927
- "column"
906
+ "SpringMotionConfig": {
907
+ "layoutSpeed": [
908
+ "4"
928
909
  ]
929
910
  }
930
911
  },
931
- "propToVariantKeys": {},
932
- "motionVarPrefixes": []
912
+ "propToVariantKeys": {
913
+ "reduceMotion": [
914
+ "reducedMotion"
915
+ ]
916
+ },
917
+ "motionVarPrefixes": [
918
+ "--uds-motion-subtle-4-",
919
+ "--uds-motion-smooth-3-"
920
+ ]
933
921
  },
934
- "Avatar": {
935
- "name": "Avatar",
922
+ "Pressable": {
923
+ "name": "Pressable",
936
924
  "defaultProps": {},
937
925
  "getStylesLiterals": {},
938
926
  "cxLiterals": [],
939
927
  "internalComponents": [
940
- "AvatarImage"
928
+ "Comp"
941
929
  ],
942
930
  "internalComponentProps": {},
943
931
  "propToVariantKeys": {},
944
932
  "motionVarPrefixes": []
945
933
  },
946
- "AvatarIcon": {
947
- "name": "AvatarIcon",
948
- "defaultProps": {
949
- "size": "md",
950
- "variant": "primary"
951
- },
934
+ "ExperimentalPopover": {
935
+ "name": "ExperimentalPopover",
936
+ "defaultProps": {},
952
937
  "getStylesLiterals": {},
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
- ],
938
+ "cxLiterals": [],
963
939
  "internalComponents": [
964
- "IconSlot",
965
- "Box"
940
+ "HStack",
941
+ "Text",
942
+ "ExperimentalPopoverHeadingBase"
966
943
  ],
967
- "internalComponentProps": {},
968
- "propToVariantKeys": {
969
- "size": [
970
- "avatarSizeIcon"
971
- ]
944
+ "internalComponentProps": {
945
+ "Text": {
946
+ "variant": [
947
+ "headline1"
948
+ ],
949
+ "color": [
950
+ "primary"
951
+ ]
952
+ }
972
953
  },
954
+ "propToVariantKeys": {},
973
955
  "motionVarPrefixes": []
974
956
  },
975
- "AvatarImage": {
976
- "name": "AvatarImage",
977
- "defaultProps": {
978
- "size": "md",
979
- "variant": "primary"
980
- },
957
+ "AvoidMotionLibraryProvider": {
958
+ "name": "AvoidMotionLibraryProvider",
959
+ "defaultProps": {},
981
960
  "getStylesLiterals": {},
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
- ],
961
+ "cxLiterals": [],
962
+ "internalComponents": [],
999
963
  "internalComponentProps": {},
1000
- "propToVariantKeys": {
1001
- "alt": [
1002
- "name"
1003
- ],
1004
- "fallback": [
1005
- "initials"
1006
- ]
1007
- },
964
+ "propToVariantKeys": {},
1008
965
  "motionVarPrefixes": []
1009
966
  },
1010
- "AvatarText": {
1011
- "name": "AvatarText",
1012
- "defaultProps": {
1013
- "size": "md",
1014
- "variant": "primary"
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"
1015
984
  },
1016
- "getStylesLiterals": {},
1017
985
  "cxLiterals": [
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"
986
+ "uds-ring",
987
+ "cursor-not-allowed",
988
+ "opacity-50",
989
+ "pointer-events-none",
990
+ "hover:bg-primary"
1027
991
  ],
1028
992
  "internalComponents": [
1029
- "Box",
993
+ "Radio",
994
+ "Icon",
995
+ "RadioProvider",
996
+ "HStack",
997
+ "RadioGroup",
998
+ "Pressable",
1030
999
  "Text"
1031
1000
  ],
1032
1001
  "internalComponentProps": {
1033
- "Text": {
1002
+ "Icon": {
1003
+ "size": [
1004
+ "sm"
1005
+ ],
1034
1006
  "color": [
1035
- "inherit"
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"
1036
1022
  ],
1023
+ "borderRadius": [
1024
+ "full"
1025
+ ],
1026
+ "display": [
1027
+ "inline-flex"
1028
+ ]
1029
+ },
1030
+ "Text": {
1037
1031
  "variant": [
1038
- "inherit"
1032
+ "label2"
1033
+ ],
1034
+ "color": [
1035
+ "current"
1039
1036
  ]
1040
1037
  }
1041
1038
  },
1042
- "propToVariantKeys": {},
1039
+ "propToVariantKeys": {
1040
+ "value": [
1041
+ "key"
1042
+ ],
1043
+ "label": [
1044
+ "aria-label"
1045
+ ]
1046
+ },
1043
1047
  "motionVarPrefixes": []
1044
1048
  },
1045
- "BottomSheet": {
1046
- "name": "BottomSheet",
1049
+ "SwitchV2": {
1050
+ "name": "SwitchV2",
1047
1051
  "defaultProps": {
1048
- "variant": "default"
1052
+ "labelPosition": "start",
1053
+ "size": "md"
1049
1054
  },
1050
- "getStylesLiterals": {},
1051
- "cxLiterals": [
1052
- "fixed",
1053
- "overflow-hidden",
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"
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"
1068
+ },
1069
+ "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",
1088
+ "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"
1068
1106
  ],
1069
1107
  "internalComponents": [
1070
- "Scrim",
1071
- "BottomSheetHandle",
1072
- "Dialog",
1108
+ "IconSlot",
1073
1109
  "Box",
1074
- "BottomSheetInternalContext.Provider"
1110
+ "FormLabel",
1111
+ "SpringMotionConfig",
1112
+ "RootElement",
1113
+ "MotionBox"
1075
1114
  ],
1076
1115
  "internalComponentProps": {
1077
- "BottomSheetHandle": {
1078
- "ariaLabel": [
1079
- "Resize sheet"
1080
- ]
1081
- },
1082
- "Dialog": {
1116
+ "IconSlot": {
1083
1117
  "data-testid": [
1084
- "bottom-sheet"
1118
+ "on-icon",
1119
+ "off-icon"
1085
1120
  ]
1086
1121
  },
1087
- "Box": {
1088
- "display": [
1089
- "block",
1090
- "flex"
1122
+ "FormLabel": {
1123
+ "as": [
1124
+ "div"
1091
1125
  ],
1092
- "position": [
1093
- "absolute"
1126
+ "variant": [
1127
+ "inherit"
1094
1128
  ],
1095
- "flexDirection": [
1096
- "column"
1129
+ "color": [
1130
+ "inherit"
1131
+ ]
1132
+ },
1133
+ "SpringMotionConfig": {
1134
+ "layoutVariant": [
1135
+ "bouncy"
1097
1136
  ],
1098
- "className": [
1099
- "absolute inset-0 min-h-0 p-[inherit]"
1137
+ "layoutSpeed": [
1138
+ "4"
1139
+ ]
1140
+ },
1141
+ "RootElement": {
1142
+ "data-testid": [
1143
+ "switch-root"
1144
+ ]
1145
+ },
1146
+ "MotionBox": {
1147
+ "layout": [
1148
+ "position"
1100
1149
  ]
1101
1150
  }
1102
1151
  },
1103
1152
  "propToVariantKeys": {
1104
- "variant": [
1105
- "bottomsheetVariantRoot"
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"
1106
1170
  ]
1107
1171
  },
1108
- "motionVarPrefixes": []
1172
+ "motionVarPrefixes": [
1173
+ "--uds-motion-bouncy-4-",
1174
+ "--uds-motion-smooth-3-"
1175
+ ]
1109
1176
  },
1110
- "BottomSheetContent": {
1111
- "name": "BottomSheetContent",
1177
+ "Tabs": {
1178
+ "name": "Tabs",
1112
1179
  "defaultProps": {},
1113
- "getStylesLiterals": {},
1180
+ "getStylesLiterals": {
1181
+ "display": "flex",
1182
+ "flexDirection": "row",
1183
+ "columnGap": "6"
1184
+ },
1114
1185
  "cxLiterals": [
1115
- "min-h-0",
1116
- "touch-pan-y"
1186
+ "text-tertiary",
1187
+ "border-b-transparent",
1188
+ "aria-selected:border-b-brand",
1189
+ "aria-selected:text-secondary"
1117
1190
  ],
1118
1191
  "internalComponents": [
1119
- "Box",
1120
- "VStack"
1192
+ "TabProvider",
1193
+ "OriginalTabList",
1194
+ "OriginalTab",
1195
+ "Icon",
1196
+ "OriginalTabPanel",
1197
+ "Pressable",
1198
+ "Comp",
1199
+ "Text"
1121
1200
  ],
1122
1201
  "internalComponentProps": {
1123
- "Box": {
1124
- "display": [
1125
- "block"
1202
+ "Icon": {
1203
+ "className": [
1204
+ "text-current"
1126
1205
  ],
1127
- "flex": [
1206
+ "size": [
1207
+ "md"
1208
+ ]
1209
+ },
1210
+ "Pressable": {
1211
+ "borderBottomWidth": [
1212
+ "medium"
1213
+ ],
1214
+ "spacingBottom": [
1128
1215
  "1"
1216
+ ],
1217
+ "spacingTop": [
1218
+ "4"
1129
1219
  ]
1130
1220
  },
1131
- "VStack": {
1221
+ "Text": {
1132
1222
  "className": [
1133
- "pb-[calc(env(safe-area-inset-bottom))]"
1223
+ "text-current"
1224
+ ],
1225
+ "variant": [
1226
+ "headline1"
1227
+ ],
1228
+ "as": [
1229
+ "span"
1134
1230
  ]
1135
1231
  }
1136
1232
  },
1137
1233
  "propToVariantKeys": {},
1138
1234
  "motionVarPrefixes": []
1139
1235
  },
1140
- "BottomSheetDismiss": {
1141
- "name": "BottomSheetDismiss",
1236
+ "Modal": {
1237
+ "name": "Modal",
1142
1238
  "defaultProps": {},
1143
1239
  "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": {},
1158
1240
  "cxLiterals": [
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"
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"
1173
1258
  ],
1174
1259
  "internalComponents": [
1175
- "Box"
1260
+ "IconButton",
1261
+ "Dialog",
1262
+ "HStack",
1263
+ "Text",
1264
+ "VStack"
1176
1265
  ],
1177
1266
  "internalComponentProps": {
1178
- "Box": {
1179
- "display": [
1180
- "block",
1181
- "flex"
1267
+ "IconButton": {
1268
+ "aria-label": [
1269
+ "Close"
1182
1270
  ],
1183
- "justifyContent": [
1271
+ "size": [
1272
+ "sm"
1273
+ ],
1274
+ "variant": [
1275
+ "tertiary"
1276
+ ]
1277
+ },
1278
+ "HStack": {
1279
+ "alignItems": [
1184
1280
  "center"
1281
+ ],
1282
+ "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"
1185
1312
  ]
1186
1313
  }
1187
1314
  },
1188
1315
  "propToVariantKeys": {
1189
- "variant": [
1190
- "bottomsheetVariantHandleIndicator"
1316
+ "handleClose": [
1317
+ "onClick"
1191
1318
  ]
1192
1319
  },
1193
1320
  "motionVarPrefixes": []
1194
1321
  },
1195
- "BottomSheetHeader": {
1196
- "name": "BottomSheetHeader",
1322
+ "Accordion": {
1323
+ "name": "Accordion",
1197
1324
  "defaultProps": {
1198
- "variant": "default"
1325
+ "spacingHorizontal": "4",
1326
+ "spacingVertical": "4"
1199
1327
  },
1200
1328
  "getStylesLiterals": {},
1201
1329
  "cxLiterals": [
1202
- "grid-cols-[40px_1fr_40px]",
1203
- "items-center",
1204
- "w-full",
1205
- "min-h-10",
1206
- "mt-2"
1330
+ "hover:bg-secondary/80",
1331
+ "w-full"
1207
1332
  ],
1208
1333
  "internalComponents": [
1209
- "Box",
1210
- "Text"
1334
+ "Icon",
1335
+ "SpringMotionConfig",
1336
+ "Pressable",
1337
+ "Text",
1338
+ "HStack",
1339
+ "AnimatePresence",
1340
+ "VStack"
1211
1341
  ],
1212
1342
  "internalComponentProps": {
1213
- "Box": {
1214
- "className": [
1215
- "h-10 w-10 opacity-0 pointer-events-none"
1343
+ "Icon": {
1344
+ "variant": [
1345
+ "fill"
1346
+ ],
1347
+ "size": [
1348
+ "sm"
1349
+ ],
1350
+ "color": [
1351
+ "primary"
1352
+ ]
1353
+ },
1354
+ "SpringMotionConfig": {
1355
+ "layoutVariant": [
1356
+ "smooth"
1216
1357
  ],
1358
+ "layoutSpeed": [
1359
+ "3"
1360
+ ]
1361
+ },
1362
+ "Pressable": {
1217
1363
  "display": [
1218
- "grid",
1219
1364
  "flex"
1220
1365
  ],
1366
+ "flexDirection": [
1367
+ "row"
1368
+ ],
1369
+ "alignItems": [
1370
+ "center"
1371
+ ],
1221
1372
  "justifyContent": [
1222
- "flex-start",
1223
- "flex-end"
1373
+ "space-between"
1374
+ ],
1375
+ "borderRadius": [
1376
+ "md"
1224
1377
  ]
1225
1378
  },
1226
1379
  "Text": {
1227
1380
  "variant": [
1228
- "inherit"
1381
+ "title4"
1229
1382
  ],
1230
1383
  "color": [
1231
- "inherit"
1384
+ "primary"
1385
+ ]
1386
+ },
1387
+ "HStack": {
1388
+ "display": [
1389
+ "flex"
1232
1390
  ],
1233
- "textAlign": [
1391
+ "alignItems": [
1234
1392
  "center"
1235
1393
  ],
1236
- "className": [
1237
- "w-full"
1394
+ "justifyContent": [
1395
+ "space-between"
1396
+ ],
1397
+ "columnGap": [
1398
+ "2.5"
1238
1399
  ]
1239
1400
  }
1240
1401
  },
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": {},
1241
1432
  "propToVariantKeys": {
1242
- "variant": [
1243
- "bottomsheetVariantHeader"
1433
+ "alt": [
1434
+ "name"
1435
+ ],
1436
+ "fallback": [
1437
+ "initials"
1244
1438
  ]
1245
1439
  },
1246
1440
  "motionVarPrefixes": []
1247
1441
  },
1248
- "BottomSheetInternalContext": {
1249
- "name": "BottomSheetInternalContext",
1250
- "defaultProps": {},
1442
+ "AvatarText": {
1443
+ "name": "AvatarText",
1444
+ "defaultProps": {
1445
+ "size": "md",
1446
+ "variant": "primary"
1447
+ },
1251
1448
  "getStylesLiterals": {},
1252
- "cxLiterals": [],
1253
- "internalComponents": [],
1254
- "internalComponentProps": {},
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
+ },
1255
1474
  "propToVariantKeys": {},
1256
1475
  "motionVarPrefixes": []
1257
1476
  },
1258
- "BottomSheetProvider": {
1259
- "name": "BottomSheetProvider",
1477
+ "Avatar": {
1478
+ "name": "Avatar",
1260
1479
  "defaultProps": {},
1261
1480
  "getStylesLiterals": {},
1262
1481
  "cxLiterals": [],
1263
1482
  "internalComponents": [
1264
- "AriakitDialogProvider"
1483
+ "AvatarImage"
1265
1484
  ],
1266
1485
  "internalComponentProps": {},
1267
1486
  "propToVariantKeys": {},
1268
1487
  "motionVarPrefixes": []
1269
1488
  },
1270
- "BottomSheetTrigger": {
1271
- "name": "BottomSheetTrigger",
1272
- "defaultProps": {},
1489
+ "AvatarIcon": {
1490
+ "name": "AvatarIcon",
1491
+ "defaultProps": {
1492
+ "size": "md",
1493
+ "variant": "primary"
1494
+ },
1273
1495
  "getStylesLiterals": {},
1274
- "cxLiterals": [],
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
+ ],
1275
1506
  "internalComponents": [
1276
- "AriakitDialogDisclosure"
1507
+ "IconSlot",
1508
+ "Box"
1277
1509
  ],
1278
1510
  "internalComponentProps": {},
1279
- "propToVariantKeys": {},
1511
+ "propToVariantKeys": {
1512
+ "size": [
1513
+ "avatarSizeIcon"
1514
+ ]
1515
+ },
1280
1516
  "motionVarPrefixes": []
1281
1517
  },
1282
- "UDSBottomSheetConfigProvider": {
1283
- "name": "UDSBottomSheetConfigProvider",
1518
+ "UDSPopoverConfigProvider": {
1519
+ "name": "UDSPopoverConfigProvider",
1284
1520
  "defaultProps": {},
1285
1521
  "getStylesLiterals": {},
1286
1522
  "cxLiterals": [],
1287
1523
  "internalComponents": [
1288
- "BottomSheetContext.Provider"
1524
+ "PopoverContext.Provider"
1289
1525
  ],
1290
1526
  "internalComponentProps": {},
1291
1527
  "propToVariantKeys": {},
1292
1528
  "motionVarPrefixes": []
1293
1529
  },
1294
- "Chip": {
1295
- "name": "Chip",
1530
+ "Popover": {
1531
+ "name": "Popover",
1296
1532
  "defaultProps": {},
1297
1533
  "getStylesLiterals": {},
1298
1534
  "cxLiterals": [],
1299
1535
  "internalComponents": [
1300
- "ChipDismissible",
1301
- "ChipToggle",
1302
- "ChipLink",
1303
- "ChipButton"
1536
+ "PopoverInternalContext.Provider",
1537
+ "PopoverProvider"
1304
1538
  ],
1305
1539
  "internalComponentProps": {},
1306
1540
  "propToVariantKeys": {},
1307
1541
  "motionVarPrefixes": []
1308
1542
  },
1309
- "ChipBase": {
1310
- "name": "ChipBase",
1311
- "defaultProps": {
1312
- "size": "md",
1313
- "as": "div"
1314
- },
1543
+ "PopoverContext": {
1544
+ "name": "PopoverContext",
1545
+ "defaultProps": {},
1315
1546
  "getStylesLiterals": {},
1316
- "cxLiterals": [
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"
1327
- ],
1328
- "internalComponents": [
1329
- "IconSlot",
1330
- "HStack",
1331
- "As",
1332
- "Text"
1333
- ],
1334
- "internalComponentProps": {
1335
- "Text": {
1336
- "as": [
1337
- "span"
1338
- ],
1339
- "color": [
1340
- "current"
1341
- ],
1342
- "variant": [
1343
- "inherit"
1344
- ]
1345
- }
1346
- },
1347
- "propToVariantKeys": {
1348
- "size": [
1349
- "chipSizeRoot",
1350
- "chipSizeIcon"
1351
- ],
1352
- "startIcon": [
1353
- "icon"
1354
- ],
1355
- "endIcon": [
1356
- "icon"
1357
- ]
1358
- },
1547
+ "cxLiterals": [],
1548
+ "internalComponents": [],
1549
+ "internalComponentProps": {},
1550
+ "propToVariantKeys": {},
1359
1551
  "motionVarPrefixes": []
1360
1552
  },
1361
- "ChipButton": {
1362
- "name": "ChipButton",
1363
- "defaultProps": {
1364
- "variant": "primary"
1365
- },
1553
+ "PopoverTrigger": {
1554
+ "name": "PopoverTrigger",
1555
+ "defaultProps": {},
1366
1556
  "getStylesLiterals": {},
1367
- "cxLiterals": [
1368
- "uds-ring"
1369
- ],
1557
+ "cxLiterals": [],
1370
1558
  "internalComponents": [
1371
- "ChipBase"
1559
+ "PopoverDisclosure"
1372
1560
  ],
1373
1561
  "internalComponentProps": {
1374
- "ChipBase": {
1375
- "as": [
1376
- "button"
1562
+ "PopoverDisclosure": {
1563
+ "className": [
1564
+ "inline"
1377
1565
  ]
1378
1566
  }
1379
1567
  },
1380
1568
  "propToVariantKeys": {
1381
- "variant": [
1382
- "chipLinkVariantRoot",
1383
- "chipLinkVariantIcon"
1569
+ "children": [
1570
+ "render"
1384
1571
  ]
1385
1572
  },
1386
1573
  "motionVarPrefixes": []
1387
1574
  },
1388
- "ChipDismissible": {
1389
- "name": "ChipDismissible",
1390
- "defaultProps": {
1391
- "variant": "primary"
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"
1392
1600
  },
1393
- "getStylesLiterals": {},
1394
1601
  "cxLiterals": [
1395
- "uds-chip-dismissible-button",
1396
- "uds-hit-target",
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",
1397
1616
  "uds-ring",
1398
- "rounded-full"
1617
+ "absolute",
1618
+ "z-[4]"
1399
1619
  ],
1400
1620
  "internalComponents": [
1401
- "ChipBase",
1621
+ "PopoverDismiss",
1402
1622
  "IconSlot",
1623
+ "PopoverArrow",
1624
+ "Popover",
1625
+ "SvgFloatingOverlay",
1626
+ "Box",
1403
1627
  "Pressable"
1404
1628
  ],
1405
1629
  "internalComponentProps": {},
1406
1630
  "propToVariantKeys": {
1407
- "variant": [
1408
- "chipDismissibleVariantRoot",
1409
- "chipDismissibleVariantIcon"
1410
- ],
1411
- "dismissButtonAriaLabel": [
1412
- "aria-label"
1631
+ "closeIcon": [
1632
+ "icon"
1413
1633
  ]
1414
1634
  },
1415
1635
  "motionVarPrefixes": []
1416
1636
  },
1417
- "ChipLink": {
1418
- "name": "ChipLink",
1419
- "defaultProps": {
1420
- "variant": "primary"
1421
- },
1637
+ "BottomSheetContent": {
1638
+ "name": "BottomSheetContent",
1639
+ "defaultProps": {},
1422
1640
  "getStylesLiterals": {},
1423
1641
  "cxLiterals": [
1424
- "uds-ring"
1642
+ "min-h-0",
1643
+ "touch-pan-y"
1425
1644
  ],
1426
1645
  "internalComponents": [
1427
- "ChipBase"
1646
+ "Box",
1647
+ "VStack"
1428
1648
  ],
1429
1649
  "internalComponentProps": {
1430
- "ChipBase": {
1431
- "as": [
1432
- "a"
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))]"
1433
1661
  ]
1434
1662
  }
1435
1663
  },
1436
- "propToVariantKeys": {
1437
- "variant": [
1438
- "chipLinkVariantRoot",
1439
- "chipLinkVariantIcon"
1440
- ]
1441
- },
1664
+ "propToVariantKeys": {},
1442
1665
  "motionVarPrefixes": []
1443
1666
  },
1444
- "ChipToggle": {
1445
- "name": "ChipToggle",
1667
+ "BottomSheetDismiss": {
1668
+ "name": "BottomSheetDismiss",
1669
+ "defaultProps": {},
1670
+ "getStylesLiterals": {},
1671
+ "cxLiterals": [],
1672
+ "internalComponents": [
1673
+ "AriakitDialogDismiss"
1674
+ ],
1675
+ "internalComponentProps": {},
1676
+ "propToVariantKeys": {},
1677
+ "motionVarPrefixes": []
1678
+ },
1679
+ "BottomSheet": {
1680
+ "name": "BottomSheet",
1446
1681
  "defaultProps": {
1447
- "variant": "primary",
1448
- "role": "checkbox"
1449
- },
1450
- "getStylesLiterals": {
1451
- "chipToggleVariantActiveRoot": "on",
1452
- "chipToggleVariantActiveRoot:1": "off"
1682
+ "variant": "default"
1453
1683
  },
1684
+ "getStylesLiterals": {},
1454
1685
  "cxLiterals": [
1455
- "uds-ring"
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"
1456
1702
  ],
1457
1703
  "internalComponents": [
1458
- "ChipBase"
1704
+ "Scrim",
1705
+ "BottomSheetHandle",
1706
+ "Dialog",
1707
+ "Box",
1708
+ "BottomSheetInternalContext.Provider"
1459
1709
  ],
1460
1710
  "internalComponentProps": {
1461
- "ChipBase": {
1462
- "as": [
1463
- "button"
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]"
1464
1734
  ]
1465
1735
  }
1466
1736
  },
1467
1737
  "propToVariantKeys": {
1468
1738
  "variant": [
1469
- "chipToggleVariantRoot",
1470
- "chipToggleVariantIcon"
1739
+ "bottomsheetVariantRoot"
1471
1740
  ]
1472
1741
  },
1473
1742
  "motionVarPrefixes": []
1474
1743
  },
1475
- "Menu.Content": {
1476
- "name": "Menu.Content",
1744
+ "BottomSheetHandle": {
1745
+ "name": "BottomSheetHandle",
1477
1746
  "defaultProps": {
1478
- "size": "default",
1479
- "variant": "default",
1480
- "gutter": "1"
1747
+ "variant": "default"
1481
1748
  },
1482
1749
  "getStylesLiterals": {},
1483
1750
  "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"
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"
1500
1765
  ],
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
- },
1524
- "cxLiterals": [],
1525
1766
  "internalComponents": [
1526
- "DividerInternal"
1767
+ "Box"
1527
1768
  ],
1528
1769
  "internalComponentProps": {
1529
- "DividerInternal": {
1530
- "variant": [
1531
- "inherit"
1770
+ "Box": {
1771
+ "display": [
1772
+ "block",
1773
+ "flex"
1774
+ ],
1775
+ "justifyContent": [
1776
+ "center"
1532
1777
  ]
1533
1778
  }
1534
1779
  },
1535
- "propToVariantKeys": {},
1780
+ "propToVariantKeys": {
1781
+ "variant": [
1782
+ "bottomsheetVariantHandleIndicator"
1783
+ ]
1784
+ },
1536
1785
  "motionVarPrefixes": []
1537
1786
  },
1538
- "Menu.Item": {
1539
- "name": "Menu.Item",
1787
+ "BottomSheetInternalContext": {
1788
+ "name": "BottomSheetInternalContext",
1540
1789
  "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
- },
1790
+ "getStylesLiterals": {},
1552
1791
  "cxLiterals": [],
1553
- "internalComponents": [
1554
- "MenuItemBase"
1555
- ],
1792
+ "internalComponents": [],
1556
1793
  "internalComponentProps": {},
1557
1794
  "propToVariantKeys": {},
1558
1795
  "motionVarPrefixes": []
1559
1796
  },
1560
- "Menu.ItemBase": {
1561
- "name": "Menu.ItemBase",
1797
+ "BottomSheetHeader": {
1798
+ "name": "BottomSheetHeader",
1562
1799
  "defaultProps": {
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"
1800
+ "variant": "default"
1576
1801
  },
1802
+ "getStylesLiterals": {},
1577
1803
  "cxLiterals": [
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"
1804
+ "grid-cols-[40px_1fr_40px]",
1805
+ "items-center",
1806
+ "w-full",
1807
+ "min-h-10",
1808
+ "mt-2"
1593
1809
  ],
1594
1810
  "internalComponents": [
1595
- "Pressable",
1596
- "IconSlot",
1597
- "RootComponent",
1598
- "HStack",
1599
- "AnimatePresence"
1811
+ "Box",
1812
+ "Text"
1600
1813
  ],
1601
1814
  "internalComponentProps": {
1602
- "HStack": {
1603
- "alignItems": [
1604
- "center"
1815
+ "Box": {
1816
+ "className": [
1817
+ "h-10 w-10 opacity-0 pointer-events-none"
1605
1818
  ],
1606
- "width": [
1607
- "full"
1819
+ "display": [
1820
+ "grid",
1821
+ "flex"
1822
+ ],
1823
+ "justifyContent": [
1824
+ "flex-start",
1825
+ "flex-end"
1608
1826
  ]
1609
1827
  },
1610
- "AnimatePresence": {
1611
- "mode": [
1612
- "popLayout"
1828
+ "Text": {
1829
+ "variant": [
1830
+ "inherit"
1831
+ ],
1832
+ "color": [
1833
+ "inherit"
1834
+ ],
1835
+ "textAlign": [
1836
+ "center"
1837
+ ],
1838
+ "className": [
1839
+ "w-full"
1613
1840
  ]
1614
1841
  }
1615
1842
  },
1616
1843
  "propToVariantKeys": {
1617
- "startIcon": [
1618
- "icon"
1619
- ],
1620
- "endIcon": [
1621
- "icon"
1622
- ],
1623
- "columnGap": [
1624
- "gap"
1844
+ "variant": [
1845
+ "bottomsheetVariantHeader"
1625
1846
  ]
1626
1847
  },
1627
1848
  "motionVarPrefixes": []
1628
1849
  },
1629
- "Menu.ItemCheckbox": {
1630
- "name": "Menu.ItemCheckbox",
1850
+ "BottomSheetTrigger": {
1851
+ "name": "BottomSheetTrigger",
1631
1852
  "defaultProps": {},
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
- ],
1853
+ "getStylesLiterals": {},
1854
+ "cxLiterals": [],
1649
1855
  "internalComponents": [
1650
- "MenuItemBase"
1856
+ "AriakitDialogDisclosure"
1651
1857
  ],
1652
1858
  "internalComponentProps": {},
1653
1859
  "propToVariantKeys": {},
1654
1860
  "motionVarPrefixes": []
1655
1861
  },
1656
- "Menu.Provider": {
1657
- "name": "Menu.Provider",
1862
+ "BottomSheetProvider": {
1863
+ "name": "BottomSheetProvider",
1658
1864
  "defaultProps": {},
1659
1865
  "getStylesLiterals": {},
1660
1866
  "cxLiterals": [],
1661
1867
  "internalComponents": [
1662
- "AriakitMenuProvider",
1663
- "SpringMotionConfig"
1868
+ "AriakitDialogProvider"
1664
1869
  ],
1665
1870
  "internalComponentProps": {},
1666
1871
  "propToVariantKeys": {},
1667
- "motionVarPrefixes": [
1668
- "--uds-motion-subtle-3-",
1669
- "--uds-motion-smooth-3-"
1670
- ]
1671
- },
1672
- "Menu.Trigger": {
1673
- "name": "Menu.Trigger",
1674
- "defaultProps": {},
1675
- "getStylesLiterals": {},
1676
- "cxLiterals": [
1677
- "uds-menu-trigger"
1678
- ],
1679
- "internalComponents": [
1680
- "AriakitMenuTrigger",
1681
- "Box"
1682
- ],
1683
- "internalComponentProps": {
1684
- "Box": {
1685
- "className": [
1686
- "uds-ring h-fit w-fit"
1687
- ]
1688
- }
1689
- },
1690
- "propToVariantKeys": {},
1691
1872
  "motionVarPrefixes": []
1692
1873
  },
1693
- "Menu.index": {
1694
- "name": "Menu.index",
1874
+ "UDSBottomSheetConfigProvider": {
1875
+ "name": "UDSBottomSheetConfigProvider",
1695
1876
  "defaultProps": {},
1696
1877
  "getStylesLiterals": {},
1697
1878
  "cxLiterals": [],
1698
- "internalComponents": [],
1879
+ "internalComponents": [
1880
+ "BottomSheetContext.Provider"
1881
+ ],
1699
1882
  "internalComponentProps": {},
1700
1883
  "propToVariantKeys": {},
1701
1884
  "motionVarPrefixes": []
1702
1885
  },
1703
- "Menu": {
1704
- "name": "Menu",
1886
+ "UDSToastConfigProvider": {
1887
+ "name": "UDSToastConfigProvider",
1705
1888
  "defaultProps": {},
1706
1889
  "getStylesLiterals": {},
1707
1890
  "cxLiterals": [],
1708
- "internalComponents": [],
1891
+ "internalComponents": [
1892
+ "ToastContext.Provider"
1893
+ ],
1709
1894
  "internalComponentProps": {},
1710
1895
  "propToVariantKeys": {},
1711
1896
  "motionVarPrefixes": []
1712
1897
  },
1713
- "Input": {
1714
- "name": "Input",
1715
- "defaultProps": {
1716
- "type": "text",
1717
- "size": "md",
1718
- "width": "full"
1719
- },
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"
1898
+ "Toast": {
1899
+ "name": "Toast",
1900
+ "defaultProps": {},
1901
+ "getStylesLiterals": {
1902
+ "className": "flex-none",
1903
+ "spacing": "2",
1904
+ "borderRadius": "full"
1745
1905
  },
1746
1906
  "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"
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"
1755
1914
  ],
1756
1915
  "internalComponents": [
1757
1916
  "IconSlot",
1758
- "StartIcon",
1759
- "EndIcon",
1760
- "HelpTextContent",
1761
- "Box",
1762
- "InputHelpTextInternal",
1763
- "VStack",
1764
- "HStack",
1765
- "AnimateHeightChange"
1917
+ "ToastContainer",
1918
+ "Text",
1919
+ "Button",
1920
+ "Pressable"
1766
1921
  ],
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
- },
1922
+ "internalComponentProps": {},
1797
1923
  "propToVariantKeys": {
1798
1924
  "size": [
1799
- "inputSizeRoot",
1800
- "inputSizeInputWrapper",
1801
- "inputSizeInput",
1802
- "inputSizeLabel",
1803
- "inputSizeStartIcon",
1804
- "inputSizeEndIcon"
1925
+ "toastSizeLabel",
1926
+ "toastSizeIcon",
1927
+ "toastSizeActionButton",
1928
+ "toastSizeCloseIcon"
1805
1929
  ],
1806
- "startIcon": [
1807
- "icon"
1930
+ "variant": [
1931
+ "toastVariantIcon",
1932
+ "toastVariantActionButton",
1933
+ "toastVariantCloseIcon"
1808
1934
  ],
1809
- "endIcon": [
1935
+ "closeIcon": [
1810
1936
  "icon"
1811
1937
  ],
1812
- "helperTextIcon": [
1813
- "startIcon"
1814
- ]
1815
- },
1816
- "motionVarPrefixes": []
1817
- },
1818
- "InputHelpText": {
1819
- "name": "InputHelpText",
1820
- "defaultProps": {
1821
- "size": "md"
1822
- },
1823
- "getStylesLiterals": {
1824
- "inputVariantRoot": "default",
1825
- "inputVariantValueRoot": "empty",
1826
- "inputVariantValueRoot:1": "filled"
1827
- },
1828
- "cxLiterals": [],
1829
- "internalComponents": [
1830
- "InputHelpTextInternal",
1831
- "Box"
1832
- ],
1833
- "internalComponentProps": {
1834
- "Box": {
1835
- "spacingTop": [
1836
- "2"
1837
- ]
1838
- }
1839
- },
1840
- "propToVariantKeys": {
1841
- "size": [
1842
- "inputSizeRoot"
1938
+ "onClickActionButton": [
1939
+ "onClick"
1843
1940
  ]
1844
1941
  },
1845
1942
  "motionVarPrefixes": []
1846
1943
  },
1847
- "InputHelpTextInternal": {
1848
- "name": "InputHelpTextInternal",
1944
+ "ToastContainer": {
1945
+ "name": "ToastContainer",
1849
1946
  "defaultProps": {},
1850
1947
  "getStylesLiterals": {
1851
- "inputVariantHelperText": "default",
1852
- "inputVariantValueHelperText": "empty",
1853
- "inputVariantValueHelperText:1": "filled",
1854
- "inputVariantHelperIcon": "default",
1855
- "inputVariantValueHelperIcon": "empty",
1856
- "inputVariantValueHelperIcon:1": "filled"
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"
1857
1952
  },
1858
- "cxLiterals": [],
1953
+ "cxLiterals": [
1954
+ "w-full"
1955
+ ],
1859
1956
  "internalComponents": [
1860
- "IconSlot",
1861
1957
  "HStack"
1862
1958
  ],
1863
1959
  "internalComponentProps": {
1864
1960
  "HStack": {
1865
- "gap": [
1866
- "1"
1867
- ],
1868
1961
  "alignItems": [
1869
1962
  "center"
1963
+ ],
1964
+ "justifyContent": [
1965
+ "space-between"
1966
+ ],
1967
+ "overflow": [
1968
+ "hidden"
1969
+ ],
1970
+ "position": [
1971
+ "relative"
1870
1972
  ]
1871
1973
  }
1872
1974
  },
1873
1975
  "propToVariantKeys": {
1874
- "size": [
1875
- "inputSizeHelperText",
1876
- "inputSizeHelperIcon"
1877
- ],
1878
- "startIcon": [
1879
- "icon"
1976
+ "variant": [
1977
+ "toastVariantRoot"
1880
1978
  ],
1881
- "endIcon": [
1882
- "icon"
1979
+ "size": [
1980
+ "toastSizeRoot"
1883
1981
  ]
1884
1982
  },
1885
1983
  "motionVarPrefixes": []
1886
1984
  },
1887
- "Popover": {
1888
- "name": "Popover",
1985
+ "ToastPortal": {
1986
+ "name": "ToastPortal",
1889
1987
  "defaultProps": {},
1890
1988
  "getStylesLiterals": {},
1891
1989
  "cxLiterals": [],
1892
1990
  "internalComponents": [
1893
- "PopoverInternalContext.Provider",
1894
- "PopoverProvider"
1991
+ "ReactToastifyToastContainer"
1895
1992
  ],
1896
1993
  "internalComponentProps": {},
1897
1994
  "propToVariantKeys": {},
1898
1995
  "motionVarPrefixes": []
1899
1996
  },
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",
1997
+ "RadioGroupStore": {
1998
+ "name": "RadioGroupStore",
1964
1999
  "defaultProps": {},
1965
2000
  "getStylesLiterals": {},
1966
2001
  "cxLiterals": [],
@@ -1969,37 +2004,23 @@
1969
2004
  "propToVariantKeys": {},
1970
2005
  "motionVarPrefixes": []
1971
2006
  },
1972
- "PopoverTrigger": {
1973
- "name": "PopoverTrigger",
2007
+ "RadioGroupProvider": {
2008
+ "name": "RadioGroupProvider",
1974
2009
  "defaultProps": {},
1975
2010
  "getStylesLiterals": {},
1976
2011
  "cxLiterals": [],
1977
2012
  "internalComponents": [
1978
- "PopoverDisclosure"
2013
+ "DivProps",
2014
+ "Comp",
2015
+ "RadioGroupContext.Provider"
1979
2016
  ],
1980
2017
  "internalComponentProps": {
1981
- "PopoverDisclosure": {
1982
- "className": [
1983
- "inline"
2018
+ "Comp": {
2019
+ "role": [
2020
+ "radiogroup"
1984
2021
  ]
1985
2022
  }
1986
2023
  },
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": {},
2003
2024
  "propToVariantKeys": {},
2004
2025
  "motionVarPrefixes": []
2005
2026
  },
@@ -2115,160 +2136,40 @@
2115
2136
  "--uds-motion-smooth-3-"
2116
2137
  ]
2117
2138
  },
2118
- "RadioGroupProvider": {
2119
- "name": "RadioGroupProvider",
2139
+ "UDSTooltipConfigProvider": {
2140
+ "name": "UDSTooltipConfigProvider",
2120
2141
  "defaultProps": {},
2121
2142
  "getStylesLiterals": {},
2122
2143
  "cxLiterals": [],
2123
2144
  "internalComponents": [
2124
- "DivProps",
2125
- "Comp",
2126
- "RadioGroupContext.Provider"
2145
+ "TooltipContext.Provider"
2127
2146
  ],
2128
- "internalComponentProps": {
2129
- "Comp": {
2130
- "role": [
2131
- "radiogroup"
2132
- ]
2133
- }
2134
- },
2147
+ "internalComponentProps": {},
2135
2148
  "propToVariantKeys": {},
2136
2149
  "motionVarPrefixes": []
2137
2150
  },
2138
- "RadioGroupStore": {
2139
- "name": "RadioGroupStore",
2151
+ "TooltipTrigger": {
2152
+ "name": "TooltipTrigger",
2140
2153
  "defaultProps": {},
2141
2154
  "getStylesLiterals": {},
2142
2155
  "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
- ],
2165
- "internalComponents": [
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
2156
  "internalComponents": [
2207
- "HStack"
2157
+ "TooltipAnchor"
2208
2158
  ],
2209
2159
  "internalComponentProps": {
2210
- "HStack": {
2211
- "alignItems": [
2212
- "center"
2213
- ],
2214
- "justifyContent": [
2215
- "space-between"
2216
- ],
2217
- "overflow": [
2218
- "hidden"
2219
- ],
2220
- "position": [
2221
- "relative"
2160
+ "TooltipAnchor": {
2161
+ "className": [
2162
+ "inline"
2222
2163
  ]
2223
2164
  }
2224
2165
  },
2225
2166
  "propToVariantKeys": {
2226
- "variant": [
2227
- "toastVariantRoot"
2228
- ],
2229
- "size": [
2230
- "toastSizeRoot"
2167
+ "children": [
2168
+ "render"
2231
2169
  ]
2232
2170
  },
2233
2171
  "motionVarPrefixes": []
2234
2172
  },
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
- },
2272
2173
  "TooltipContent": {
2273
2174
  "name": "TooltipContent",
2274
2175
  "defaultProps": {},
@@ -2334,539 +2235,638 @@
2334
2235
  },
2335
2236
  "motionVarPrefixes": []
2336
2237
  },
2337
- "TooltipTrigger": {
2338
- "name": "TooltipTrigger",
2339
- "defaultProps": {},
2340
- "getStylesLiterals": {},
2341
- "cxLiterals": [],
2342
- "internalComponents": [
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"
2366
- ],
2367
- "internalComponentProps": {},
2368
- "propToVariantKeys": {},
2369
- "motionVarPrefixes": []
2370
- },
2371
- "UDSBreakpointsConfigProvider": {
2372
- "name": "UDSBreakpointsConfigProvider",
2373
- "defaultProps": {},
2374
- "getStylesLiterals": {},
2375
- "cxLiterals": [],
2376
- "internalComponents": [
2377
- "UDSBreakpointsConfigContext.Provider"
2378
- ],
2379
- "internalComponentProps": {},
2380
- "propToVariantKeys": {},
2381
- "motionVarPrefixes": []
2382
- },
2383
- "UDSConfigProvider": {
2384
- "name": "UDSConfigProvider",
2238
+ "Tooltip": {
2239
+ "name": "Tooltip",
2385
2240
  "defaultProps": {},
2386
2241
  "getStylesLiterals": {},
2387
2242
  "cxLiterals": [],
2388
2243
  "internalComponents": [
2389
- "UDSBreakpointsConfigProvider",
2390
- "UDSBottomSheetConfigProvider",
2391
- "UDSToastConfigProvider",
2392
- "UDSTooltipConfigProvider",
2393
- "UDSPopoverConfigProvider"
2244
+ "TooltipInternalContext.Provider",
2245
+ "TooltipProvider"
2394
2246
  ],
2395
2247
  "internalComponentProps": {},
2396
2248
  "propToVariantKeys": {},
2397
2249
  "motionVarPrefixes": []
2398
2250
  },
2399
- "Accordion": {
2400
- "name": "Accordion",
2251
+ "Input": {
2252
+ "name": "Input",
2401
2253
  "defaultProps": {
2402
- "spacingHorizontal": "4",
2403
- "spacingVertical": "4"
2254
+ "type": "text",
2255
+ "size": "md",
2256
+ "width": "full"
2404
2257
  },
2405
- "getStylesLiterals": {},
2406
- "cxLiterals": [
2407
- "hover:bg-secondary/80",
2408
- "w-full"
2409
- ],
2410
- "internalComponents": [
2411
- "Icon",
2412
- "SpringMotionConfig",
2413
- "Pressable",
2414
- "Text",
2415
- "HStack",
2416
- "AnimatePresence",
2417
- "VStack"
2418
- ],
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"
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
+ ],
2294
+ "internalComponents": [
2295
+ "IconSlot",
2296
+ "StartIcon",
2297
+ "EndIcon",
2298
+ "HelpTextContent",
2299
+ "Box",
2300
+ "InputHelpTextInternal",
2301
+ "VStack",
2302
+ "HStack",
2303
+ "AnimateHeightChange"
2304
+ ],
2305
+ "internalComponentProps": {
2306
+ "HelpTextContent": {
2307
+ "spacingTop": [
2308
+ "2"
2437
2309
  ]
2438
2310
  },
2439
- "Pressable": {
2440
- "display": [
2441
- "flex"
2311
+ "Box": {
2312
+ "spacingBottom": [
2313
+ "2"
2442
2314
  ],
2443
- "flexDirection": [
2444
- "row"
2315
+ "columnGap": [
2316
+ "0.5"
2445
2317
  ],
2446
2318
  "alignItems": [
2319
+ "flex-end",
2447
2320
  "center"
2448
2321
  ],
2449
- "justifyContent": [
2450
- "space-between"
2451
- ],
2452
- "borderRadius": [
2453
- "md"
2322
+ "position": [
2323
+ "relative"
2454
2324
  ]
2455
2325
  },
2456
- "Text": {
2457
- "variant": [
2458
- "title4"
2326
+ "HStack": {
2327
+ "alignItems": [
2328
+ "center"
2459
2329
  ],
2460
- "color": [
2461
- "primary"
2330
+ "gap": [
2331
+ "1"
2462
2332
  ]
2463
- },
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
+ },
2354
+ "motionVarPrefixes": []
2355
+ },
2356
+ "InputHelpText": {
2357
+ "name": "InputHelpText",
2358
+ "defaultProps": {
2359
+ "size": "md"
2360
+ },
2361
+ "getStylesLiterals": {
2362
+ "inputVariantRoot": "default",
2363
+ "inputVariantValueRoot": "empty",
2364
+ "inputVariantValueRoot:1": "filled"
2365
+ },
2366
+ "cxLiterals": [],
2367
+ "internalComponents": [
2368
+ "InputHelpTextInternal",
2369
+ "Box"
2370
+ ],
2371
+ "internalComponentProps": {
2372
+ "Box": {
2373
+ "spacingTop": [
2374
+ "2"
2375
+ ]
2376
+ }
2377
+ },
2378
+ "propToVariantKeys": {
2379
+ "size": [
2380
+ "inputSizeRoot"
2381
+ ]
2382
+ },
2383
+ "motionVarPrefixes": []
2384
+ },
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"
2395
+ },
2396
+ "cxLiterals": [],
2397
+ "internalComponents": [
2398
+ "IconSlot",
2399
+ "HStack"
2400
+ ],
2401
+ "internalComponentProps": {
2464
2402
  "HStack": {
2465
- "display": [
2466
- "flex"
2403
+ "gap": [
2404
+ "1"
2467
2405
  ],
2468
2406
  "alignItems": [
2469
2407
  "center"
2470
- ],
2471
- "justifyContent": [
2472
- "space-between"
2473
- ],
2474
- "columnGap": [
2475
- "2.5"
2476
2408
  ]
2477
2409
  }
2478
2410
  },
2479
- "propToVariantKeys": {},
2480
- "motionVarPrefixes": [
2481
- "--uds-motion-smooth-3-"
2482
- ]
2411
+ "propToVariantKeys": {
2412
+ "size": [
2413
+ "inputSizeHelperText",
2414
+ "inputSizeHelperIcon"
2415
+ ],
2416
+ "startIcon": [
2417
+ "icon"
2418
+ ],
2419
+ "endIcon": [
2420
+ "icon"
2421
+ ]
2422
+ },
2423
+ "motionVarPrefixes": []
2483
2424
  },
2484
- "AvoidMotionLibraryProvider": {
2485
- "name": "AvoidMotionLibraryProvider",
2425
+ "UDSConfigProvider": {
2426
+ "name": "UDSConfigProvider",
2486
2427
  "defaultProps": {},
2487
2428
  "getStylesLiterals": {},
2488
2429
  "cxLiterals": [],
2489
- "internalComponents": [],
2430
+ "internalComponents": [
2431
+ "UDSBreakpointsConfigProvider",
2432
+ "UDSBottomSheetConfigProvider",
2433
+ "UDSToastConfigProvider",
2434
+ "UDSTooltipConfigProvider",
2435
+ "UDSPopoverConfigProvider"
2436
+ ],
2490
2437
  "internalComponentProps": {},
2491
2438
  "propToVariantKeys": {},
2492
2439
  "motionVarPrefixes": []
2493
2440
  },
2494
- "ExperimentalPopover": {
2495
- "name": "ExperimentalPopover",
2441
+ "UDSBreakpointsConfigProvider": {
2442
+ "name": "UDSBreakpointsConfigProvider",
2496
2443
  "defaultProps": {},
2497
2444
  "getStylesLiterals": {},
2498
2445
  "cxLiterals": [],
2499
2446
  "internalComponents": [
2500
- "HStack",
2501
- "Text",
2502
- "ExperimentalPopoverHeadingBase"
2447
+ "UDSBreakpointsConfigContext.Provider"
2503
2448
  ],
2504
- "internalComponentProps": {
2505
- "Text": {
2506
- "variant": [
2507
- "headline1"
2508
- ],
2509
- "color": [
2510
- "primary"
2511
- ]
2512
- }
2513
- },
2449
+ "internalComponentProps": {},
2514
2450
  "propToVariantKeys": {},
2515
2451
  "motionVarPrefixes": []
2516
2452
  },
2517
- "Modal": {
2518
- "name": "Modal",
2519
- "defaultProps": {},
2453
+ "ChipLink": {
2454
+ "name": "ChipLink",
2455
+ "defaultProps": {
2456
+ "variant": "primary"
2457
+ },
2520
2458
  "getStylesLiterals": {},
2521
2459
  "cxLiterals": [
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"
2460
+ "uds-ring"
2539
2461
  ],
2540
2462
  "internalComponents": [
2541
- "IconButton",
2542
- "Dialog",
2543
- "HStack",
2544
- "Text",
2545
- "VStack"
2463
+ "ChipBase"
2546
2464
  ],
2547
2465
  "internalComponentProps": {
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"
2466
+ "ChipBase": {
2467
+ "as": [
2468
+ "a"
2593
2469
  ]
2594
2470
  }
2595
2471
  },
2596
2472
  "propToVariantKeys": {
2597
- "handleClose": [
2598
- "onClick"
2473
+ "variant": [
2474
+ "chipLinkVariantRoot",
2475
+ "chipLinkVariantIcon"
2599
2476
  ]
2600
2477
  },
2601
2478
  "motionVarPrefixes": []
2602
2479
  },
2603
- "SegmentedControl": {
2604
- "name": "SegmentedControl",
2605
- "defaultProps": {},
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"
2480
+ "ChipDismissible": {
2481
+ "name": "ChipDismissible",
2482
+ "defaultProps": {
2483
+ "variant": "primary"
2620
2484
  },
2485
+ "getStylesLiterals": {},
2621
2486
  "cxLiterals": [
2487
+ "uds-chip-dismissible-button",
2488
+ "uds-hit-target",
2622
2489
  "uds-ring",
2623
- "cursor-not-allowed",
2624
- "opacity-50",
2625
- "pointer-events-none",
2626
- "hover:bg-primary"
2490
+ "rounded-full"
2627
2491
  ],
2628
2492
  "internalComponents": [
2629
- "Radio",
2630
- "Icon",
2631
- "RadioProvider",
2632
- "HStack",
2633
- "RadioGroup",
2634
- "Pressable",
2635
- "Text"
2493
+ "ChipBase",
2494
+ "IconSlot",
2495
+ "Pressable"
2636
2496
  ],
2637
- "internalComponentProps": {
2638
- "Icon": {
2639
- "size": [
2640
- "sm"
2641
- ],
2642
- "color": [
2643
- "current"
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": {
2667
- "variant": [
2668
- "label2"
2669
- ],
2670
- "color": [
2671
- "current"
2672
- ]
2673
- }
2674
- },
2497
+ "internalComponentProps": {},
2675
2498
  "propToVariantKeys": {
2676
- "value": [
2677
- "key"
2499
+ "variant": [
2500
+ "chipDismissibleVariantRoot",
2501
+ "chipDismissibleVariantIcon"
2678
2502
  ],
2679
- "label": [
2503
+ "dismissButtonAriaLabel": [
2680
2504
  "aria-label"
2681
2505
  ]
2682
2506
  },
2683
2507
  "motionVarPrefixes": []
2684
2508
  },
2685
- "SwitchV2": {
2686
- "name": "SwitchV2",
2509
+ "ChipToggle": {
2510
+ "name": "ChipToggle",
2687
2511
  "defaultProps": {
2688
- "labelPosition": "start",
2689
- "size": "md"
2512
+ "variant": "primary",
2513
+ "role": "checkbox"
2690
2514
  },
2691
2515
  "getStylesLiterals": {
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"
2516
+ "chipToggleVariantActiveRoot": "on",
2517
+ "chipToggleVariantActiveRoot:1": "off"
2704
2518
  },
2705
2519
  "cxLiterals": [
2706
- "group",
2707
- "flex",
2708
- "items-center",
2709
- "flex-row",
2710
- "flex-row-reverse",
2711
- "uds-ring",
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"
2520
+ "uds-ring"
2742
2521
  ],
2743
2522
  "internalComponents": [
2744
- "IconSlot",
2745
- "Box",
2746
- "FormLabel",
2747
- "SpringMotionConfig",
2748
- "RootElement",
2749
- "MotionBox"
2523
+ "ChipBase"
2750
2524
  ],
2751
2525
  "internalComponentProps": {
2752
- "IconSlot": {
2753
- "data-testid": [
2754
- "on-icon",
2755
- "off-icon"
2756
- ]
2757
- },
2758
- "FormLabel": {
2526
+ "ChipBase": {
2759
2527
  "as": [
2760
- "div"
2761
- ],
2762
- "variant": [
2763
- "inherit"
2764
- ],
2765
- "color": [
2766
- "inherit"
2767
- ]
2768
- },
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"
2528
+ "button"
2785
2529
  ]
2786
2530
  }
2787
2531
  },
2788
2532
  "propToVariantKeys": {
2789
- "size": [
2790
- "switchSizeRoot",
2791
- "switchSizeSwitch",
2792
- "switchSizeHandle",
2793
- "switchSizeHandleIcon"
2794
- ],
2795
- "onIcon": [
2796
- "icon"
2797
- ],
2798
- "offIcon": [
2799
- "icon"
2800
- ],
2801
- "reduceMotion": [
2802
- "reducedMotion"
2803
- ],
2804
- "isOn": [
2805
- "layoutDependency"
2533
+ "variant": [
2534
+ "chipToggleVariantRoot",
2535
+ "chipToggleVariantIcon"
2806
2536
  ]
2807
2537
  },
2538
+ "motionVarPrefixes": []
2539
+ },
2540
+ "Chip": {
2541
+ "name": "Chip",
2542
+ "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"
2560
+ },
2561
+ "getStylesLiterals": {},
2562
+ "cxLiterals": [
2563
+ "pointer-events-none",
2564
+ "cursor-default",
2565
+ "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"
2573
+ ],
2574
+ "internalComponents": [
2575
+ "IconSlot",
2576
+ "HStack",
2577
+ "As",
2578
+ "Text"
2579
+ ],
2580
+ "internalComponentProps": {
2581
+ "Text": {
2582
+ "as": [
2583
+ "span"
2584
+ ],
2585
+ "color": [
2586
+ "current"
2587
+ ],
2588
+ "variant": [
2589
+ "inherit"
2590
+ ]
2591
+ }
2592
+ },
2593
+ "propToVariantKeys": {
2594
+ "size": [
2595
+ "chipSizeRoot",
2596
+ "chipSizeIcon"
2597
+ ],
2598
+ "startIcon": [
2599
+ "icon"
2600
+ ],
2601
+ "endIcon": [
2602
+ "icon"
2603
+ ]
2604
+ },
2605
+ "motionVarPrefixes": []
2606
+ },
2607
+ "ChipButton": {
2608
+ "name": "ChipButton",
2609
+ "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
+ ]
2631
+ },
2632
+ "motionVarPrefixes": []
2633
+ },
2634
+ "Menu.Item": {
2635
+ "name": "Menu.Item",
2636
+ "defaultProps": {},
2637
+ "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": {},
2808
2667
  "motionVarPrefixes": [
2809
- "--uds-motion-bouncy-4-",
2668
+ "--uds-motion-subtle-3-",
2810
2669
  "--uds-motion-smooth-3-"
2811
2670
  ]
2812
2671
  },
2813
- "Tabs": {
2814
- "name": "Tabs",
2815
- "defaultProps": {},
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
+ },
2816
2682
  "getStylesLiterals": {
2817
- "display": "flex",
2683
+ "textAlign": "start",
2684
+ "menuitemSizeRoot": "default",
2818
2685
  "flexDirection": "row",
2819
- "columnGap": "6"
2686
+ "menuitemSizeStartIcon": "default",
2687
+ "menuitemSizeEndIcon": "default"
2820
2688
  },
2821
2689
  "cxLiterals": [
2822
- "text-tertiary",
2823
- "border-b-transparent",
2824
- "aria-selected:border-b-brand",
2825
- "aria-selected:text-secondary"
2690
+ "flex",
2691
+ "focus-visible:text-brand",
2692
+ "focus-visible:bg-brand-secondary",
2693
+ "focus-visible:z-10",
2694
+ "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"
2826
2705
  ],
2827
2706
  "internalComponents": [
2828
- "TabProvider",
2829
- "OriginalTabList",
2830
- "OriginalTab",
2831
- "Icon",
2832
- "OriginalTabPanel",
2833
2707
  "Pressable",
2834
- "Comp",
2835
- "Text"
2708
+ "IconSlot",
2709
+ "RootComponent",
2710
+ "HStack",
2711
+ "AnimatePresence"
2836
2712
  ],
2837
2713
  "internalComponentProps": {
2838
- "Icon": {
2839
- "className": [
2840
- "text-current"
2714
+ "HStack": {
2715
+ "alignItems": [
2716
+ "center"
2841
2717
  ],
2842
- "size": [
2843
- "md"
2718
+ "width": [
2719
+ "full"
2844
2720
  ]
2845
2721
  },
2846
- "Pressable": {
2847
- "borderBottomWidth": [
2848
- "medium"
2849
- ],
2850
- "spacingBottom": [
2851
- "1"
2852
- ],
2853
- "spacingTop": [
2854
- "4"
2722
+ "AnimatePresence": {
2723
+ "mode": [
2724
+ "popLayout"
2855
2725
  ]
2856
- },
2857
- "Text": {
2726
+ }
2727
+ },
2728
+ "propToVariantKeys": {
2729
+ "startIcon": [
2730
+ "icon"
2731
+ ],
2732
+ "endIcon": [
2733
+ "icon"
2734
+ ],
2735
+ "columnGap": [
2736
+ "gap"
2737
+ ]
2738
+ },
2739
+ "motionVarPrefixes": []
2740
+ },
2741
+ "Menu.Trigger": {
2742
+ "name": "Menu.Trigger",
2743
+ "defaultProps": {},
2744
+ "getStylesLiterals": {},
2745
+ "cxLiterals": [
2746
+ "uds-menu-trigger"
2747
+ ],
2748
+ "internalComponents": [
2749
+ "AriakitMenuTrigger",
2750
+ "Box"
2751
+ ],
2752
+ "internalComponentProps": {
2753
+ "Box": {
2858
2754
  "className": [
2859
- "text-current"
2860
- ],
2755
+ "uds-ring h-fit w-fit"
2756
+ ]
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": {
2861
2827
  "variant": [
2862
- "headline1"
2863
- ],
2864
- "as": [
2865
- "span"
2828
+ "inherit"
2866
2829
  ]
2867
2830
  }
2868
2831
  },
2869
2832
  "propToVariantKeys": {},
2870
2833
  "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
  }