@yahoo/uds 3.116.1 → 3.116.3

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 (33) hide show
  1. package/dist/components/Scrim.cjs +0 -2
  2. package/dist/components/Scrim.js +0 -2
  3. package/dist/components/client/BottomSheet/BottomSheet.cjs +37 -8
  4. package/dist/components/client/BottomSheet/BottomSheet.js +38 -9
  5. package/dist/components/client/BottomSheet/BottomSheetContent.cjs +4 -2
  6. package/dist/components/client/BottomSheet/BottomSheetContent.js +4 -2
  7. package/dist/components/client/BottomSheet/BottomSheetInternalContext.cjs +15 -0
  8. package/dist/components/client/BottomSheet/BottomSheetInternalContext.d.cts +12 -0
  9. package/dist/components/client/BottomSheet/BottomSheetInternalContext.d.ts +12 -0
  10. package/dist/components/client/BottomSheet/BottomSheetInternalContext.js +12 -0
  11. package/dist/styles/styler.d.cts +85 -85
  12. package/dist/styles/styler.d.ts +85 -85
  13. package/dist/tailwind/dist/css/generate.cjs +6 -0
  14. package/dist/tailwind/dist/css/generate.helpers.cjs +5 -1
  15. package/dist/tailwind/dist/css/generate.helpers.js +5 -1
  16. package/dist/tailwind/dist/css/generate.js +6 -0
  17. package/dist/tailwind/dist/css/nodeUtils.cjs +2 -1
  18. package/dist/tailwind/dist/css/nodeUtils.js +2 -1
  19. package/dist/tailwind/dist/purger/optimized/ast/expressions.cjs +103 -1
  20. package/dist/tailwind/dist/purger/optimized/ast/expressions.js +102 -2
  21. package/dist/tailwind/dist/purger/optimized/ast/jsx.cjs +7 -1
  22. package/dist/tailwind/dist/purger/optimized/ast/jsx.js +7 -1
  23. package/dist/tailwind/dist/purger/optimized/purgeFromCode.cjs +18 -13
  24. package/dist/tailwind/dist/purger/optimized/purgeFromCode.js +18 -13
  25. package/dist/tailwind/dist/purger/optimized/utils/componentAnalyzer.cjs +2 -1
  26. package/dist/tailwind/dist/purger/optimized/utils/componentAnalyzer.js +2 -1
  27. package/dist/uds/generated/componentData.cjs +1124 -1105
  28. package/dist/uds/generated/componentData.js +1077 -1064
  29. package/dist/uds/generated/tailwindPurge.cjs +7 -7
  30. package/dist/uds/generated/tailwindPurge.js +7 -7
  31. package/generated/componentData.json +1610 -1595
  32. package/generated/tailwindPurge.ts +2 -2
  33. 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,56 +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
- "FormLabel": {
154
- "name": "FormLabel",
155
- "defaultProps": {
156
- "color": "muted",
157
- "variant": "label3",
158
- "as": "label"
159
- },
160
- "getStylesLiterals": {},
161
- "cxLiterals": [
162
- "cursor-[inherit]"
163
- ],
164
- "internalComponents": [
165
- "Text"
166
- ],
167
- "internalComponentProps": {
168
- "Text": {
169
- "as": [
170
- "sup"
171
- ],
172
- "variant": [
173
- "inherit"
174
- ],
175
- "spacingStart": [
176
- "0.5"
177
- ]
178
- }
179
- },
180
- "propToVariantKeys": {},
181
- "motionVarPrefixes": []
182
- },
183
205
  "Text": {
184
206
  "name": "Text",
185
207
  "defaultProps": {
@@ -204,20 +226,8 @@
204
226
  },
205
227
  "motionVarPrefixes": []
206
228
  },
