@yahoo/uds 3.121.0 → 3.122.1

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