@yahoo/uds 3.119.2 → 3.121.0

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