207
- "IconSlot": {
208
- "name": "IconSlot",
209
- "defaultProps": {},
210
- "getStylesLiterals": {},
211
- "cxLiterals": [],
212
- "internalComponents": [
213
- "Icon"
214
- ],
215
- "internalComponentProps": {},
216
- "propToVariantKeys": {},
217
- "motionVarPrefixes": []
218
- },
219
- "HStack": {
220
- "name": "HStack",
229
+ "VStack": {
230
+ "name": "VStack",
221
231
  "defaultProps": {},
222
232
  "getStylesLiterals": {},
223
233
  "cxLiterals": [],
@@ -227,110 +237,35 @@
227
237
  "internalComponentProps": {
228
238
  "Box": {
229
239
  "flexDirection": [
230
- "row"
240
+ "column"
231
241
  ]
232
242
  }
233
243
  },
234
244
  "propToVariantKeys": {
235
245
  "gap": [
236
- "rowGap",
237
- "columnGap"
246
+ "columnGap",
247
+ "rowGap"
238
248
  ]
239
249
  },
240
250
  "motionVarPrefixes": []
241
251
  },
242
- "Image": {
243
- "name": "Image",
252
+ "Divider": {
253
+ "name": "Divider",
244
254
  "defaultProps": {},
245
255
  "getStylesLiterals": {},
246
256
  "cxLiterals": [],
247
- "internalComponents": [],
257
+ "internalComponents": [
258
+ "DividerInternal"
259
+ ],
248
260
  "internalComponentProps": {},
249
261
  "propToVariantKeys": {},
250
262
  "motionVarPrefixes": []
251
263
  },
252
- "Table.mocks": {
253
- "name": "Table.mocks",
254
- "defaultProps": {},
255
- "getStylesLiterals": {},
256
- "cxLiterals": [],
257
- "internalComponents": [],
258
- "internalComponentProps": {},
259
- "propToVariantKeys": {},
260
- "motionVarPrefixes": []
261
- },
262
- "Table": {
263
- "name": "Table",
264
- "defaultProps": {
265
- "display": "table-cell",
266
- "overflow": "hidden",
267
- "borderColor": "muted",
268
- "borderRadius": "md",
269
- "spacing": "3",
270
- "borderBottomColor": "muted",
271
- "borderBottomWidth": "thin",
272
- "color": "primary"
273
- },
274
- "getStylesLiterals": {
275
- "textAlign": "start"
276
- },
277
- "cxLiterals": [],
278
- "internalComponents": [
279
- "CellComponent",
280
- "Box",
281
- "Text",
282
- "Table.Root",
283
- "Table.Header",
284
- "Table.Row",
285
- "Table.Cell",
286
- "Table.Body"
287
- ],
288
- "internalComponentProps": {
289
- "Table.Cell": {
290
- "asHeaderCell": [
291
- "column"
292
- ]
293
- }
294
- },
295
- "propToVariantKeys": {},
296
- "motionVarPrefixes": []
297
- },
298
- "Spinner": {
299
- "name": "Spinner",
300
- "defaultProps": {
301
- "color": "primary",
302
- "size": "lg"
303
- },
304
- "getStylesLiterals": {},
305
- "cxLiterals": [
306
- "self-center",
307
- "relative",
308
- "sr-only"
309
- ],
310
- "internalComponents": [
311
- "Icon"
312
- ],
313
- "internalComponentProps": {
314
- "Icon": {
315
- "role": [
316
- "img"
317
- ],
318
- "className": [
319
- "animate-spin"
320
- ],
321
- "aria-hidden": [
322
- "true"
323
- ]
324
- }
325
- },
326
- "propToVariantKeys": {},
327
- "motionVarPrefixes": []
328
- },
329
- "DividerCore": {
330
- "name": "DividerCore",
331
- "defaultProps": {
332
- "contentPosition": "center"
333
- },
264
+ "DividerCore": {
265
+ "name": "DividerCore",
266
+ "defaultProps": {
267
+ "contentPosition": "center"
268
+ },
334
269
  "getStylesLiterals": {},
335
270
  "cxLiterals": [],
336
271
  "internalComponents": [
@@ -394,16 +329,85 @@
394
329
  },
395
330
  "motionVarPrefixes": []
396
331
  },
397
- "Divider": {
398
- "name": "Divider",
332
+ "AnimateHeightChange": {
333
+ "name": "AnimateHeightChange",
399
334
  "defaultProps": {},
400
335
  "getStylesLiterals": {},
401
- "cxLiterals": [],
336
+ "cxLiterals": [
337
+ "overflow-hidden"
338
+ ],
402
339
  "internalComponents": [
403
- "DividerInternal"
340
+ "SpringMotionConfig"
404
341
  ],
405
- "internalComponentProps": {},
406
- "propToVariantKeys": {},
342
+ "internalComponentProps": {
343
+ "SpringMotionConfig": {
344
+ "layoutSpeed": [
345
+ "4"
346
+ ]
347
+ }
348
+ },
349
+ "propToVariantKeys": {
350
+ "reduceMotion": [
351
+ "reducedMotion"
352
+ ]
353
+ },
354
+ "motionVarPrefixes": [
355
+ "--uds-motion-subtle-4-",
356
+ "--uds-motion-smooth-3-"
357
+ ]
358
+ },
359
+ "Badge": {
360
+ "name": "Badge",
361
+ "defaultProps": {
362
+ "variant": "primary",
363
+ "size": "md"
364
+ },
365
+ "getStylesLiterals": {},
366
+ "cxLiterals": [
367
+ "flex-1",
368
+ "truncate",
369
+ "whitespace-nowrap",
370
+ "text-center"
371
+ ],
372
+ "internalComponents": [
373
+ "IconSlot",
374
+ "HStack"
375
+ ],
376
+ "internalComponentProps": {
377
+ "IconSlot": {
378
+ "data-testid": [
379
+ "start-icon",
380
+ "end-icon"
381
+ ]
382
+ },
383
+ "HStack": {
384
+ "gap": [
385
+ "2"
386
+ ],
387
+ "display": [
388
+ "inline-flex"
389
+ ],
390
+ "alignItems": [
391
+ "center"
392
+ ]
393
+ }
394
+ },
395
+ "propToVariantKeys": {
396
+ "size": [
397
+ "badgeSizeRoot",
398
+ "badgeSizeIcon"
399
+ ],
400
+ "variant": [
401
+ "badgeVariantRoot",
402
+ "badgeVariantIcon"
403
+ ],
404
+ "startIcon": [
405
+ "icon"
406
+ ],
407
+ "endIcon": [
408
+ "icon"
409
+ ]
410
+ },
407
411
  "motionVarPrefixes": []
408
412
  },
409
413
  "Button": {
@@ -593,25 +597,6 @@
593
597
  "--uds-motion-smooth-3-"
594
598
  ]
595
599
  },
596
- "SpringMotionConfig": {
597
- "name": "SpringMotionConfig",
598
- "defaultProps": {
599
- "reducedMotion": "user"
600
- },
601
- "getStylesLiterals": {},
602
- "cxLiterals": [],
603
- "internalComponents": [
604
- "LazyMotion",
605
- "MotionConfig"
606
- ],
607
- "internalComponentProps": {},
608
- "propToVariantKeys": {
609
- "loadFeatures": [
610
- "features"
611
- ]
612
- },
613
- "motionVarPrefixes": []
614
- },
615
600
  "IconButton": {
616
601
  "name": "IconButton",
617
602
  "defaultProps": {
@@ -676,6 +661,37 @@
676
661
  "--uds-motion-smooth-3-"
677
662
  ]
678
663
  },
664
+ "Pressable": {
665
+ "name": "Pressable",
666
+ "defaultProps": {},
667
+ "getStylesLiterals": {},
668
+ "cxLiterals": [],
669
+ "internalComponents": [
670
+ "Comp"
671
+ ],
672
+ "internalComponentProps": {},
673
+ "propToVariantKeys": {},
674
+ "motionVarPrefixes": []
675
+ },
676
+ "SpringMotionConfig": {
677
+ "name": "SpringMotionConfig",
678
+ "defaultProps": {
679
+ "reducedMotion": "user"
680
+ },
681
+ "getStylesLiterals": {},
682
+ "cxLiterals": [],
683
+ "internalComponents": [
684
+ "LazyMotion",
685
+ "MotionConfig"
686
+ ],
687
+ "internalComponentProps": {},
688
+ "propToVariantKeys": {
689
+ "loadFeatures": [
690
+ "features"
691
+ ]
692
+ },
693
+ "motionVarPrefixes": []
694
+ },
679
695
  "Switch": {
680
696
  "name": "Switch",
681
697
  "defaultProps": {
@@ -790,1405 +806,738 @@
790
806
  "--uds-motion-smooth-3-"
791
807
  ]
792
808
  },
793
- "Badge": {
794
- "name": "Badge",
809
+ "Spinner": {
810
+ "name": "Spinner",
795
811
  "defaultProps": {
796
- "variant": "primary",
797
- "size": "md"
812
+ "color": "primary",
813
+ "size": "lg"
798
814
  },
799
815
  "getStylesLiterals": {},
800
816
  "cxLiterals": [
801
- "flex-1",
802
- "truncate",
803
- "whitespace-nowrap",
804
- "text-center"
817
+ "self-center",
818
+ "relative",
819
+ "sr-only"
805
820
  ],
806
821
  "internalComponents": [
807
- "IconSlot",
808
- "HStack"
822
+ "Icon"
809
823
  ],
810
824
  "internalComponentProps": {
811
- "IconSlot": {
812
- "data-testid": [
813
- "start-icon",
814
- "end-icon"
815
- ]
816
- },
817
- "HStack": {
818
- "gap": [
819
- "2"
825
+ "Icon": {
826
+ "role": [
827
+ "img"
820
828
  ],
821
- "display": [
822
- "inline-flex"
829
+ "className": [
830
+ "animate-spin"
823
831
  ],
824
- "alignItems": [
825
- "center"
832
+ "aria-hidden": [
833
+ "true"
826
834
  ]
827
835
  }
828
836
  },
829
- "propToVariantKeys": {
830
- "size": [
831
- "badgeSizeRoot",
832
- "badgeSizeIcon"
833
- ],
834
- "variant": [
835
- "badgeVariantRoot",
836
- "badgeVariantIcon"
837
- ],
838
- "startIcon": [
839
- "icon"
840
- ],
841
- "endIcon": [
842
- "icon"
843
- ]
844
- },
837
+ "propToVariantKeys": {},
845
838
  "motionVarPrefixes": []
846
839
  },
847
- "AnimateHeightChange": {
848
- "name": "AnimateHeightChange",
840
+ "Table.mocks": {
841
+ "name": "Table.mocks",
849
842
  "defaultProps": {},
850
843
  "getStylesLiterals": {},
851
- "cxLiterals": [
852
- "overflow-hidden"
853
- ],
844
+ "cxLiterals": [],
845
+ "internalComponents": [],
846
+ "internalComponentProps": {},
847
+ "propToVariantKeys": {},
848
+ "motionVarPrefixes": []
849
+ },
850
+ "Table": {
851
+ "name": "Table",
852
+ "defaultProps": {
853
+ "display": "table-cell",
854
+ "overflow": "hidden",
855
+ "borderColor": "muted",
856
+ "borderRadius": "md",
857
+ "spacing": "3",
858
+ "borderBottomColor": "muted",
859
+ "borderBottomWidth": "thin",
860
+ "color": "primary"
861
+ },
862
+ "getStylesLiterals": {
863
+ "textAlign": "start"
864
+ },
865
+ "cxLiterals": [],
854
866
  "internalComponents": [
855
- "SpringMotionConfig"
867
+ "CellComponent",
868
+ "Box",
869
+ "Text",
870
+ "Table.Root",
871
+ "Table.Header",
872
+ "Table.Row",
873
+ "Table.Cell",
874
+ "Table.Body"
856
875
  ],
857
876
  "internalComponentProps": {
858
- "SpringMotionConfig": {
859
- "layoutSpeed": [
860
- "4"
877
+ "Table.Cell": {
878
+ "asHeaderCell": [
879
+ "column"
861
880
  ]
862
881
  }
863
882
  },
864
- "propToVariantKeys": {
865
- "reduceMotion": [
866
- "reducedMotion"
867
- ]
868
- },
869
- "motionVarPrefixes": [
870
- "--uds-motion-subtle-4-",
871
- "--uds-motion-smooth-3-"
872
- ]
883
+ "propToVariantKeys": {},
884
+ "motionVarPrefixes": []
873
885
  },
874
- "Pressable": {
875
- "name": "Pressable",
886
+ "Avatar": {
887
+ "name": "Avatar",
876
888
  "defaultProps": {},
877
889
  "getStylesLiterals": {},
878
890
  "cxLiterals": [],
879
891
  "internalComponents": [
880
- "Comp"
892
+ "AvatarImage"
881
893
  ],
882
894
  "internalComponentProps": {},
883
895
  "propToVariantKeys": {},
884
896
  "motionVarPrefixes": []
885
897
  },
886
- "AvoidMotionLibraryProvider": {
887
- "name": "AvoidMotionLibraryProvider",
888
- "defaultProps": {},
898
+ "AvatarIcon": {
899
+ "name": "AvatarIcon",
900
+ "defaultProps": {
901
+ "size": "md",
902
+ "variant": "primary"
903
+ },
889
904
  "getStylesLiterals": {},
890
- "cxLiterals": [],
891
- "internalComponents": [],
905
+ "cxLiterals": [
906
+ "overflow-hidden",
907
+ "w-full",
908
+ "h-full",
909
+ "shrink-0",
910
+ "text-center",
911
+ "inline-flex",
912
+ "justify-center",
913
+ "items-center"
914
+ ],
915
+ "internalComponents": [
916
+ "IconSlot",
917
+ "Box"
918
+ ],
892
919
  "internalComponentProps": {},
893
- "propToVariantKeys": {},
920
+ "propToVariantKeys": {
921
+ "size": [
922
+ "avatarSizeIcon"
923
+ ]
924
+ },
894
925
  "motionVarPrefixes": []
895
926
  },
896
- "SegmentedControl": {
897
- "name": "SegmentedControl",
898
- "defaultProps": {},
899
- "getStylesLiterals": {
900
- "display": "flex",
901
- "alignItems": "center",
902
- "backgroundColor": "primary",
903
- "spacingVertical": "1",
904
- "spacingHorizontal": "3",
905
- "columnGap": "1.5",
906
- "borderWidth": "thin",
907
- "borderRadius": "full",
908
- "borderColor": "muted",
909
- "borderColor:1": "transparent",
910
- "color": "primary",
911
- "color:1": "tertiary",
912
- "color:2": "muted"
927
+ "AvatarImage": {
928
+ "name": "AvatarImage",
929
+ "defaultProps": {
930
+ "size": "md",
931
+ "variant": "primary"
913
932
  },
933
+ "getStylesLiterals": {},
914
934
  "cxLiterals": [
915
- "uds-ring",
916
- "cursor-not-allowed",
917
- "opacity-50",
918
- "pointer-events-none",
919
- "hover:bg-primary"
935
+ "overflow-hidden",
936
+ "w-full",
937
+ "h-full",
938
+ "shrink-0",
939
+ "text-center",
940
+ "inline-flex",
941
+ "justify-center",
942
+ "items-center",
943
+ "object-cover"
920
944
  ],
921
945
  "internalComponents": [
922
- "Radio",
923
- "Icon",
924
- "RadioProvider",
925
- "HStack",
926
- "RadioGroup",
927
- "Pressable",
928
- "Text"
946
+ "UDSImage",
947
+ "AvatarText",
948
+ "AvatarIcon",
949
+ "Box"
929
950
  ],
930
- "internalComponentProps": {
931
- "Icon": {
932
- "size": [
933
- "sm"
934
- ],
935
- "color": [
936
- "current"
937
- ],
938
- "aria-hidden": [
939
- "true"
940
- ]
941
- },
942
- "HStack": {
943
- "spacing": [
944
- "1"
945
- ],
946
- "gap": [
947
- "1"
948
- ],
949
- "backgroundColor": [
950
- "secondary"
951
- ],
952
- "borderRadius": [
953
- "full"
954
- ],
955
- "display": [
956
- "inline-flex"
957
- ]
958
- },
959
- "Text": {
960
- "variant": [
961
- "label2"
962
- ],
963
- "color": [
964
- "current"
965
- ]
966
- }
967
- },
951
+ "internalComponentProps": {},
968
952
  "propToVariantKeys": {
969
- "value": [
970
- "key"
953
+ "alt": [
954
+ "name"
971
955
  ],
972
- "label": [
973
- "aria-label"
956
+ "fallback": [
957
+ "initials"
974
958
  ]
975
959
  },
976
960
  "motionVarPrefixes": []
977
961
  },
978
- "Popover": {
979
- "name": "Popover",
980
- "defaultProps": {},
962
+ "AvatarText": {
963
+ "name": "AvatarText",
964
+ "defaultProps": {
965
+ "size": "md",
966
+ "variant": "primary"
967
+ },
981
968
  "getStylesLiterals": {},
982
- "cxLiterals": [],
969
+ "cxLiterals": [
970
+ "overflow-hidden",
971
+ "truncate",
972
+ "w-full",
973
+ "h-full",
974
+ "shrink-0",
975
+ "text-center",
976
+ "inline-flex",
977
+ "justify-center",
978
+ "items-center"
979
+ ],
983
980
  "internalComponents": [
984
- "HStack",
985
- "Text",
986
- "OriginalPopoverHeading"
981
+ "Box",
982
+ "Text"
987
983
  ],
988
984
  "internalComponentProps": {
989
985
  "Text": {
990
- "variant": [
991
- "headline1"
992
- ],
993
986
  "color": [
994
- "primary"
987
+ "inherit"
988
+ ],
989
+ "variant": [
990
+ "inherit"
995
991
  ]
996
992
  }
997
993
  },
998
994
  "propToVariantKeys": {},
999
995
  "motionVarPrefixes": []
1000
996
  },
1001
- "SwitchV2": {
1002
- "name": "SwitchV2",
997
+ "BottomSheet": {
998
+ "name": "BottomSheet",
1003
999
  "defaultProps": {
1004
- "labelPosition": "start",
1005
- "size": "md"
1006
- },
1007
- "getStylesLiterals": {
1008
- "switchVariantRoot": "default",
1009
- "switchVariantActiveRoot": "on",
1010
- "switchVariantActiveRoot:1": "off",
1011
- "switchVariantSwitch": "default",
1012
- "switchVariantActiveSwitch": "on",
1013
- "switchVariantActiveSwitch:1": "off",
1014
- "switchVariantActiveHandle": "on",
1015
- "switchVariantActiveHandle:1": "off",
1016
- "switchVariantHandle": "default",
1017
- "switchVariantHandleIcon": "default",
1018
- "switchVariantActiveHandleIcon": "on",
1019
- "switchVariantActiveHandleIcon:1": "off"
1000
+ "variant": "default"
1020
1001
  },
1002
+ "getStylesLiterals": {},
1021
1003
  "cxLiterals": [
1022
- "group",
1023
- "flex",
1024
- "items-center",
1025
- "flex-row",
1026
- "flex-row-reverse",
1027
- "uds-ring",
1028
- "uds-ring-within",
1029
- "relative",
1030
- "uds-border-radius-full",
1031
- "transition-[background-color,box-shadow]",
1032
- "pointer-events-none",
1033
- "w-full",
1034
- "h-full",
1035
- "absolute",
1036
- "top-0",
1037
- "bottom-0",
1038
- "right-0",
1039
- "left-0",
1004
+ "fixed",
1040
1005
  "overflow-hidden",
1041
- "group-hover:scale-105",
1042
- "opacity-95",
1043
- "group-hover:opacity-100",
1044
- "transition-[transform,opacity]",
1045
- "opacity-0",
1046
- "top-1/2",
1047
- "left-1/2",
1048
- "transform",
1049
- "translate-x-[-50%]",
1050
- "translate-y-[-50%]",
1051
- "transition-opacity",
1052
- "cursor-[inherit]",
1053
- "w-[calc(100%+2px)]",
1054
- "h-[calc(100%+2px)]",
1055
- "text-start",
1056
- "text-end",
1057
- "opacity-100"
1006
+ "inset-x-0",
1007
+ "bottom-0",
1008
+ "z-50",
1009
+ "[will-change:transform]",
1010
+ "touch-none",
1011
+ "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
1012
+ "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
1013
+ "transition-transform",
1014
+ "duration-500",
1015
+ "ease-[cubic-bezier(0.32,0.72,0,1)]",
1016
+ "motion-reduce:transition-none",
1017
+ "top-[-4px]",
1018
+ "z-[1]",
1019
+ "touch-pan-y"
1058
1020
  ],
1059
1021
  "internalComponents": [
1060
- "IconSlot",
1022
+ "Scrim",
1023
+ "BottomSheetHandle",
1024
+ "Dialog",
1061
1025
  "Box",
1062
- "FormLabel",
1063
- "SpringMotionConfig",
1064
- "RootElement",
1065
- "MotionBox"
1026
+ "BottomSheetInternalContext.Provider"
1066
1027
  ],
1067
1028
  "internalComponentProps": {
1068
- "IconSlot": {
1029
+ "BottomSheetHandle": {
1030
+ "ariaLabel": [
1031
+ "Resize sheet"
1032
+ ]
1033
+ },
1034
+ "Dialog": {
1069
1035
  "data-testid": [
1070
- "on-icon",
1071
- "off-icon"
1036
+ "bottom-sheet"
1072
1037
  ]
1073
1038
  },
1074
- "FormLabel": {
1075
- "as": [
1076
- "div"
1039
+ "Box": {
1040
+ "display": [
1041
+ "block",
1042
+ "flex"
1077
1043
  ],
1078
- "variant": [
1079
- "inherit"
1044
+ "position": [
1045
+ "absolute"
1080
1046
  ],
1081
- "color": [
1082
- "inherit"
1083
- ]
1084
- },
1085
- "SpringMotionConfig": {
1086
- "layoutVariant": [
1087
- "bouncy"
1047
+ "flexDirection": [
1048
+ "column"
1088
1049
  ],
1089
- "layoutSpeed": [
1090
- "4"
1091
- ]
1092
- },
1093
- "RootElement": {
1094
- "data-testid": [
1095
- "switch-root"
1096
- ]
1097
- },
1098
- "MotionBox": {
1099
- "layout": [
1100
- "position"
1050
+ "className": [
1051
+ "absolute inset-0 min-h-0 p-[inherit]"
1101
1052
  ]
1102
1053
  }
1103
1054
  },
1104
1055
  "propToVariantKeys": {
1105
- "size": [
1106
- "switchSizeRoot",
1107
- "switchSizeSwitch",
1108
- "switchSizeHandle",
1109
- "switchSizeHandleIcon"
1110
- ],
1111
- "onIcon": [
1112
- "icon"
1113
- ],
1114
- "offIcon": [
1115
- "icon"
1116
- ],
1117
- "reduceMotion": [
1118
- "reducedMotion"
1119
- ],
1120
- "isOn": [
1121
- "layoutDependency"
1056
+ "variant": [
1057
+ "bottomsheetVariantRoot"
1122
1058
  ]
1123
1059
  },
1124
- "motionVarPrefixes": [
1125
- "--uds-motion-bouncy-4-",
1126
- "--uds-motion-smooth-3-"
1127
- ]
1060
+ "motionVarPrefixes": []
1128
1061
  },
1129
- "Tabs": {
1130
- "name": "Tabs",
1062
+ "BottomSheetContent": {
1063
+ "name": "BottomSheetContent",
1131
1064
  "defaultProps": {},
1132
- "getStylesLiterals": {
1133
- "display": "flex",
1134
- "flexDirection": "row",
1135
- "columnGap": "6"
1136
- },
1065
+ "getStylesLiterals": {},
1137
1066
  "cxLiterals": [
1138
- "text-tertiary",
1139
- "border-b-transparent",
1140
- "aria-selected:border-b-brand",
1141
- "aria-selected:text-secondary"
1067
+ "min-h-0",
1068
+ "touch-pan-y"
1142
1069
  ],
1143
1070
  "internalComponents": [
1144
- "TabProvider",
1145
- "OriginalTabList",
1146
- "OriginalTab",
1147
- "Icon",
1148
- "OriginalTabPanel",
1149
- "Pressable",
1150
- "Comp",
1151
- "Text"
1071
+ "Box",
1072
+ "VStack"
1152
1073
  ],
1153
1074
  "internalComponentProps": {
1154
- "Icon": {
1155
- "className": [
1156
- "text-current"
1157
- ],
1158
- "size": [
1159
- "md"
1160
- ]
1161
- },
1162
- "Pressable": {
1163
- "borderBottomWidth": [
1164
- "medium"
1075
+ "Box": {
1076
+ "display": [
1077
+ "block"
1165
1078
  ],
1166
- "spacingBottom": [
1079
+ "flex": [
1167
1080
  "1"
1168
- ],
1169
- "spacingTop": [
1170
- "4"
1171
1081
  ]
1172
1082
  },
1173
- "Text": {
1083
+ "VStack": {
1174
1084
  "className": [
1175
- "text-current"
1176
- ],
1177
- "variant": [
1178
- "headline1"
1179
- ],
1180
- "as": [
1181
- "span"
1085
+ "pb-[calc(env(safe-area-inset-bottom))]"
1182
1086
  ]
1183
1087
  }
1184
1088
  },
1185
1089
  "propToVariantKeys": {},
1186
1090
  "motionVarPrefixes": []
1187
1091
  },
1188
- "Modal": {
1189
- "name": "Modal",
1092
+ "BottomSheetDismiss": {
1093
+ "name": "BottomSheetDismiss",
1094
+ "defaultProps": {},
1095
+ "getStylesLiterals": {},
1096
+ "cxLiterals": [],
1097
+ "internalComponents": [
1098
+ "AriakitDialogDismiss"
1099
+ ],
1100
+ "internalComponentProps": {},
1101
+ "propToVariantKeys": {},
1102
+ "motionVarPrefixes": []
1103
+ },
1104
+ "BottomSheetHandle": {
1105
+ "name": "BottomSheetHandle",
1190
1106
  "defaultProps": {},
1191
1107
  "getStylesLiterals": {},
1192
1108
  "cxLiterals": [
1193
- "inset-8",
1194
- "top-[250px]",
1195
- "z-50",
1196
- "mx-auto",
1197
- "h-fit",
1198
- "w-[600px]",
1199
- "origin-center",
1200
- "scale-95",
1201
- "opacity-0",
1202
- "transition",
1203
- "duration-150",
1204
- "data-[enter]:scale-100",
1205
- "data-[enter]:opacity-100",
1206
- "data-[enter]:bg-primary",
1207
- "backdrop-blur-0",
1208
- "data-[enter]:opacity-60",
1209
- "data-[enter]:backdrop-blur-sm"
1109
+ "relative",
1110
+ "h-5",
1111
+ "w-16",
1112
+ "outline-none",
1113
+ "focus-visible:outline-none",
1114
+ "[touch-action:pan-y]",
1115
+ "absolute",
1116
+ "left-1/2",
1117
+ "top-1/2",
1118
+ "-translate-x-1/2",
1119
+ "-translate-y-1/2",
1120
+ "h-1",
1121
+ "w-8",
1122
+ "rounded-full",
1123
+ "bg-accent"
1210
1124
  ],
1211
1125
  "internalComponents": [
1212
- "IconButton",
1213
- "Dialog",
1214
- "HStack",
1215
- "Text",
1216
- "VStack"
1126
+ "Box"
1217
1127
  ],
1218
1128
  "internalComponentProps": {
1219
- "IconButton": {
1220
- "aria-label": [
1221
- "Close"
1222
- ],
1223
- "size": [
1224
- "sm"
1225
- ],
1226
- "variant": [
1227
- "tertiary"
1228
- ]
1229
- },
1230
- "HStack": {
1231
- "alignItems": [
1232
- "center"
1129
+ "Box": {
1130
+ "display": [
1131
+ "block",
1132
+ "flex"
1233
1133
  ],
1234
1134
  "justifyContent": [
1235
- "space-between"
1236
- ]
1237
- },
1238
- "Text": {
1239
- "variant": [
1240
- "headline1"
1241
- ],
1242
- "color": [
1243
- "primary"
1244
- ]
1245
- },
1246
- "VStack": {
1247
- "borderRadius": [
1248
- "md"
1249
- ],
1250
- "position": [
1251
- "fixed"
1252
- ],
1253
- "backgroundColor": [
1254
- "primary"
1255
- ],
1256
- "dropShadow": [
1257
- "md"
1258
- ],
1259
- "spacing": [
1260
- "8"
1261
- ],
1262
- "overflow": [
1263
- "hidden"
1135
+ "center"
1264
1136
  ]
1265
1137
  }
1266
1138
  },
1267
- "propToVariantKeys": {
1268
- "handleClose": [
1269
- "onClick"
1270
- ]
1271
- },
1139
+ "propToVariantKeys": {},
1272
1140
  "motionVarPrefixes": []
1273
1141
  },
1274
- "Accordion": {
1275
- "name": "Accordion",
1142
+ "BottomSheetHeader": {
1143
+ "name": "BottomSheetHeader",
1276
1144
  "defaultProps": {
1277
- "spacingHorizontal": "4",
1278
- "spacingVertical": "4"
1145
+ "variant": "default"
1279
1146
  },
1280
1147
  "getStylesLiterals": {},
1281
1148
  "cxLiterals": [
1282
- "hover:bg-secondary/80",
1283
- "w-full"
1149
+ "grid-cols-[40px_1fr_40px]",
1150
+ "items-center",
1151
+ "w-full",
1152
+ "min-h-10",
1153
+ "mt-2"
1284
1154
  ],
1285
1155
  "internalComponents": [
1286
- "Icon",
1287
- "SpringMotionConfig",
1288
- "Pressable",
1289
- "Text",
1290
- "HStack",
1291
- "AnimatePresence",
1292
- "VStack"
1156
+ "Box",
1157
+ "Text"
1293
1158
  ],
1294
1159
  "internalComponentProps": {
1295
- "Icon": {
1296
- "variant": [
1297
- "fill"
1298
- ],
1299
- "size": [
1300
- "sm"
1301
- ],
1302
- "color": [
1303
- "primary"
1304
- ]
1305
- },
1306
- "SpringMotionConfig": {
1307
- "layoutVariant": [
1308
- "smooth"
1160
+ "Box": {
1161
+ "className": [
1162
+ "h-10 w-10 opacity-0 pointer-events-none"
1309
1163
  ],
1310
- "layoutSpeed": [
1311
- "3"
1312
- ]
1313
- },
1314
- "Pressable": {
1315
1164
  "display": [
1165
+ "grid",
1316
1166
  "flex"
1317
1167
  ],
1318
- "flexDirection": [
1319
- "row"
1320
- ],
1321
- "alignItems": [
1322
- "center"
1323
- ],
1324
1168
  "justifyContent": [
1325
- "space-between"
1326
- ],
1327
- "borderRadius": [
1328
- "md"
1169
+ "flex-start",
1170
+ "flex-end"
1329
1171
  ]
1330
1172
  },
1331
1173
  "Text": {
1332
1174
  "variant": [
1333
- "title4"
1175
+ "inherit"
1334
1176
  ],
1335
1177
  "color": [
1336
- "primary"
1337
- ]
1338
- },
1339
- "HStack": {
1340
- "display": [
1341
- "flex"
1178
+ "inherit"
1342
1179
  ],
1343
- "alignItems": [
1180
+ "textAlign": [
1344
1181
  "center"
1345
1182
  ],
1346
- "justifyContent": [
1347
- "space-between"
1348
- ],
1349
- "columnGap": [
1350
- "2.5"
1183
+ "className": [
1184
+ "w-full"
1351
1185
  ]
1352
1186
  }
1353
1187
  },
1354
- "propToVariantKeys": {},
1355
- "motionVarPrefixes": [
1356
- "--uds-motion-smooth-3-"
1357
- ]
1358
- },
1359
- "AvatarImage": {
1360
- "name": "AvatarImage",
1361
- "defaultProps": {
1362
- "size": "md",
1363
- "variant": "primary"
1364
- },
1365
- "getStylesLiterals": {},
1366
- "cxLiterals": [
1367
- "overflow-hidden",
1368
- "w-full",
1369
- "h-full",
1370
- "shrink-0",
1371
- "text-center",
1372
- "inline-flex",
1373
- "justify-center",
1374
- "items-center",
1375
- "object-cover"
1376
- ],
1377
- "internalComponents": [
1378
- "UDSImage",
1379
- "AvatarText",
1380
- "AvatarIcon",
1381
- "Box"
1382
- ],
1383
- "internalComponentProps": {},
1384
1188
  "propToVariantKeys": {
1385
- "alt": [
1386
- "name"
1387
- ],
1388
- "fallback": [
1389
- "initials"
1189
+ "variant": [
1190
+ "bottomsheetVariantHeader"
1390
1191
  ]
1391
1192
  },
1392
1193
  "motionVarPrefixes": []
1393
1194
  },
1394
- "AvatarText": {
1395
- "name": "AvatarText",
1396
- "defaultProps": {
1397
- "size": "md",
1398
- "variant": "primary"
1399
- },
1195
+ "BottomSheetInternalContext": {
1196
+ "name": "BottomSheetInternalContext",
1197
+ "defaultProps": {},
1400
1198
  "getStylesLiterals": {},
1401
- "cxLiterals": [
1402
- "overflow-hidden",
1403
- "truncate",
1404
- "w-full",
1405
- "h-full",
1406
- "shrink-0",
1407
- "text-center",
1408
- "inline-flex",
1409
- "justify-center",
1410
- "items-center"
1411
- ],
1412
- "internalComponents": [
1413
- "Box",
1414
- "Text"
1415
- ],
1416
- "internalComponentProps": {
1417
- "Text": {
1418
- "color": [
1419
- "inherit"
1420
- ],
1421
- "variant": [
1422
- "inherit"
1423
- ]
1424
- }
1425
- },
1199
+ "cxLiterals": [],
1200
+ "internalComponents": [],
1201
+ "internalComponentProps": {},
1426
1202
  "propToVariantKeys": {},
1427
1203
  "motionVarPrefixes": []
1428
1204
  },
1429
- "Avatar": {
1430
- "name": "Avatar",
1205
+ "BottomSheetProvider": {
1206
+ "name": "BottomSheetProvider",
1431
1207
  "defaultProps": {},
1432
1208
  "getStylesLiterals": {},
1433
1209
  "cxLiterals": [],
1434
1210
  "internalComponents": [
1435
- "AvatarImage"
1211
+ "AriakitDialogProvider"
1436
1212
  ],
1437
1213
  "internalComponentProps": {},
1438
1214
  "propToVariantKeys": {},
1439
1215
  "motionVarPrefixes": []
1440
1216
  },
1441
- "AvatarIcon": {
1442
- "name": "AvatarIcon",
1443
- "defaultProps": {
1444
- "size": "md",
1445
- "variant": "primary"
1446
- },
1217
+ "BottomSheetTrigger": {
1218
+ "name": "BottomSheetTrigger",
1219
+ "defaultProps": {},
1447
1220
  "getStylesLiterals": {},
1448
- "cxLiterals": [
1449
- "overflow-hidden",
1450
- "w-full",
1451
- "h-full",
1452
- "shrink-0",
1453
- "text-center",
1454
- "inline-flex",
1455
- "justify-center",
1456
- "items-center"
1457
- ],
1221
+ "cxLiterals": [],
1458
1222
  "internalComponents": [
1459
- "IconSlot",
1460
- "Box"
1223
+ "AriakitDialogDisclosure"
1461
1224
  ],
1462
1225
  "internalComponentProps": {},
1463
- "propToVariantKeys": {
1464
- "size": [
1465
- "avatarSizeIcon"
1466
- ]
1467
- },
1226
+ "propToVariantKeys": {},
1468
1227
  "motionVarPrefixes": []
1469
1228
  },
1470
- "BottomSheetContent": {
1471
- "name": "BottomSheetContent",
1229
+ "UDSBottomSheetConfigProvider": {
1230
+ "name": "UDSBottomSheetConfigProvider",
1472
1231
  "defaultProps": {},
1473
1232
  "getStylesLiterals": {},
1474
- "cxLiterals": [
1475
- "min-h-0",
1476
- "touch-pan-y"
1477
- ],
1233
+ "cxLiterals": [],
1478
1234
  "internalComponents": [
1479
- "Box",
1480
- "VStack"
1235
+ "BottomSheetContext.Provider"
1481
1236
  ],
1482
- "internalComponentProps": {
1483
- "Box": {
1484
- "display": [
1485
- "block"
1486
- ],
1487
- "overflowY": [
1488
- "auto"
1489
- ],
1490
- "flex": [
1491
- "1"
1492
- ]
1493
- },
1494
- "VStack": {
1495
- "className": [
1496
- "pb-[calc(env(safe-area-inset-bottom))]"
1497
- ]
1498
- }
1499
- },
1237
+ "internalComponentProps": {},
1500
1238
  "propToVariantKeys": {},
1501
1239
  "motionVarPrefixes": []
1502
1240
  },
1503
- "BottomSheetDismiss": {
1504
- "name": "BottomSheetDismiss",
1241
+ "Chip": {
1242
+ "name": "Chip",
1505
1243
  "defaultProps": {},
1506
1244
  "getStylesLiterals": {},
1507
1245
  "cxLiterals": [],
1508
1246
  "internalComponents": [
1509
- "AriakitDialogDismiss"
1247
+ "ChipDismissible",
1248
+ "ChipToggle",
1249
+ "ChipLink",
1250
+ "ChipButton"
1510
1251
  ],
1511
1252
  "internalComponentProps": {},
1512
1253
  "propToVariantKeys": {},
1513
1254
  "motionVarPrefixes": []
1514
1255
  },
1515
- "BottomSheet": {
1516
- "name": "BottomSheet",
1256
+ "ChipBase": {
1257
+ "name": "ChipBase",
1517
1258
  "defaultProps": {
1518
- "variant": "default"
1259
+ "size": "md",
1260
+ "as": "div"
1519
1261
  },
1520
1262
  "getStylesLiterals": {},
1521
1263
  "cxLiterals": [
1522
- "fixed",
1523
- "overflow-hidden",
1524
- "inset-x-0",
1525
- "bottom-0",
1526
- "z-50",
1527
- "[will-change:transform]",
1528
- "touch-none",
1529
- "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
1530
- "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
1531
- "transition-transform",
1532
- "duration-500",
1533
- "ease-[cubic-bezier(0.32,0.72,0,1)]",
1534
- "motion-reduce:transition-none",
1535
- "top-[-4px]",
1536
- "z-[1]",
1537
- "touch-pan-y"
1264
+ "pointer-events-none",
1265
+ "cursor-default",
1266
+ "opacity-50",
1267
+ "inline-flex",
1268
+ "items-center",
1269
+ "transition-[background-color,outline-color,box-shadow]",
1270
+ "truncate",
1271
+ "whitespace-nowrap",
1272
+ "text-center",
1273
+ "flex-1"
1538
1274
  ],
1539
1275
  "internalComponents": [
1540
- "Scrim",
1541
- "BottomSheetHandle",
1542
- "Dialog",
1543
- "Box"
1276
+ "IconSlot",
1277
+ "HStack",
1278
+ "As",
1279
+ "Text"
1544
1280
  ],
1545
1281
  "internalComponentProps": {
1546
- "BottomSheetHandle": {
1547
- "ariaLabel": [
1548
- "Resize sheet"
1549
- ]
1550
- },
1551
- "Dialog": {
1552
- "data-testid": [
1553
- "bottom-sheet"
1554
- ]
1555
- },
1556
- "Box": {
1557
- "display": [
1558
- "block"
1282
+ "Text": {
1283
+ "as": [
1284
+ "span"
1559
1285
  ],
1560
- "position": [
1561
- "absolute"
1286
+ "color": [
1287
+ "current"
1288
+ ],
1289
+ "variant": [
1290
+ "inherit"
1562
1291
  ]
1563
1292
  }
1564
1293
  },
1565
1294
  "propToVariantKeys": {
1566
- "variant": [
1567
- "bottomsheetVariantRoot"
1295
+ "size": [
1296
+ "chipSizeRoot",
1297
+ "chipSizeIcon"
1298
+ ],
1299
+ "startIcon": [
1300
+ "icon"
1301
+ ],
1302
+ "endIcon": [
1303
+ "icon"
1568
1304
  ]
1569
1305
  },
1570
1306
  "motionVarPrefixes": []
1571
1307
  },
1572
- "BottomSheetHandle": {
1573
- "name": "BottomSheetHandle",
1574
- "defaultProps": {},
1575
- "getStylesLiterals": {},
1576
- "cxLiterals": [
1577
- "relative",
1578
- "h-5",
1579
- "w-16",
1580
- "outline-none",
1581
- "focus-visible:outline-none",
1582
- "[touch-action:pan-y]",
1583
- "absolute",
1584
- "left-1/2",
1585
- "top-1/2",
1586
- "-translate-x-1/2",
1587
- "-translate-y-1/2",
1588
- "h-1",
1589
- "w-8",
1590
- "rounded-full",
1591
- "bg-accent"
1592
- ],
1593
- "internalComponents": [
1594
- "Box"
1595
- ],
1596
- "internalComponentProps": {
1597
- "Box": {
1598
- "display": [
1599
- "block",
1600
- "flex"
1601
- ],
1602
- "justifyContent": [
1603
- "center"
1604
- ]
1605
- }
1606
- },
1607
- "propToVariantKeys": {},
1608
- "motionVarPrefixes": []
1609
- },
1610
- "BottomSheetHeader": {
1611
- "name": "BottomSheetHeader",
1308
+ "ChipButton": {
1309
+ "name": "ChipButton",
1612
1310
  "defaultProps": {
1613
- "variant": "default"
1311
+ "variant": "primary"
1614
1312
  },
1615
1313
  "getStylesLiterals": {},
1616
1314
  "cxLiterals": [
1617
- "grid-cols-[40px_1fr_40px]",
1618
- "items-center",
1619
- "w-full",
1620
- "min-h-10",
1621
- "mt-2"
1315
+ "uds-ring"
1622
1316
  ],
1623
1317
  "internalComponents": [
1624
- "Box",
1625
- "Text"
1318
+ "ChipBase"
1626
1319
  ],
1627
1320
  "internalComponentProps": {
1628
- "Box": {
1629
- "className": [
1630
- "h-10 w-10 opacity-0 pointer-events-none"
1631
- ],
1632
- "display": [
1633
- "grid",
1634
- "flex"
1635
- ],
1636
- "justifyContent": [
1637
- "flex-start",
1638
- "flex-end"
1639
- ]
1640
- },
1641
- "Text": {
1642
- "variant": [
1643
- "inherit"
1644
- ],
1645
- "color": [
1646
- "inherit"
1647
- ],
1648
- "textAlign": [
1649
- "center"
1650
- ],
1651
- "className": [
1652
- "w-full"
1321
+ "ChipBase": {
1322
+ "as": [
1323
+ "button"
1653
1324
  ]
1654
1325
  }
1655
1326
  },
1656
1327
  "propToVariantKeys": {
1657
1328
  "variant": [
1658
- "bottomsheetVariantHeader"
1329
+ "chipLinkVariantRoot",
1330
+ "chipLinkVariantIcon"
1659
1331
  ]
1660
1332
  },
1661
1333
  "motionVarPrefixes": []
1662
1334
  },
1663
- "BottomSheetTrigger": {
1664
- "name": "BottomSheetTrigger",
1665
- "defaultProps": {},
1666
- "getStylesLiterals": {},
1667
- "cxLiterals": [],
1668
- "internalComponents": [
1669
- "AriakitDialogDisclosure"
1670
- ],
1671
- "internalComponentProps": {},
1672
- "propToVariantKeys": {},
1673
- "motionVarPrefixes": []
1674
- },
1675
- "BottomSheetProvider": {
1676
- "name": "BottomSheetProvider",
1677
- "defaultProps": {},
1678
- "getStylesLiterals": {},
1679
- "cxLiterals": [],
1680
- "internalComponents": [
1681
- "AriakitDialogProvider"
1682
- ],
1683
- "internalComponentProps": {},
1684
- "propToVariantKeys": {},
1685
- "motionVarPrefixes": []
1686
- },
1687
- "UDSBottomSheetConfigProvider": {
1688
- "name": "UDSBottomSheetConfigProvider",
1689
- "defaultProps": {},
1690
- "getStylesLiterals": {},
1691
- "cxLiterals": [],
1692
- "internalComponents": [
1693
- "BottomSheetContext.Provider"
1694
- ],
1695
- "internalComponentProps": {},
1696
- "propToVariantKeys": {},
1697
- "motionVarPrefixes": []
1698
- },
1699
- "UDSToastConfigProvider": {
1700
- "name": "UDSToastConfigProvider",
1701
- "defaultProps": {},
1702
- "getStylesLiterals": {},
1703
- "cxLiterals": [],
1704
- "internalComponents": [
1705
- "ToastContext.Provider"
1706
- ],
1707
- "internalComponentProps": {},
1708
- "propToVariantKeys": {},
1709
- "motionVarPrefixes": []
1710
- },
1711
- "Toast": {
1712
- "name": "Toast",
1713
- "defaultProps": {},
1714
- "getStylesLiterals": {
1715
- "className": "flex-none",
1716
- "spacing": "2",
1717
- "borderRadius": "full"
1335
+ "ChipDismissible": {
1336
+ "name": "ChipDismissible",
1337
+ "defaultProps": {
1338
+ "variant": "primary"
1718
1339
  },
1340
+ "getStylesLiterals": {},
1719
1341
  "cxLiterals": [
1720
- "transition-[background-color]",
1721
- "bg-carbon-15/0",
1722
- "hover:bg-carbon-15/10",
1723
- "active:bg-carbon-15/15",
1724
- "uds-ring"
1342
+ "uds-chip-dismissible-button",
1343
+ "uds-hit-target",
1344
+ "uds-ring",
1345
+ "rounded-full"
1725
1346
  ],
1726
1347
  "internalComponents": [
1348
+ "ChipBase",
1727
1349
  "IconSlot",
1728
- "ToastContainer",
1729
- "Text",
1730
- "Button",
1731
1350
  "Pressable"
1732
1351
  ],
1733
1352
  "internalComponentProps": {},
1734
1353
  "propToVariantKeys": {
1735
- "size": [
1736
- "toastSizeLabel",
1737
- "toastSizeIcon",
1738
- "toastSizeActionButton",
1739
- "toastSizeCloseIcon"
1740
- ],
1741
1354
  "variant": [
1742
- "toastVariantIcon",
1743
- "toastVariantActionButton",
1744
- "toastVariantCloseIcon"
1745
- ],
1746
- "closeIcon": [
1747
- "icon"
1355
+ "chipDismissibleVariantRoot",
1356
+ "chipDismissibleVariantIcon"
1748
1357
  ],
1749
- "onClickActionButton": [
1750
- "onClick"
1358
+ "dismissButtonAriaLabel": [
1359
+ "aria-label"
1751
1360
  ]
1752
1361
  },
1753
1362
  "motionVarPrefixes": []
1754
1363
  },
1755
- "ToastContainer": {
1756
- "name": "ToastContainer",
1757
- "defaultProps": {},
1758
- "getStylesLiterals": {
1759
- "position": "relative",
1760
- "alignItems": "center",
1761
- "display": "flex",
1762
- "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
1364
+ "ChipLink": {
1365
+ "name": "ChipLink",
1366
+ "defaultProps": {
1367
+ "variant": "primary"
1763
1368
  },
1369
+ "getStylesLiterals": {},
1764
1370
  "cxLiterals": [
1765
- "w-full"
1371
+ "uds-ring"
1766
1372
  ],
1767
1373
  "internalComponents": [
1768
- "HStack"
1374
+ "ChipBase"
1769
1375
  ],
1770
1376
  "internalComponentProps": {
1771
- "HStack": {
1772
- "alignItems": [
1773
- "center"
1774
- ],
1775
- "justifyContent": [
1776
- "space-between"
1777
- ],
1778
- "overflow": [
1779
- "hidden"
1780
- ],
1781
- "position": [
1782
- "relative"
1377
+ "ChipBase": {
1378
+ "as": [
1379
+ "a"
1783
1380
  ]
1784
1381
  }
1785
1382
  },
1786
1383
  "propToVariantKeys": {
1787
1384
  "variant": [
1788
- "toastVariantRoot"
1789
- ],
1790
- "size": [
1791
- "toastSizeRoot"
1385
+ "chipLinkVariantRoot",
1386
+ "chipLinkVariantIcon"
1792
1387
  ]
1793
1388
  },
1794
1389
  "motionVarPrefixes": []
1795
1390
  },
1796
- "ToastPortal": {
1797
- "name": "ToastPortal",
1798
- "defaultProps": {},
1799
- "getStylesLiterals": {},
1800
- "cxLiterals": [],
1801
- "internalComponents": [
1802
- "ReactToastifyToastContainer"
1391
+ "ChipToggle": {
1392
+ "name": "ChipToggle",
1393
+ "defaultProps": {
1394
+ "variant": "primary",
1395
+ "role": "checkbox"
1396
+ },
1397
+ "getStylesLiterals": {
1398
+ "chipToggleVariantActiveRoot": "on",
1399
+ "chipToggleVariantActiveRoot:1": "off"
1400
+ },
1401
+ "cxLiterals": [
1402
+ "uds-ring"
1803
1403
  ],
1804
- "internalComponentProps": {},
1805
- "propToVariantKeys": {},
1806
- "motionVarPrefixes": []
1807
- },
1808
- "RadioGroupStore": {
1809
- "name": "RadioGroupStore",
1810
- "defaultProps": {},
1811
- "getStylesLiterals": {},
1812
- "cxLiterals": [],
1813
- "internalComponents": [],
1814
- "internalComponentProps": {},
1815
- "propToVariantKeys": {},
1816
- "motionVarPrefixes": []
1817
- },
1818
- "RadioGroupProvider": {
1819
- "name": "RadioGroupProvider",
1820
- "defaultProps": {},
1821
- "getStylesLiterals": {},
1822
- "cxLiterals": [],
1823
1404
  "internalComponents": [
1824
- "DivProps",
1825
- "Comp",
1826
- "RadioGroupContext.Provider"
1405
+ "ChipBase"
1827
1406
  ],
1828
1407
  "internalComponentProps": {
1829
- "Comp": {
1830
- "role": [
1831
- "radiogroup"
1408
+ "ChipBase": {
1409
+ "as": [
1410
+ "button"
1832
1411
  ]
1833
1412
  }
1834
1413
  },
1835
- "propToVariantKeys": {},
1414
+ "propToVariantKeys": {
1415
+ "variant": [
1416
+ "chipToggleVariantRoot",
1417
+ "chipToggleVariantIcon"
1418
+ ]
1419
+ },
1836
1420
  "motionVarPrefixes": []
1837
1421
  },
1838
- "Radio": {
1839
- "name": "Radio",
1422
+ "Input": {
1423
+ "name": "Input",
1840
1424
  "defaultProps": {
1841
- "labelPosition": "start",
1842
- "variant": "primary",
1425
+ "type": "text",
1843
1426
  "size": "md",
1844
- "value": ""
1427
+ "width": "full"
1845
1428
  },
1846
1429
  "getStylesLiterals": {
1847
- "radioVariantValueRoot": "checked",
1848
- "radioVariantValueRoot:1": "unchecked",
1849
- "display": "flex",
1850
- "flexDirection": "row",
1851
- "flexDirection:1": "row-reverse",
1852
- "alignItems": "center",
1853
- "radioVariantValueRadio": "checked",
1854
- "radioVariantValueRadio:1": "unchecked",
1855
- "radioVariantValueRadioCircle": "checked",
1856
- "radioVariantValueRadioCircle:1": "unchecked"
1430
+ "inputVariantRoot": "default",
1431
+ "inputVariantValueRoot": "empty",
1432
+ "inputVariantValueRoot:1": "filled",
1433
+ "inputVariantInputWrapper": "default",
1434
+ "inputVariantValueInputWrapper": "empty",
1435
+ "inputVariantValueInputWrapper:1": "filled",
1436
+ "inputVariantInput": "default",
1437
+ "inputVariantValueInput": "empty",
1438
+ "inputVariantValueInput:1": "filled",
1439
+ "inputVariantInputPlaceholder": "default",
1440
+ "inputVariantValueInputPlaceholder": "empty",
1441
+ "inputVariantValueInputPlaceholder:1": "filled",
1442
+ "inputVariantLabel": "default",
1443
+ "inputVariantValueLabel": "empty",
1444
+ "inputVariantValueLabel:1": "filled",
1445
+ "inputVariantLabelRequired": "default",
1446
+ "inputVariantValueLabelRequired": "empty",
1447
+ "inputVariantValueLabelRequired:1": "filled",
1448
+ "inputVariantStartIcon": "default",
1449
+ "inputVariantValueStartIcon": "empty",
1450
+ "inputVariantValueStartIcon:1": "filled",
1451
+ "inputVariantEndIcon": "default",
1452
+ "inputVariantValueEndIcon": "empty",
1453
+ "inputVariantValueEndIcon:1": "filled"
1857
1454
  },
1858
1455
  "cxLiterals": [
1859
- "cursor-pointer",
1860
- "cursor-default",
1861
1456
  "opacity-50",
1862
- "border",
1863
- "uds-ring",
1864
- "uds-ring-within",
1865
- "transition-[background-color,border-color]",
1866
- "transition-shadow",
1867
- "pointer-events-none",
1868
- "w-[8px]",
1869
- "h-[8px]",
1870
- "transition-opacity",
1871
- "cursor-[inherit]",
1872
- "absolute",
1873
- "opacity-0",
1874
- "top-1/2",
1875
- "left-1/2",
1876
- "w-[calc(100%+2px)]",
1877
- "h-[calc(100%+2px)]",
1878
- "transform",
1879
- "translate-x-[-50%]",
1880
- "translate-y-[-50%]",
1881
- "text-start",
1882
- "text-end"
1457
+ "min-w-[200px]",
1458
+ "grow",
1459
+ "uds-hit-target",
1460
+ "bg-clip-text",
1461
+ "focus:outline-none",
1462
+ "cursor-text",
1463
+ "cursor-not-allowed"
1883
1464
  ],
1884
1465
  "internalComponents": [
1466
+ "IconSlot",
1467
+ "StartIcon",
1468
+ "EndIcon",
1469
+ "HelpTextContent",
1885
1470
  "Box",
1886
- "FormLabel",
1887
- "SpringMotionConfig",
1888
- "RootElement",
1889
- "MotionBox"
1471
+ "InputHelpTextInternal",
1472
+ "VStack",
1473
+ "HStack",
1474
+ "AnimateHeightChange"
1890
1475
  ],
1891
1476
  "internalComponentProps": {
1892
- "Box": {
1893
- "borderRadius": [
1894
- "full"
1895
- ]
1896
- },
1897
- "FormLabel": {
1898
- "as": [
1899
- "div"
1900
- ],
1901
- "variant": [
1902
- "inherit"
1903
- ],
1904
- "color": [
1905
- "inherit"
1906
- ]
1907
- },
1908
- "RootElement": {
1909
- "data-testid": [
1910
- "container"
1477
+ "HelpTextContent": {
1478
+ "spacingTop": [
1479
+ "2"
1911
1480
  ]
1912
1481
  },
1913
- "MotionBox": {
1914
- "position": [
1915
- "relative"
1482
+ "Box": {
1483
+ "spacingBottom": [
1484
+ "2"
1916
1485
  ],
1917
- "borderRadius": [
1918
- "full"
1486
+ "columnGap": [
1487
+ "0.5"
1919
1488
  ],
1920
1489
  "alignItems": [
1490
+ "flex-end",
1921
1491
  "center"
1922
1492
  ],
1923
- "justifyContent": [
1493
+ "position": [
1494
+ "relative"
1495
+ ]
1496
+ },
1497
+ "HStack": {
1498
+ "alignItems": [
1924
1499
  "center"
1925
1500
  ],
1926
- "flex": [
1927
- "none"
1501
+ "gap": [
1502
+ "1"
1928
1503
  ]
1929
1504
  }
1930
1505
  },
1931
1506
  "propToVariantKeys": {
1932
1507
  "size": [
1933
- "radioSizeRoot",
1934
- "radioSizeRadio"
1508
+ "inputSizeRoot",
1509
+ "inputSizeInputWrapper",
1510
+ "inputSizeInput",
1511
+ "inputSizeLabel",
1512
+ "inputSizeStartIcon",
1513
+ "inputSizeEndIcon"
1935
1514
  ],
1936
- "variant": [
1937
- "radioVariantRoot",
1938
- "radioVariantRadio",
1939
- "radioVariantRadioCircle"
1515
+ "startIcon": [
1516
+ "icon"
1940
1517
  ],
1941
- "reduceMotion": [
1942
- "reducedMotion"
1518
+ "endIcon": [
1519
+ "icon"
1520
+ ],
1521
+ "helperTextIcon": [
1522
+ "startIcon"
1943
1523
  ]
1944
1524
  },
1945
- "motionVarPrefixes": [
1946
- "--uds-motion-subtle-3-",
1947
- "--uds-motion-smooth-3-"
1948
- ]
1949
- },
1950
- "UDSTooltipConfigProvider": {
1951
- "name": "UDSTooltipConfigProvider",
1952
- "defaultProps": {},
1953
- "getStylesLiterals": {},
1954
- "cxLiterals": [],
1955
- "internalComponents": [
1956
- "TooltipContext.Provider"
1957
- ],
1958
- "internalComponentProps": {},
1959
- "propToVariantKeys": {},
1960
1525
  "motionVarPrefixes": []
1961
1526
  },
1962
- "TooltipTrigger": {
1963
- "name": "TooltipTrigger",
1964
- "defaultProps": {},
1965
- "getStylesLiterals": {},
1527
+ "InputHelpText": {
1528
+ "name": "InputHelpText",
1529
+ "defaultProps": {
1530
+ "size": "md"
1531
+ },
1532
+ "getStylesLiterals": {
1533
+ "inputVariantRoot": "default",
1534
+ "inputVariantValueRoot": "empty",
1535
+ "inputVariantValueRoot:1": "filled"
1536
+ },
1966
1537
  "cxLiterals": [],
1967
1538
  "internalComponents": [
1968
- "TooltipAnchor"
1969
- ],
1970
- "internalComponentProps": {
1971
- "TooltipAnchor": {
1972
- "className": [
1973
- "inline"
1974
- ]
1975
- }
1976
- },
1977
- "propToVariantKeys": {
1978
- "children": [
1979
- "render"
1980
- ]
1981
- },
1982
- "motionVarPrefixes": []
1983
- },
1984
- "TooltipContent": {
1985
- "name": "TooltipContent",
1986
- "defaultProps": {},
1987
- "getStylesLiterals": {
1988
- "tooltipSizeRoot": "default",
1989
- "tooltipVariantRoot": "default",
1990
- "tooltipSizeSvg": "default",
1991
- "tooltipVariantSvg": "default",
1992
- "tooltipVariantBlur": "default",
1993
- "position": "absolute",
1994
- "width": "full",
1995
- "height": "full",
1996
- "tooltipSizeTitle": "default",
1997
- "tooltipSizeBody": "default",
1998
- "tooltipSizeEndContent": "default",
1999
- "tooltipSizeIcon": "default",
2000
- "tooltipVariantIcon": "default"
2001
- },
2002
- "cxLiterals": [
2003
- "flex",
2004
- "z-[9999]",
2005
- "stroke-1",
2006
- "uds-bgBlurFillFallback",
2007
- "uds-bgBlurFallback",
2008
- "top-0",
2009
- "left-0",
2010
- "z-[1]",
2011
- "transition-opacity",
2012
- "ease-in-out",
2013
- "absolute",
2014
- "w-full",
2015
- "h-full",
2016
- "overflow-visible",
2017
- "pointer-events-none",
2018
- "z-[2]"
2019
- ],
2020
- "internalComponents": [
2021
- "Box",
2022
- "IconSlot",
2023
- "TooltipArrow",
2024
- "Tooltip",
2025
- "Fragment",
2026
- "Text"
2027
- ],
2028
- "internalComponentProps": {
2029
- "Box": {
2030
- "position": [
2031
- "relative"
2032
- ],
2033
- "flexDirection": [
2034
- "column"
2035
- ],
2036
- "className": [
2037
- "z-[3] gap-[inherit]"
2038
- ],
2039
- "alignItems": [
2040
- "center"
2041
- ],
2042
- "columnGap": [
2043
- "1",
2044
- "1.5"
2045
- ]
2046
- },
2047
- "Text": {
2048
- "color": [
2049
- "inherit"
2050
- ]
2051
- }
2052
- },
2053
- "propToVariantKeys": {
2054
- "startTitleIcon": [
2055
- "icon"
2056
- ]
2057
- },
2058
- "motionVarPrefixes": []
2059
- },
2060
- "Tooltip": {
2061
- "name": "Tooltip",
2062
- "defaultProps": {},
2063
- "getStylesLiterals": {},
2064
- "cxLiterals": [],
2065
- "internalComponents": [
2066
- "TooltipInternalContext.Provider",
2067
- "TooltipProvider"
2068
- ],
2069
- "internalComponentProps": {},
2070
- "propToVariantKeys": {},
2071
- "motionVarPrefixes": []
2072
- },
2073
- "Input": {
2074
- "name": "Input",
2075
- "defaultProps": {
2076
- "type": "text",
2077
- "size": "md",
2078
- "width": "full"
2079
- },
2080
- "getStylesLiterals": {
2081
- "inputVariantRoot": "default",
2082
- "inputVariantValueRoot": "empty",
2083
- "inputVariantValueRoot:1": "filled",
2084
- "inputVariantInputWrapper": "default",
2085
- "inputVariantValueInputWrapper": "empty",
2086
- "inputVariantValueInputWrapper:1": "filled",
2087
- "inputVariantInput": "default",
2088
- "inputVariantValueInput": "empty",
2089
- "inputVariantValueInput:1": "filled",
2090
- "inputVariantInputPlaceholder": "default",
2091
- "inputVariantValueInputPlaceholder": "empty",
2092
- "inputVariantValueInputPlaceholder:1": "filled",
2093
- "inputVariantLabel": "default",
2094
- "inputVariantValueLabel": "empty",
2095
- "inputVariantValueLabel:1": "filled",
2096
- "inputVariantLabelRequired": "default",
2097
- "inputVariantValueLabelRequired": "empty",
2098
- "inputVariantValueLabelRequired:1": "filled",
2099
- "inputVariantStartIcon": "default",
2100
- "inputVariantValueStartIcon": "empty",
2101
- "inputVariantValueStartIcon:1": "filled",
2102
- "inputVariantEndIcon": "default",
2103
- "inputVariantValueEndIcon": "empty",
2104
- "inputVariantValueEndIcon:1": "filled"
2105
- },
2106
- "cxLiterals": [
2107
- "opacity-50",
2108
- "min-w-[200px]",
2109
- "grow",
2110
- "uds-hit-target",
2111
- "bg-clip-text",
2112
- "focus:outline-none",
2113
- "cursor-text",
2114
- "cursor-not-allowed"
2115
- ],
2116
- "internalComponents": [
2117
- "IconSlot",
2118
- "StartIcon",
2119
- "EndIcon",
2120
- "HelpTextContent",
2121
- "Box",
2122
- "InputHelpTextInternal",
2123
- "VStack",
2124
- "HStack",
2125
- "AnimateHeightChange"
2126
- ],
2127
- "internalComponentProps": {
2128
- "HelpTextContent": {
2129
- "spacingTop": [
2130
- "2"
2131
- ]
2132
- },
2133
- "Box": {
2134
- "spacingBottom": [
2135
- "2"
2136
- ],
2137
- "columnGap": [
2138
- "0.5"
2139
- ],
2140
- "alignItems": [
2141
- "flex-end",
2142
- "center"
2143
- ],
2144
- "position": [
2145
- "relative"
2146
- ]
2147
- },
2148
- "HStack": {
2149
- "alignItems": [
2150
- "center"
2151
- ],
2152
- "gap": [
2153
- "1"
2154
- ]
2155
- }
2156
- },
2157
- "propToVariantKeys": {
2158
- "size": [
2159
- "inputSizeRoot",
2160
- "inputSizeInputWrapper",
2161
- "inputSizeInput",
2162
- "inputSizeLabel",
2163
- "inputSizeStartIcon",
2164
- "inputSizeEndIcon"
2165
- ],
2166
- "startIcon": [
2167
- "icon"
2168
- ],
2169
- "endIcon": [
2170
- "icon"
2171
- ],
2172
- "helperTextIcon": [
2173
- "startIcon"
2174
- ]
2175
- },
2176
- "motionVarPrefixes": []
2177
- },
2178
- "InputHelpText": {
2179
- "name": "InputHelpText",
2180
- "defaultProps": {
2181
- "size": "md"
2182
- },
2183
- "getStylesLiterals": {
2184
- "inputVariantRoot": "default",
2185
- "inputVariantValueRoot": "empty",
2186
- "inputVariantValueRoot:1": "filled"
2187
- },
2188
- "cxLiterals": [],
2189
- "internalComponents": [
2190
- "InputHelpTextInternal",
2191
- "Box"
1539
+ "InputHelpTextInternal",
1540
+ "Box"
2192
1541
  ],
2193
1542
  "internalComponentProps": {
2194
1543
  "Box": {
@@ -2244,212 +1593,67 @@
2244
1593
  },
2245
1594
  "motionVarPrefixes": []
2246
1595
  },
2247
- "UDSConfigProvider": {
2248
- "name": "UDSConfigProvider",
2249
- "defaultProps": {},
1596
+ "Menu.Content": {
1597
+ "name": "Menu.Content",
1598
+ "defaultProps": {
1599
+ "size": "default",
1600
+ "variant": "default",
1601
+ "gutter": "1"
1602
+ },
2250
1603
  "getStylesLiterals": {},
2251
- "cxLiterals": [],
1604
+ "cxLiterals": [
1605
+ "uds-menu-content",
1606
+ "transition-shadow",
1607
+ "duration-200",
1608
+ "ease-in-out",
1609
+ "min-w-60",
1610
+ "max-w-lg",
1611
+ "max-h-96",
1612
+ "overflow-auto",
1613
+ "uds-ring",
1614
+ "z-10",
1615
+ "group"
1616
+ ],
2252
1617
  "internalComponents": [
2253
- "UDSBreakpointsConfigProvider",
2254
- "UDSBottomSheetConfigProvider",
2255
- "UDSToastConfigProvider",
2256
- "UDSTooltipConfigProvider"
1618
+ "AriakitMenu",
1619
+ "AnimatePresence",
1620
+ "MotionVStack"
2257
1621
  ],
2258
1622
  "internalComponentProps": {},
2259
- "propToVariantKeys": {},
2260
- "motionVarPrefixes": []
2261
- },
2262
- "UDSBreakpointsConfigProvider": {
2263
- "name": "UDSBreakpointsConfigProvider",
2264
- "defaultProps": {},
2265
- "getStylesLiterals": {},
2266
- "cxLiterals": [],
2267
- "internalComponents": [
2268
- "UDSBreakpointsConfigContext.Provider"
2269
- ],
2270
- "internalComponentProps": {},
2271
- "propToVariantKeys": {},
2272
- "motionVarPrefixes": []
2273
- },
2274
- "ChipLink": {
2275
- "name": "ChipLink",
2276
- "defaultProps": {
2277
- "variant": "primary"
2278
- },
2279
- "getStylesLiterals": {},
2280
- "cxLiterals": [
2281
- "uds-ring"
2282
- ],
2283
- "internalComponents": [
2284
- "ChipBase"
2285
- ],
2286
- "internalComponentProps": {
2287
- "ChipBase": {
2288
- "as": [
2289
- "a"
2290
- ]
2291
- }
2292
- },
2293
1623
  "propToVariantKeys": {
2294
- "variant": [
2295
- "chipLinkVariantRoot",
2296
- "chipLinkVariantIcon"
2297
- ]
2298
- },
2299
- "motionVarPrefixes": []
2300
- },
2301
- "ChipDismissible": {
2302
- "name": "ChipDismissible",
2303
- "defaultProps": {
2304
- "variant": "primary"
2305
- },
2306
- "getStylesLiterals": {},
2307
- "cxLiterals": [
2308
- "uds-chip-dismissible-button",
2309
- "uds-hit-target",
2310
- "uds-ring",
2311
- "rounded-full"
2312
- ],
2313
- "internalComponents": [
2314
- "ChipBase",
2315
- "IconSlot",
2316
- "Pressable"
2317
- ],
2318
- "internalComponentProps": {},
2319
- "propToVariantKeys": {
2320
- "variant": [
2321
- "chipDismissibleVariantRoot",
2322
- "chipDismissibleVariantIcon"
1624
+ "size": [
1625
+ "menucontentSizeRoot"
2323
1626
  ],
2324
- "dismissButtonAriaLabel": [
2325
- "aria-label"
1627
+ "variant": [
1628
+ "menucontentVariantRoot"
2326
1629
  ]
2327
1630
  },
2328
1631
  "motionVarPrefixes": []
2329
1632
  },
2330
- "ChipToggle": {
2331
- "name": "ChipToggle",
1633
+ "Menu.Divider": {
1634
+ "name": "Menu.Divider",
2332
1635
  "defaultProps": {
2333
- "variant": "primary",
2334
- "role": "checkbox"
1636
+ "role": "separator",
1637
+ "contentPosition": "start",
1638
+ "gap": "4"
2335
1639
  },
2336
1640
  "getStylesLiterals": {
2337
- "chipToggleVariantActiveRoot": "on",
2338
- "chipToggleVariantActiveRoot:1": "off"
2339
- },
2340
- "cxLiterals": [
2341
- "uds-ring"
2342
- ],
2343
- "internalComponents": [
2344
- "ChipBase"
2345
- ],
2346
- "internalComponentProps": {
2347
- "ChipBase": {
2348
- "as": [
2349
- "button"
2350
- ]
2351
- }
2352
- },
2353
- "propToVariantKeys": {
2354
- "variant": [
2355
- "chipToggleVariantRoot",
2356
- "chipToggleVariantIcon"
2357
- ]
1641
+ "menuitemDividerVariantRoot": "default",
1642
+ "menuitemDividerVariantText": "default",
1643
+ "menuitemDividerVariantLine": "default"
2358
1644
  },
2359
- "motionVarPrefixes": []
2360
- },
2361
- "Chip": {
2362
- "name": "Chip",
2363
- "defaultProps": {},
2364
- "getStylesLiterals": {},
2365
1645
  "cxLiterals": [],
2366
1646
  "internalComponents": [
2367
- "ChipDismissible",
2368
- "ChipToggle",
2369
- "ChipLink",
2370
- "ChipButton"
2371
- ],
2372
- "internalComponentProps": {},
2373
- "propToVariantKeys": {},
2374
- "motionVarPrefixes": []
2375
- },
2376
- "ChipBase": {
2377
- "name": "ChipBase",
2378
- "defaultProps": {
2379
- "size": "md",
2380
- "as": "div"
2381
- },
2382
- "getStylesLiterals": {},
2383
- "cxLiterals": [
2384
- "pointer-events-none",
2385
- "cursor-default",
2386
- "opacity-50",
2387
- "inline-flex",
2388
- "items-center",
2389
- "transition-[background-color,outline-color,box-shadow]",
2390
- "truncate",
2391
- "whitespace-nowrap",
2392
- "text-center",
2393
- "flex-1"
2394
- ],
2395
- "internalComponents": [
2396
- "IconSlot",
2397
- "HStack",
2398
- "As",
2399
- "Text"
1647
+ "DividerInternal"
2400
1648
  ],
2401
1649
  "internalComponentProps": {
2402
- "Text": {
2403
- "as": [
2404
- "span"
2405
- ],
2406
- "color": [
2407
- "current"
2408
- ],
1650
+ "DividerInternal": {
2409
1651
  "variant": [
2410
1652
  "inherit"
2411
1653
  ]
2412
1654
  }
2413
1655
  },
2414
- "propToVariantKeys": {
2415
- "size": [
2416
- "chipSizeRoot",
2417
- "chipSizeIcon"
2418
- ],
2419
- "startIcon": [
2420
- "icon"
2421
- ],
2422
- "endIcon": [
2423
- "icon"
2424
- ]
2425
- },
2426
- "motionVarPrefixes": []
2427
- },
2428
- "ChipButton": {
2429
- "name": "ChipButton",
2430
- "defaultProps": {
2431
- "variant": "primary"
2432
- },
2433
- "getStylesLiterals": {},
2434
- "cxLiterals": [
2435
- "uds-ring"
2436
- ],
2437
- "internalComponents": [
2438
- "ChipBase"
2439
- ],
2440
- "internalComponentProps": {
2441
- "ChipBase": {
2442
- "as": [
2443
- "button"
2444
- ]
2445
- }
2446
- },
2447
- "propToVariantKeys": {
2448
- "variant": [
2449
- "chipLinkVariantRoot",
2450
- "chipLinkVariantIcon"
2451
- ]
2452
- },
1656
+ "propToVariantKeys": {},
2453
1657
  "motionVarPrefixes": []
2454
1658
  },
2455
1659
  "Menu.Item": {
@@ -2474,22 +1678,6 @@
2474
1678
  "propToVariantKeys": {},
2475
1679
  "motionVarPrefixes": []
2476
1680
  },
2477
- "Menu.Provider": {
2478
- "name": "Menu.Provider",
2479
- "defaultProps": {},
2480
- "getStylesLiterals": {},
2481
- "cxLiterals": [],
2482
- "internalComponents": [
2483
- "AriakitMenuProvider",
2484
- "SpringMotionConfig"
2485
- ],
2486
- "internalComponentProps": {},
2487
- "propToVariantKeys": {},
2488
- "motionVarPrefixes": [
2489
- "--uds-motion-subtle-3-",
2490
- "--uds-motion-smooth-3-"
2491
- ]
2492
- },
2493
1681
  "Menu.ItemBase": {
2494
1682
  "name": "Menu.ItemBase",
2495
1683
  "defaultProps": {
@@ -2559,6 +1747,49 @@
2559
1747
  },
2560
1748
  "motionVarPrefixes": []
2561
1749
  },
1750
+ "Menu.ItemCheckbox": {
1751
+ "name": "Menu.ItemCheckbox",
1752
+ "defaultProps": {},
1753
+ "getStylesLiterals": {
1754
+ "menuitemItemCheckboxVariantRoot": "default",
1755
+ "menuitemItemCheckboxVariantActiveRoot": "on",
1756
+ "menuitemItemCheckboxVariantActiveRoot:1": "off",
1757
+ "menuitemItemCheckboxVariantText": "default",
1758
+ "menuitemItemCheckboxVariantActiveText": "on",
1759
+ "menuitemItemCheckboxVariantActiveText:1": "off",
1760
+ "menuitemItemCheckboxVariantStartIcon": "default",
1761
+ "menuitemItemCheckboxVariantActiveStartIcon": "on",
1762
+ "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
1763
+ "menuitemItemCheckboxVariantEndIcon": "default",
1764
+ "menuitemItemCheckboxVariantActiveEndIcon": "on",
1765
+ "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
1766
+ },
1767
+ "cxLiterals": [
1768
+ "uds-menu-item-checkbox"
1769
+ ],
1770
+ "internalComponents": [
1771
+ "MenuItemBase"
1772
+ ],
1773
+ "internalComponentProps": {},
1774
+ "propToVariantKeys": {},
1775
+ "motionVarPrefixes": []
1776
+ },
1777
+ "Menu.Provider": {
1778
+ "name": "Menu.Provider",
1779
+ "defaultProps": {},
1780
+ "getStylesLiterals": {},
1781
+ "cxLiterals": [],
1782
+ "internalComponents": [
1783
+ "AriakitMenuProvider",
1784
+ "SpringMotionConfig"
1785
+ ],
1786
+ "internalComponentProps": {},
1787
+ "propToVariantKeys": {},
1788
+ "motionVarPrefixes": [
1789
+ "--uds-motion-subtle-3-",
1790
+ "--uds-motion-smooth-3-"
1791
+ ]
1792
+ },
2562
1793
  "Menu.Trigger": {
2563
1794
  "name": "Menu.Trigger",
2564
1795
  "defaultProps": {},
@@ -2590,71 +1821,150 @@
2590
1821
  "propToVariantKeys": {},
2591
1822
  "motionVarPrefixes": []
2592
1823
  },
2593
- "Menu.Content": {
2594
- "name": "Menu.Content",
2595
- "defaultProps": {
2596
- "size": "default",
2597
- "variant": "default",
2598
- "gutter": "1"
2599
- },
2600
- "getStylesLiterals": {},
2601
- "cxLiterals": [
2602
- "uds-menu-content",
2603
- "transition-shadow",
2604
- "duration-200",
2605
- "ease-in-out",
2606
- "min-w-60",
2607
- "max-w-lg",
2608
- "max-h-96",
2609
- "overflow-auto",
1824
+ "Menu": {
1825
+ "name": "Menu",
1826
+ "defaultProps": {},
1827
+ "getStylesLiterals": {},
1828
+ "cxLiterals": [],
1829
+ "internalComponents": [],
1830
+ "internalComponentProps": {},
1831
+ "propToVariantKeys": {},
1832
+ "motionVarPrefixes": []
1833
+ },
1834
+ "Radio": {
1835
+ "name": "Radio",
1836
+ "defaultProps": {
1837
+ "labelPosition": "start",
1838
+ "variant": "primary",
1839
+ "size": "md",
1840
+ "value": ""
1841
+ },
1842
+ "getStylesLiterals": {
1843
+ "radioVariantValueRoot": "checked",
1844
+ "radioVariantValueRoot:1": "unchecked",
1845
+ "display": "flex",
1846
+ "flexDirection": "row",
1847
+ "flexDirection:1": "row-reverse",
1848
+ "alignItems": "center",
1849
+ "radioVariantValueRadio": "checked",
1850
+ "radioVariantValueRadio:1": "unchecked",
1851
+ "radioVariantValueRadioCircle": "checked",
1852
+ "radioVariantValueRadioCircle:1": "unchecked"
1853
+ },
1854
+ "cxLiterals": [
1855
+ "cursor-pointer",
1856
+ "cursor-default",
1857
+ "opacity-50",
1858
+ "border",
2610
1859
  "uds-ring",
2611
- "z-10",
2612
- "group"
1860
+ "uds-ring-within",
1861
+ "transition-[background-color,border-color]",
1862
+ "transition-shadow",
1863
+ "pointer-events-none",
1864
+ "w-[8px]",
1865
+ "h-[8px]",
1866
+ "transition-opacity",
1867
+ "cursor-[inherit]",
1868
+ "absolute",
1869
+ "opacity-0",
1870
+ "top-1/2",
1871
+ "left-1/2",
1872
+ "w-[calc(100%+2px)]",
1873
+ "h-[calc(100%+2px)]",
1874
+ "transform",
1875
+ "translate-x-[-50%]",
1876
+ "translate-y-[-50%]",
1877
+ "text-start",
1878
+ "text-end"
2613
1879
  ],
2614
1880
  "internalComponents": [
2615
- "AriakitMenu",
2616
- "AnimatePresence",
2617
- "MotionVStack"
1881
+ "Box",
1882
+ "FormLabel",
1883
+ "SpringMotionConfig",
1884
+ "RootElement",
1885
+ "MotionBox"
2618
1886
  ],
2619
- "internalComponentProps": {},
1887
+ "internalComponentProps": {
1888
+ "Box": {
1889
+ "borderRadius": [
1890
+ "full"
1891
+ ]
1892
+ },
1893
+ "FormLabel": {
1894
+ "as": [
1895
+ "div"
1896
+ ],
1897
+ "variant": [
1898
+ "inherit"
1899
+ ],
1900
+ "color": [
1901
+ "inherit"
1902
+ ]
1903
+ },
1904
+ "RootElement": {
1905
+ "data-testid": [
1906
+ "container"
1907
+ ]
1908
+ },
1909
+ "MotionBox": {
1910
+ "position": [
1911
+ "relative"
1912
+ ],
1913
+ "borderRadius": [
1914
+ "full"
1915
+ ],
1916
+ "alignItems": [
1917
+ "center"
1918
+ ],
1919
+ "justifyContent": [
1920
+ "center"
1921
+ ],
1922
+ "flex": [
1923
+ "none"
1924
+ ]
1925
+ }
1926
+ },
2620
1927
  "propToVariantKeys": {
2621
1928
  "size": [
2622
- "menucontentSizeRoot"
1929
+ "radioSizeRoot",
1930
+ "radioSizeRadio"
2623
1931
  ],
2624
1932
  "variant": [
2625
- "menucontentVariantRoot"
1933
+ "radioVariantRoot",
1934
+ "radioVariantRadio",
1935
+ "radioVariantRadioCircle"
1936
+ ],
1937
+ "reduceMotion": [
1938
+ "reducedMotion"
2626
1939
  ]
2627
1940
  },
2628
- "motionVarPrefixes": []
1941
+ "motionVarPrefixes": [
1942
+ "--uds-motion-subtle-3-",
1943
+ "--uds-motion-smooth-3-"
1944
+ ]
2629
1945
  },
2630
- "Menu.Divider": {
2631
- "name": "Menu.Divider",
2632
- "defaultProps": {
2633
- "role": "separator",
2634
- "contentPosition": "start",
2635
- "gap": "4"
2636
- },
2637
- "getStylesLiterals": {
2638
- "menuitemDividerVariantRoot": "default",
2639
- "menuitemDividerVariantText": "default",
2640
- "menuitemDividerVariantLine": "default"
2641
- },
1946
+ "RadioGroupProvider": {
1947
+ "name": "RadioGroupProvider",
1948
+ "defaultProps": {},
1949
+ "getStylesLiterals": {},
2642
1950
  "cxLiterals": [],
2643
1951
  "internalComponents": [
2644
- "DividerInternal"
1952
+ "DivProps",
1953
+ "Comp",
1954
+ "RadioGroupContext.Provider"
2645
1955
  ],
2646
1956
  "internalComponentProps": {
2647
- "DividerInternal": {
2648
- "variant": [
2649
- "inherit"
1957
+ "Comp": {
1958
+ "role": [
1959
+ "radiogroup"
2650
1960
  ]
2651
1961
  }
2652
1962
  },
2653
1963
  "propToVariantKeys": {},
2654
1964
  "motionVarPrefixes": []
2655
1965
  },
2656
- "Menu": {
2657
- "name": "Menu",
1966
+ "RadioGroupStore": {
1967
+ "name": "RadioGroupStore",
2658
1968
  "defaultProps": {},
2659
1969
  "getStylesLiterals": {},
2660
1970
  "cxLiterals": [],
@@ -2663,30 +1973,735 @@
2663
1973
  "propToVariantKeys": {},
2664
1974
  "motionVarPrefixes": []
2665
1975
  },
2666
- "Menu.ItemCheckbox": {
2667
- "name": "Menu.ItemCheckbox",
1976
+ "Toast": {
1977
+ "name": "Toast",
2668
1978
  "defaultProps": {},
2669
1979
  "getStylesLiterals": {
2670
- "menuitemItemCheckboxVariantRoot": "default",
2671
- "menuitemItemCheckboxVariantActiveRoot": "on",
2672
- "menuitemItemCheckboxVariantActiveRoot:1": "off",
2673
- "menuitemItemCheckboxVariantText": "default",
2674
- "menuitemItemCheckboxVariantActiveText": "on",
2675
- "menuitemItemCheckboxVariantActiveText:1": "off",
2676
- "menuitemItemCheckboxVariantStartIcon": "default",
2677
- "menuitemItemCheckboxVariantActiveStartIcon": "on",
2678
- "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
2679
- "menuitemItemCheckboxVariantEndIcon": "default",
2680
- "menuitemItemCheckboxVariantActiveEndIcon": "on",
2681
- "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
1980
+ "className": "flex-none",
1981
+ "spacing": "2",
1982
+ "borderRadius": "full"
2682
1983
  },
2683
1984
  "cxLiterals": [
2684
- "uds-menu-item-checkbox"
1985
+ "transition-[background-color]",
1986
+ "bg-carbon-15/0",
1987
+ "hover:bg-carbon-15/10",
1988
+ "active:bg-carbon-15/15",
1989
+ "uds-ring"
2685
1990
  ],
2686
1991
  "internalComponents": [
2687
- "MenuItemBase"
1992
+ "IconSlot",
1993
+ "ToastContainer",
1994
+ "Text",
1995
+ "Button",
1996
+ "Pressable"
2688
1997
  ],
2689
1998
  "internalComponentProps": {},
1999
+ "propToVariantKeys": {
2000
+ "size": [
2001
+ "toastSizeLabel",
2002
+ "toastSizeIcon",
2003
+ "toastSizeActionButton",
2004
+ "toastSizeCloseIcon"
2005
+ ],
2006
+ "variant": [
2007
+ "toastVariantIcon",
2008
+ "toastVariantActionButton",
2009
+ "toastVariantCloseIcon"
2010
+ ],
2011
+ "closeIcon": [
2012
+ "icon"
2013
+ ],
2014
+ "onClickActionButton": [
2015
+ "onClick"
2016
+ ]
2017
+ },
2018
+ "motionVarPrefixes": []
2019
+ },
2020
+ "ToastContainer": {
2021
+ "name": "ToastContainer",
2022
+ "defaultProps": {},
2023
+ "getStylesLiterals": {
2024
+ "position": "relative",
2025
+ "alignItems": "center",
2026
+ "display": "flex",
2027
+ "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
2028
+ },
2029
+ "cxLiterals": [
2030
+ "w-full"
2031
+ ],
2032
+ "internalComponents": [
2033
+ "HStack"
2034
+ ],
2035
+ "internalComponentProps": {
2036
+ "HStack": {
2037
+ "alignItems": [
2038
+ "center"
2039
+ ],
2040
+ "justifyContent": [
2041
+ "space-between"
2042
+ ],
2043
+ "overflow": [
2044
+ "hidden"
2045
+ ],
2046
+ "position": [
2047
+ "relative"
2048
+ ]
2049
+ }
2050
+ },
2051
+ "propToVariantKeys": {
2052
+ "variant": [
2053
+ "toastVariantRoot"
2054
+ ],
2055
+ "size": [
2056
+ "toastSizeRoot"
2057
+ ]
2058
+ },
2059
+ "motionVarPrefixes": []
2060
+ },
2061
+ "ToastPortal": {
2062
+ "name": "ToastPortal",
2063
+ "defaultProps": {},
2064
+ "getStylesLiterals": {},
2065
+ "cxLiterals": [],
2066
+ "internalComponents": [
2067
+ "ReactToastifyToastContainer"
2068
+ ],
2069
+ "internalComponentProps": {},
2070
+ "propToVariantKeys": {},
2071
+ "motionVarPrefixes": []
2072
+ },
2073
+ "UDSToastConfigProvider": {
2074
+ "name": "UDSToastConfigProvider",
2075
+ "defaultProps": {},
2076
+ "getStylesLiterals": {},
2077
+ "cxLiterals": [],
2078
+ "internalComponents": [
2079
+ "ToastContext.Provider"
2080
+ ],
2081
+ "internalComponentProps": {},
2082
+ "propToVariantKeys": {},
2083
+ "motionVarPrefixes": []
2084
+ },
2085
+ "Tooltip": {
2086
+ "name": "Tooltip",
2087
+ "defaultProps": {},
2088
+ "getStylesLiterals": {},
2089
+ "cxLiterals": [],
2090
+ "internalComponents": [
2091
+ "TooltipInternalContext.Provider",
2092
+ "TooltipProvider"
2093
+ ],
2094
+ "internalComponentProps": {},
2095
+ "propToVariantKeys": {},
2096
+ "motionVarPrefixes": []
2097
+ },
2098
+ "TooltipContent": {
2099
+ "name": "TooltipContent",
2100
+ "defaultProps": {},
2101
+ "getStylesLiterals": {
2102
+ "tooltipSizeRoot": "default",
2103
+ "tooltipVariantRoot": "default",
2104
+ "tooltipSizeSvg": "default",
2105
+ "tooltipVariantSvg": "default",
2106
+ "tooltipVariantBlur": "default",
2107
+ "position": "absolute",
2108
+ "width": "full",
2109
+ "height": "full",
2110
+ "tooltipSizeTitle": "default",
2111
+ "tooltipSizeBody": "default",
2112
+ "tooltipSizeEndContent": "default",
2113
+ "tooltipSizeIcon": "default",
2114
+ "tooltipVariantIcon": "default"
2115
+ },
2116
+ "cxLiterals": [
2117
+ "flex",
2118
+ "z-[9999]",
2119
+ "stroke-1",
2120
+ "uds-bgBlurFillFallback",
2121
+ "uds-bgBlurFallback",
2122
+ "top-0",
2123
+ "left-0",
2124
+ "z-[1]",
2125
+ "transition-opacity",
2126
+ "ease-in-out",
2127
+ "absolute",
2128
+ "w-full",
2129
+ "h-full",
2130
+ "overflow-visible",
2131
+ "pointer-events-none",
2132
+ "z-[2]"
2133
+ ],
2134
+ "internalComponents": [
2135
+ "Box",
2136
+ "IconSlot",
2137
+ "TooltipArrow",
2138
+ "Tooltip",
2139
+ "Fragment",
2140
+ "Text"
2141
+ ],
2142
+ "internalComponentProps": {
2143
+ "Box": {
2144
+ "position": [
2145
+ "relative"
2146
+ ],
2147
+ "flexDirection": [
2148
+ "column"
2149
+ ],
2150
+ "className": [
2151
+ "z-[3] gap-[inherit]"
2152
+ ],
2153
+ "alignItems": [
2154
+ "center"
2155
+ ],
2156
+ "columnGap": [
2157
+ "1",
2158
+ "1.5"
2159
+ ]
2160
+ },
2161
+ "Text": {
2162
+ "color": [
2163
+ "inherit"
2164
+ ]
2165
+ }
2166
+ },
2167
+ "propToVariantKeys": {
2168
+ "startTitleIcon": [
2169
+ "icon"
2170
+ ]
2171
+ },
2172
+ "motionVarPrefixes": []
2173
+ },
2174
+ "TooltipTrigger": {
2175
+ "name": "TooltipTrigger",
2176
+ "defaultProps": {},
2177
+ "getStylesLiterals": {},
2178
+ "cxLiterals": [],
2179
+ "internalComponents": [
2180
+ "TooltipAnchor"
2181
+ ],
2182
+ "internalComponentProps": {
2183
+ "TooltipAnchor": {
2184
+ "className": [
2185
+ "inline"
2186
+ ]
2187
+ }
2188
+ },
2189
+ "propToVariantKeys": {
2190
+ "children": [
2191
+ "render"
2192
+ ]
2193
+ },
2194
+ "motionVarPrefixes": []
2195
+ },
2196
+ "UDSTooltipConfigProvider": {
2197
+ "name": "UDSTooltipConfigProvider",
2198
+ "defaultProps": {},
2199
+ "getStylesLiterals": {},
2200
+ "cxLiterals": [],
2201
+ "internalComponents": [
2202
+ "TooltipContext.Provider"
2203
+ ],
2204
+ "internalComponentProps": {},
2205
+ "propToVariantKeys": {},
2206
+ "motionVarPrefixes": []
2207
+ },
2208
+ "UDSBreakpointsConfigProvider": {
2209
+ "name": "UDSBreakpointsConfigProvider",
2210
+ "defaultProps": {},
2211
+ "getStylesLiterals": {},
2212
+ "cxLiterals": [],
2213
+ "internalComponents": [
2214
+ "UDSBreakpointsConfigContext.Provider"
2215
+ ],
2216
+ "internalComponentProps": {},
2217
+ "propToVariantKeys": {},
2218
+ "motionVarPrefixes": []
2219
+ },
2220
+ "UDSConfigProvider": {
2221
+ "name": "UDSConfigProvider",
2222
+ "defaultProps": {},
2223
+ "getStylesLiterals": {},
2224
+ "cxLiterals": [],
2225
+ "internalComponents": [
2226
+ "UDSBreakpointsConfigProvider",
2227
+ "UDSBottomSheetConfigProvider",
2228
+ "UDSToastConfigProvider",
2229
+ "UDSTooltipConfigProvider"
2230
+ ],
2231
+ "internalComponentProps": {},
2232
+ "propToVariantKeys": {},
2233
+ "motionVarPrefixes": []
2234
+ },
2235
+ "Accordion": {
2236
+ "name": "Accordion",
2237
+ "defaultProps": {
2238
+ "spacingHorizontal": "4",
2239
+ "spacingVertical": "4"
2240
+ },
2241
+ "getStylesLiterals": {},
2242
+ "cxLiterals": [
2243
+ "hover:bg-secondary/80",
2244
+ "w-full"
2245
+ ],
2246
+ "internalComponents": [
2247
+ "Icon",
2248
+ "SpringMotionConfig",
2249
+ "Pressable",
2250
+ "Text",
2251
+ "HStack",
2252
+ "AnimatePresence",
2253
+ "VStack"
2254
+ ],
2255
+ "internalComponentProps": {
2256
+ "Icon": {
2257
+ "variant": [
2258
+ "fill"
2259
+ ],
2260
+ "size": [
2261
+ "sm"
2262
+ ],
2263
+ "color": [
2264
+ "primary"
2265
+ ]
2266
+ },
2267
+ "SpringMotionConfig": {
2268
+ "layoutVariant": [
2269
+ "smooth"
2270
+ ],
2271
+ "layoutSpeed": [
2272
+ "3"
2273
+ ]
2274
+ },
2275
+ "Pressable": {
2276
+ "display": [
2277
+ "flex"
2278
+ ],
2279
+ "flexDirection": [
2280
+ "row"
2281
+ ],
2282
+ "alignItems": [
2283
+ "center"
2284
+ ],
2285
+ "justifyContent": [
2286
+ "space-between"
2287
+ ],
2288
+ "borderRadius": [
2289
+ "md"
2290
+ ]
2291
+ },
2292
+ "Text": {
2293
+ "variant": [
2294
+ "title4"
2295
+ ],
2296
+ "color": [
2297
+ "primary"
2298
+ ]
2299
+ },
2300
+ "HStack": {
2301
+ "display": [
2302
+ "flex"
2303
+ ],
2304
+ "alignItems": [
2305
+ "center"
2306
+ ],
2307
+ "justifyContent": [
2308
+ "space-between"
2309
+ ],
2310
+ "columnGap": [
2311
+ "2.5"
2312
+ ]
2313
+ }
2314
+ },
2315
+ "propToVariantKeys": {},
2316
+ "motionVarPrefixes": [
2317
+ "--uds-motion-smooth-3-"
2318
+ ]
2319
+ },
2320
+ "AvoidMotionLibraryProvider": {
2321
+ "name": "AvoidMotionLibraryProvider",
2322
+ "defaultProps": {},
2323
+ "getStylesLiterals": {},
2324
+ "cxLiterals": [],
2325
+ "internalComponents": [],
2326
+ "internalComponentProps": {},
2327
+ "propToVariantKeys": {},
2328
+ "motionVarPrefixes": []
2329
+ },
2330
+ "Modal": {
2331
+ "name": "Modal",
2332
+ "defaultProps": {},
2333
+ "getStylesLiterals": {},
2334
+ "cxLiterals": [
2335
+ "inset-8",
2336
+ "top-[250px]",
2337
+ "z-50",
2338
+ "mx-auto",
2339
+ "h-fit",
2340
+ "w-[600px]",
2341
+ "origin-center",
2342
+ "scale-95",
2343
+ "opacity-0",
2344
+ "transition",
2345
+ "duration-150",
2346
+ "data-[enter]:scale-100",
2347
+ "data-[enter]:opacity-100",
2348
+ "data-[enter]:bg-primary",
2349
+ "backdrop-blur-0",
2350
+ "data-[enter]:opacity-60",
2351
+ "data-[enter]:backdrop-blur-sm"
2352
+ ],
2353
+ "internalComponents": [
2354
+ "IconButton",
2355
+ "Dialog",
2356
+ "HStack",
2357
+ "Text",
2358
+ "VStack"
2359
+ ],
2360
+ "internalComponentProps": {
2361
+ "IconButton": {
2362
+ "aria-label": [
2363
+ "Close"
2364
+ ],
2365
+ "size": [
2366
+ "sm"
2367
+ ],
2368
+ "variant": [
2369
+ "tertiary"
2370
+ ]
2371
+ },
2372
+ "HStack": {
2373
+ "alignItems": [
2374
+ "center"
2375
+ ],
2376
+ "justifyContent": [
2377
+ "space-between"
2378
+ ]
2379
+ },
2380
+ "Text": {
2381
+ "variant": [
2382
+ "headline1"
2383
+ ],
2384
+ "color": [
2385
+ "primary"
2386
+ ]
2387
+ },
2388
+ "VStack": {
2389
+ "borderRadius": [
2390
+ "md"
2391
+ ],
2392
+ "position": [
2393
+ "fixed"
2394
+ ],
2395
+ "backgroundColor": [
2396
+ "primary"
2397
+ ],
2398
+ "dropShadow": [
2399
+ "md"
2400
+ ],
2401
+ "spacing": [
2402
+ "8"
2403
+ ],
2404
+ "overflow": [
2405
+ "hidden"
2406
+ ]
2407
+ }
2408
+ },
2409
+ "propToVariantKeys": {
2410
+ "handleClose": [
2411
+ "onClick"
2412
+ ]
2413
+ },
2414
+ "motionVarPrefixes": []
2415
+ },
2416
+ "Popover": {
2417
+ "name": "Popover",
2418
+ "defaultProps": {},
2419
+ "getStylesLiterals": {},
2420
+ "cxLiterals": [],
2421
+ "internalComponents": [
2422
+ "HStack",
2423
+ "Text",
2424
+ "OriginalPopoverHeading"
2425
+ ],
2426
+ "internalComponentProps": {
2427
+ "Text": {
2428
+ "variant": [
2429
+ "headline1"
2430
+ ],
2431
+ "color": [
2432
+ "primary"
2433
+ ]
2434
+ }
2435
+ },
2436
+ "propToVariantKeys": {},
2437
+ "motionVarPrefixes": []
2438
+ },
2439
+ "SegmentedControl": {
2440
+ "name": "SegmentedControl",
2441
+ "defaultProps": {},
2442
+ "getStylesLiterals": {
2443
+ "display": "flex",
2444
+ "alignItems": "center",
2445
+ "backgroundColor": "primary",
2446
+ "spacingVertical": "1",
2447
+ "spacingHorizontal": "3",
2448
+ "columnGap": "1.5",
2449
+ "borderWidth": "thin",
2450
+ "borderRadius": "full",
2451
+ "borderColor": "muted",
2452
+ "borderColor:1": "transparent",
2453
+ "color": "primary",
2454
+ "color:1": "tertiary",
2455
+ "color:2": "muted"
2456
+ },
2457
+ "cxLiterals": [
2458
+ "uds-ring",
2459
+ "cursor-not-allowed",
2460
+ "opacity-50",
2461
+ "pointer-events-none",
2462
+ "hover:bg-primary"
2463
+ ],
2464
+ "internalComponents": [
2465
+ "Radio",
2466
+ "Icon",
2467
+ "RadioProvider",
2468
+ "HStack",
2469
+ "RadioGroup",
2470
+ "Pressable",
2471
+ "Text"
2472
+ ],
2473
+ "internalComponentProps": {
2474
+ "Icon": {
2475
+ "size": [
2476
+ "sm"
2477
+ ],
2478
+ "color": [
2479
+ "current"
2480
+ ],
2481
+ "aria-hidden": [
2482
+ "true"
2483
+ ]
2484
+ },
2485
+ "HStack": {
2486
+ "spacing": [
2487
+ "1"
2488
+ ],
2489
+ "gap": [
2490
+ "1"
2491
+ ],
2492
+ "backgroundColor": [
2493
+ "secondary"
2494
+ ],
2495
+ "borderRadius": [
2496
+ "full"
2497
+ ],
2498
+ "display": [
2499
+ "inline-flex"
2500
+ ]
2501
+ },
2502
+ "Text": {
2503
+ "variant": [
2504
+ "label2"
2505
+ ],
2506
+ "color": [
2507
+ "current"
2508
+ ]
2509
+ }
2510
+ },
2511
+ "propToVariantKeys": {
2512
+ "value": [
2513
+ "key"
2514
+ ],
2515
+ "label": [
2516
+ "aria-label"
2517
+ ]
2518
+ },
2519
+ "motionVarPrefixes": []
2520
+ },
2521
+ "SwitchV2": {
2522
+ "name": "SwitchV2",
2523
+ "defaultProps": {
2524
+ "labelPosition": "start",
2525
+ "size": "md"
2526
+ },
2527
+ "getStylesLiterals": {
2528
+ "switchVariantRoot": "default",
2529
+ "switchVariantActiveRoot": "on",
2530
+ "switchVariantActiveRoot:1": "off",
2531
+ "switchVariantSwitch": "default",
2532
+ "switchVariantActiveSwitch": "on",
2533
+ "switchVariantActiveSwitch:1": "off",
2534
+ "switchVariantActiveHandle": "on",
2535
+ "switchVariantActiveHandle:1": "off",
2536
+ "switchVariantHandle": "default",
2537
+ "switchVariantHandleIcon": "default",
2538
+ "switchVariantActiveHandleIcon": "on",
2539
+ "switchVariantActiveHandleIcon:1": "off"
2540
+ },
2541
+ "cxLiterals": [
2542
+ "group",
2543
+ "flex",
2544
+ "items-center",
2545
+ "flex-row",
2546
+ "flex-row-reverse",
2547
+ "uds-ring",
2548
+ "uds-ring-within",
2549
+ "relative",
2550
+ "uds-border-radius-full",
2551
+ "transition-[background-color,box-shadow]",
2552
+ "pointer-events-none",
2553
+ "w-full",
2554
+ "h-full",
2555
+ "absolute",
2556
+ "top-0",
2557
+ "bottom-0",
2558
+ "right-0",
2559
+ "left-0",
2560
+ "overflow-hidden",
2561
+ "group-hover:scale-105",
2562
+ "opacity-95",
2563
+ "group-hover:opacity-100",
2564
+ "transition-[transform,opacity]",
2565
+ "opacity-0",
2566
+ "top-1/2",
2567
+ "left-1/2",
2568
+ "transform",
2569
+ "translate-x-[-50%]",
2570
+ "translate-y-[-50%]",
2571
+ "transition-opacity",
2572
+ "cursor-[inherit]",
2573
+ "w-[calc(100%+2px)]",
2574
+ "h-[calc(100%+2px)]",
2575
+ "text-start",
2576
+ "text-end",
2577
+ "opacity-100"
2578
+ ],
2579
+ "internalComponents": [
2580
+ "IconSlot",
2581
+ "Box",
2582
+ "FormLabel",
2583
+ "SpringMotionConfig",
2584
+ "RootElement",
2585
+ "MotionBox"
2586
+ ],
2587
+ "internalComponentProps": {
2588
+ "IconSlot": {
2589
+ "data-testid": [
2590
+ "on-icon",
2591
+ "off-icon"
2592
+ ]
2593
+ },
2594
+ "FormLabel": {
2595
+ "as": [
2596
+ "div"
2597
+ ],
2598
+ "variant": [
2599
+ "inherit"
2600
+ ],
2601
+ "color": [
2602
+ "inherit"
2603
+ ]
2604
+ },
2605
+ "SpringMotionConfig": {
2606
+ "layoutVariant": [
2607
+ "bouncy"
2608
+ ],
2609
+ "layoutSpeed": [
2610
+ "4"
2611
+ ]
2612
+ },
2613
+ "RootElement": {
2614
+ "data-testid": [
2615
+ "switch-root"
2616
+ ]
2617
+ },
2618
+ "MotionBox": {
2619
+ "layout": [
2620
+ "position"
2621
+ ]
2622
+ }
2623
+ },
2624
+ "propToVariantKeys": {
2625
+ "size": [
2626
+ "switchSizeRoot",
2627
+ "switchSizeSwitch",
2628
+ "switchSizeHandle",
2629
+ "switchSizeHandleIcon"
2630
+ ],
2631
+ "onIcon": [
2632
+ "icon"
2633
+ ],
2634
+ "offIcon": [
2635
+ "icon"
2636
+ ],
2637
+ "reduceMotion": [
2638
+ "reducedMotion"
2639
+ ],
2640
+ "isOn": [
2641
+ "layoutDependency"
2642
+ ]
2643
+ },
2644
+ "motionVarPrefixes": [
2645
+ "--uds-motion-bouncy-4-",
2646
+ "--uds-motion-smooth-3-"
2647
+ ]
2648
+ },
2649
+ "Tabs": {
2650
+ "name": "Tabs",
2651
+ "defaultProps": {},
2652
+ "getStylesLiterals": {
2653
+ "display": "flex",
2654
+ "flexDirection": "row",
2655
+ "columnGap": "6"
2656
+ },
2657
+ "cxLiterals": [
2658
+ "text-tertiary",
2659
+ "border-b-transparent",
2660
+ "aria-selected:border-b-brand",
2661
+ "aria-selected:text-secondary"
2662
+ ],
2663
+ "internalComponents": [
2664
+ "TabProvider",
2665
+ "OriginalTabList",
2666
+ "OriginalTab",
2667
+ "Icon",
2668
+ "OriginalTabPanel",
2669
+ "Pressable",
2670
+ "Comp",
2671
+ "Text"
2672
+ ],
2673
+ "internalComponentProps": {
2674
+ "Icon": {
2675
+ "className": [
2676
+ "text-current"
2677
+ ],
2678
+ "size": [
2679
+ "md"
2680
+ ]
2681
+ },
2682
+ "Pressable": {
2683
+ "borderBottomWidth": [
2684
+ "medium"
2685
+ ],
2686
+ "spacingBottom": [
2687
+ "1"
2688
+ ],
2689
+ "spacingTop": [
2690
+ "4"
2691
+ ]
2692
+ },
2693
+ "Text": {
2694
+ "className": [
2695
+ "text-current"
2696
+ ],
2697
+ "variant": [
2698
+ "headline1"
2699
+ ],
2700
+ "as": [
2701
+ "span"
2702
+ ]
2703
+ }
2704
+ },
2690
2705
  "propToVariantKeys": {},
2691
2706
  "motionVarPrefixes": []
2692
2707
  }