@yahoo/uds 3.141.0 → 3.142.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 (64) hide show
  1. package/dist/automated-config/dist/utils/getConfigVariantProperties.d.cts +2 -2
  2. package/dist/automated-config/dist/utils/getConfigVariantProperties.d.ts +2 -2
  3. package/dist/automated-config/dist/utils/index.cjs +1 -1
  4. package/dist/automated-config/dist/utils/index.js +1 -1
  5. package/dist/components/Divider/Divider.cjs +86 -5
  6. package/dist/components/Divider/Divider.d.cts +15 -4
  7. package/dist/components/Divider/Divider.d.ts +15 -4
  8. package/dist/components/Divider/Divider.js +88 -7
  9. package/dist/components/Divider/DividerLabel.cjs +30 -0
  10. package/dist/components/Divider/DividerLabel.d.cts +18 -0
  11. package/dist/components/Divider/DividerLabel.d.ts +18 -0
  12. package/dist/components/Divider/DividerLabel.js +28 -0
  13. package/dist/components/Divider/DividerLine.cjs +41 -0
  14. package/dist/components/Divider/DividerLine.d.cts +19 -0
  15. package/dist/components/Divider/DividerLine.d.ts +19 -0
  16. package/dist/components/Divider/DividerLine.js +39 -0
  17. package/dist/components/Divider/index.cjs +4 -0
  18. package/dist/components/Divider/index.d.cts +4 -1
  19. package/dist/components/Divider/index.d.ts +4 -1
  20. package/dist/components/Divider/index.js +3 -1
  21. package/dist/components/Divider/types.cjs +1 -0
  22. package/dist/components/Divider/types.d.cts +38 -0
  23. package/dist/components/Divider/types.d.ts +38 -0
  24. package/dist/components/Divider/types.js +1 -0
  25. package/dist/components/Divider/utils.cjs +33 -0
  26. package/dist/components/Divider/utils.d.cts +11 -0
  27. package/dist/components/Divider/utils.d.ts +11 -0
  28. package/dist/components/Divider/utils.js +29 -0
  29. package/dist/components/client/Menu/Menu.Divider.cjs +2 -2
  30. package/dist/components/client/Menu/Menu.Divider.js +2 -2
  31. package/dist/components/client/Popover/UDSPopoverConfigProvider.d.cts +1 -1
  32. package/dist/components/client/Popover/UDSPopoverConfigProvider.d.ts +1 -1
  33. package/dist/components/index.cjs +6 -0
  34. package/dist/components/index.d.cts +3 -1
  35. package/dist/components/index.d.ts +3 -1
  36. package/dist/components/index.js +5 -1
  37. package/dist/index.cjs +5 -1
  38. package/dist/index.d.cts +3 -1
  39. package/dist/index.d.ts +3 -1
  40. package/dist/index.js +4 -2
  41. package/dist/styles/styler.d.cts +3 -3
  42. package/dist/styles/styler.d.ts +3 -3
  43. package/dist/tailwind/dist/automated-config/dist/utils/index.cjs +1 -1
  44. package/dist/tailwind/dist/automated-config/dist/utils/index.js +1 -1
  45. package/dist/tailwind/dist/automated-config/dist/utils/index.js.map +1 -1
  46. package/dist/tokens/automation/index.cjs +1 -1
  47. package/dist/tokens/automation/index.js +1 -1
  48. package/dist/tokens/index.cjs +1 -1
  49. package/dist/tokens/index.js +1 -1
  50. package/dist/uds/generated/componentData.cjs +1418 -1416
  51. package/dist/uds/generated/componentData.js +1415 -1413
  52. package/dist/uds/generated/tailwindPurge.cjs +1688 -50
  53. package/dist/uds/generated/tailwindPurge.js +1688 -50
  54. package/generated/componentData.json +1826 -1813
  55. package/generated/tailwindPurge.ts +3 -3
  56. package/package.json +1 -1
  57. package/dist/components/Divider/DividerCore.cjs +0 -83
  58. package/dist/components/Divider/DividerCore.d.cts +0 -22
  59. package/dist/components/Divider/DividerCore.d.ts +0 -22
  60. package/dist/components/Divider/DividerCore.js +0 -81
  61. package/dist/components/Divider/DividerInternal.cjs +0 -31
  62. package/dist/components/Divider/DividerInternal.d.cts +0 -13
  63. package/dist/components/Divider/DividerInternal.d.ts +0 -13
  64. package/dist/components/Divider/DividerInternal.js +0 -29
package/generated/componentData.json CHANGED
@@ -1,32 +1,9 @@
1
1
  {
2
- "Icon": {
3
- "name": "Icon",
4
- "defaultProps": {
5
- "size": "md",
6
- "variant": "outline",
7
- "color": "primary"
8
- },
9
- "getStylesLiterals": {
10
- "flex": "none"
11
- },
12
- "cxLiterals": [
13
- "[&_path]:fill-current"
14
- ],
15
- "internalComponents": [
16
- "SVGIcon"
17
- ],
18
- "internalComponentProps": {},
19
- "propToVariantKeys": {},
20
- "runtimeConfigDefaultProps": {},
21
- "runtimeConfigGetStyles": {},
22
- "runtimeConfigInternalComponentProps": {},
23
- "motionVarPrefixes": []
24
- },
25
- "Text": {
26
- "name": "Text",
2
+ "Box": {
3
+ "name": "Box",
27
4
  "defaultProps": {
28
- "color": "primary",
29
- "variant": "body1"
5
+ "as": "div",
6
+ "display": "flex"
30
7
  },
31
8
  "getStylesLiterals": {},
32
9
  "cxLiterals": [],
@@ -35,66 +12,12 @@
35
12
  ],
36
13
  "internalComponentProps": {},
37
14
  "propToVariantKeys": {
38
- "variant": [
39
- "fontFamily",
40
- "fontSize",
41
- "fontWeight",
42
- "lineHeight",
43
- "textTransform",
44
- "letterSpacing"
45
- ]
46
- },
47
- "runtimeConfigDefaultProps": {},
48
- "runtimeConfigGetStyles": {},
49
- "runtimeConfigInternalComponentProps": {},
50
- "motionVarPrefixes": []
51
- },
52
- "Image": {
53
- "name": "Image",
54
- "defaultProps": {},
55
- "getStylesLiterals": {},
56
- "cxLiterals": [],
57
- "internalComponents": [],
58
- "internalComponentProps": {},
59
- "propToVariantKeys": {},
60
- "runtimeConfigDefaultProps": {},
61
- "runtimeConfigGetStyles": {},
62
- "runtimeConfigInternalComponentProps": {},
63
- "motionVarPrefixes": []
64
- },
65
- "Scrim": {
66
- "name": "Scrim",
67
- "defaultProps": {
68
- "variant": "default",
69
- "position": "fixed"
70
- },
71
- "getStylesLiterals": {},
72
- "cxLiterals": [
73
- "fixed",
74
- "absolute",
75
- "inset-0",
76
- "z-40",
77
- "transition-opacity",
78
- "duration-150",
79
- "motion-reduce:transition-none",
80
- "data-[enter]:opacity-100",
81
- "[&:not([data-enter])]:opacity-0",
82
- "opacity-100",
83
- "uds-bgBlurFallback"
84
- ],
85
- "internalComponents": [
86
- "Box"
87
- ],
88
- "internalComponentProps": {
89
- "Box": {
90
- "display": [
91
- "block"
92
- ]
93
- }
94
- },
95
- "propToVariantKeys": {
96
- "variant": [
97
- "scrimVariantRoot"
15
+ "elevationAlias": [
16
+ "backgroundColor",
17
+ "borderColor",
18
+ "borderWidth",
19
+ "dropShadow",
20
+ "insetShadow"
98
21
  ]
99
22
  },
100
23
  "runtimeConfigDefaultProps": {},
@@ -135,8 +58,8 @@
135
58
  "runtimeConfigInternalComponentProps": {},
136
59
  "motionVarPrefixes": []
137
60
  },
138
- "VStack": {
139
- "name": "VStack",
61
+ "HStack": {
62
+ "name": "HStack",
140
63
  "defaultProps": {},
141
64
  "getStylesLiterals": {},
142
65
  "cxLiterals": [],
@@ -146,14 +69,14 @@
146
69
  "internalComponentProps": {
147
70
  "Box": {
148
71
  "flexDirection": [
149
- "column"
72
+ "row"
150
73
  ]
151
74
  }
152
75
  },
153
76
  "propToVariantKeys": {
154
77
  "gap": [
155
- "columnGap",
156
- "rowGap"
78
+ "rowGap",
79
+ "columnGap"
157
80
  ]
158
81
  },
159
82
  "runtimeConfigDefaultProps": {},
@@ -161,6 +84,29 @@
161
84
  "runtimeConfigInternalComponentProps": {},
162
85
  "motionVarPrefixes": []
163
86
  },
87
+ "Icon": {
88
+ "name": "Icon",
89
+ "defaultProps": {
90
+ "size": "md",
91
+ "variant": "outline",
92
+ "color": "primary"
93
+ },
94
+ "getStylesLiterals": {
95
+ "flex": "none"
96
+ },
97
+ "cxLiterals": [
98
+ "[&_path]:fill-current"
99
+ ],
100
+ "internalComponents": [
101
+ "SVGIcon"
102
+ ],
103
+ "internalComponentProps": {},
104
+ "propToVariantKeys": {},
105
+ "runtimeConfigDefaultProps": {},
106
+ "runtimeConfigGetStyles": {},
107
+ "runtimeConfigInternalComponentProps": {},
108
+ "motionVarPrefixes": []
109
+ },
164
110
  "IconSlot": {
165
111
  "name": "IconSlot",
166
112
  "defaultProps": {},
@@ -176,25 +122,105 @@
176
122
  "runtimeConfigInternalComponentProps": {},
177
123
  "motionVarPrefixes": []
178
124
  },
179
- "Box": {
180
- "name": "Box",
125
+ "Image": {
126
+ "name": "Image",
127
+ "defaultProps": {},
128
+ "getStylesLiterals": {},
129
+ "cxLiterals": [],
130
+ "internalComponents": [],
131
+ "internalComponentProps": {},
132
+ "propToVariantKeys": {},
133
+ "runtimeConfigDefaultProps": {},
134
+ "runtimeConfigGetStyles": {},
135
+ "runtimeConfigInternalComponentProps": {},
136
+ "motionVarPrefixes": []
137
+ },
138
+ "Link": {
139
+ "name": "Link",
181
140
  "defaultProps": {
182
- "as": "div",
183
- "display": "flex"
141
+ "variant": "primary"
142
+ },
143
+ "getStylesLiterals": {
144
+ "display": "inline-flex",
145
+ "alignItems": "center"
146
+ },
147
+ "cxLiterals": [
148
+ "uds-ring",
149
+ "underline",
150
+ "w-[0.7em]",
151
+ "h-[0.7em]"
152
+ ],
153
+ "internalComponents": [
154
+ "IconSlot"
155
+ ],
156
+ "internalComponentProps": {
157
+ "IconSlot": {
158
+ "data-testid": [
159
+ "start-icon",
160
+ "end-icon"
161
+ ]
162
+ }
163
+ },
164
+ "propToVariantKeys": {
165
+ "textVariant": [
166
+ "linkTextStyleRoot",
167
+ "fontSize",
168
+ "fontFamily",
169
+ "fontWeight",
170
+ "lineHeight",
171
+ "textTransform",
172
+ "linkTextStyleIcon"
173
+ ],
174
+ "variant": [
175
+ "linkVariantRoot",
176
+ "linkVariantIconStart",
177
+ "linkVariantIconEnd"
178
+ ],
179
+ "startIcon": [
180
+ "icon"
181
+ ],
182
+ "endIcon": [
183
+ "icon"
184
+ ]
185
+ },
186
+ "runtimeConfigDefaultProps": {},
187
+ "runtimeConfigGetStyles": {},
188
+ "runtimeConfigInternalComponentProps": {},
189
+ "motionVarPrefixes": []
190
+ },
191
+ "Scrim": {
192
+ "name": "Scrim",
193
+ "defaultProps": {
194
+ "variant": "default",
195
+ "position": "fixed"
184
196
  },
185
197
  "getStylesLiterals": {},
186
- "cxLiterals": [],
198
+ "cxLiterals": [
199
+ "fixed",
200
+ "absolute",
201
+ "inset-0",
202
+ "z-40",
203
+ "transition-opacity",
204
+ "duration-150",
205
+ "motion-reduce:transition-none",
206
+ "data-[enter]:opacity-100",
207
+ "[&:not([data-enter])]:opacity-0",
208
+ "opacity-100",
209
+ "uds-bgBlurFallback"
210
+ ],
187
211
  "internalComponents": [
188
- "Comp"
212
+ "Box"
189
213
  ],
190
- "internalComponentProps": {},
214
+ "internalComponentProps": {
215
+ "Box": {
216
+ "display": [
217
+ "block"
218
+ ]
219
+ }
220
+ },
191
221
  "propToVariantKeys": {
192
- "elevationAlias": [
193
- "backgroundColor",
194
- "borderColor",
195
- "borderWidth",
196
- "dropShadow",
197
- "insetShadow"
222
+ "variant": [
223
+ "scrimVariantRoot"
198
224
  ]
199
225
  },
200
226
  "runtimeConfigDefaultProps": {},
@@ -257,25 +283,26 @@
257
283
  "runtimeConfigInternalComponentProps": {},
258
284
  "motionVarPrefixes": []
259
285
  },
260
- "HStack": {
261
- "name": "HStack",
262
- "defaultProps": {},
286
+ "Text": {
287
+ "name": "Text",
288
+ "defaultProps": {
289
+ "color": "primary",
290
+ "variant": "body1"
291
+ },
263
292
  "getStylesLiterals": {},
264
293
  "cxLiterals": [],
265
294
  "internalComponents": [
266
- "Box"
295
+ "Comp"
267
296
  ],
268
- "internalComponentProps": {
269
- "Box": {
270
- "flexDirection": [
271
- "row"
272
- ]
273
- }
274
- },
297
+ "internalComponentProps": {},
275
298
  "propToVariantKeys": {
276
- "gap": [
277
- "rowGap",
278
- "columnGap"
299
+ "variant": [
300
+ "fontFamily",
301
+ "fontSize",
302
+ "fontWeight",
303
+ "lineHeight",
304
+ "textTransform",
305
+ "letterSpacing"
279
306
  ]
280
307
  },
281
308
  "runtimeConfigDefaultProps": {},
@@ -283,52 +310,25 @@
283
310
  "runtimeConfigInternalComponentProps": {},
284
311
  "motionVarPrefixes": []
285
312
  },
286
- "Link": {
287
- "name": "Link",
288
- "defaultProps": {
289
- "variant": "primary"
290
- },
291
- "getStylesLiterals": {
292
- "display": "inline-flex",
293
- "alignItems": "center"
294
- },
295
- "cxLiterals": [
296
- "uds-ring",
297
- "underline",
298
- "w-[0.7em]",
299
- "h-[0.7em]"
300
- ],
313
+ "VStack": {
314
+ "name": "VStack",
315
+ "defaultProps": {},
316
+ "getStylesLiterals": {},
317
+ "cxLiterals": [],
301
318
  "internalComponents": [
302
- "IconSlot"
319
+ "Box"
303
320
  ],
304
321
  "internalComponentProps": {
305
- "IconSlot": {
306
- "data-testid": [
307
- "start-icon",
308
- "end-icon"
322
+ "Box": {
323
+ "flexDirection": [
324
+ "column"
309
325
  ]
310
326
  }
311
327
  },
312
328
  "propToVariantKeys": {
313
- "textVariant": [
314
- "linkTextStyleRoot",
315
- "fontSize",
316
- "fontFamily",
317
- "fontWeight",
318
- "lineHeight",
319
- "textTransform",
320
- "linkTextStyleIcon"
321
- ],
322
- "variant": [
323
- "linkVariantRoot",
324
- "linkVariantIconStart",
325
- "linkVariantIconEnd"
326
- ],
327
- "startIcon": [
328
- "icon"
329
- ],
330
- "endIcon": [
331
- "icon"
329
+ "gap": [
330
+ "columnGap",
331
+ "rowGap"
332
332
  ]
333
333
  },
334
334
  "runtimeConfigDefaultProps": {},
@@ -336,24 +336,6 @@
336
336
  "runtimeConfigInternalComponentProps": {},
337
337
  "motionVarPrefixes": []
338
338
  },
339
- "BannerDescription": {
340
- "name": "BannerDescription",
341
- "defaultProps": {},
342
- "getStylesLiterals": {
343
- "bannerSizeDescription": "default",
344
- "className": "w-full line-clamp-3"
345
- },
346
- "cxLiterals": [],
347
- "internalComponents": [
348
- "Text"
349
- ],
350
- "internalComponentProps": {},
351
- "propToVariantKeys": {},
352
- "runtimeConfigDefaultProps": {},
353
- "runtimeConfigGetStyles": {},
354
- "runtimeConfigInternalComponentProps": {},
355
- "motionVarPrefixes": []
356
- },
357
339
  "Banner": {
358
340
  "name": "Banner",
359
341
  "defaultProps": {
@@ -470,16 +452,14 @@
470
452
  "runtimeConfigInternalComponentProps": {},
471
453
  "motionVarPrefixes": []
472
454
  },
473
- "BannerTitle": {
474
- "name": "BannerTitle",
455
+ "BannerDescription": {
456
+ "name": "BannerDescription",
475
457
  "defaultProps": {},
476
458
  "getStylesLiterals": {
477
- "bannerSizeTitle": "default"
459
+ "bannerSizeDescription": "default",
460
+ "className": "w-full line-clamp-3"
478
461
  },
479
- "cxLiterals": [
480
- "w-full",
481
- "truncate"
482
- ],
462
+ "cxLiterals": [],
483
463
  "internalComponents": [
484
464
  "Text"
485
465
  ],
@@ -490,13 +470,18 @@
490
470
  "runtimeConfigInternalComponentProps": {},
491
471
  "motionVarPrefixes": []
492
472
  },
493
- "Divider": {
494
- "name": "Divider",
473
+ "BannerTitle": {
474
+ "name": "BannerTitle",
495
475
  "defaultProps": {},
496
- "getStylesLiterals": {},
497
- "cxLiterals": [],
476
+ "getStylesLiterals": {
477
+ "bannerSizeTitle": "default"
478
+ },
479
+ "cxLiterals": [
480
+ "w-full",
481
+ "truncate"
482
+ ],
498
483
  "internalComponents": [
499
- "DividerInternal"
484
+ "Text"
500
485
  ],
501
486
  "internalComponentProps": {},
502
487
  "propToVariantKeys": {},
@@ -505,73 +490,72 @@
505
490
  "runtimeConfigInternalComponentProps": {},
506
491
  "motionVarPrefixes": []
507
492
  },
508
- "DividerCore": {
509
- "name": "DividerCore",
493
+ "Divider": {
494
+ "name": "Divider",
510
495
  "defaultProps": {
496
+ "variant": "primary",
511
497
  "contentPosition": "center"
512
498
  },
513
499
  "getStylesLiterals": {},
514
- "cxLiterals": [],
500
+ "cxLiterals": [
501
+ "inherit"
502
+ ],
515
503
  "internalComponents": [
516
- "Box",
517
- "Line",
504
+ "DividerLine",
505
+ "DividerLabel",
518
506
  "InternalComponent",
519
- "Text"
507
+ "Box"
520
508
  ],
521
509
  "internalComponentProps": {
522
- "Box": {
523
- "flex": [
524
- "1",
525
- "none"
526
- ],
527
- "display": [
528
- "flex"
529
- ]
530
- },
531
510
  "InternalComponent": {
532
- "flex": [
533
- "1"
534
- ],
535
511
  "alignItems": [
536
512
  "center"
513
+ ],
514
+ "flex": [
515
+ "1"
537
516
  ]
538
517
  },
539
- "Text": {
540
- "as": [
541
- "span"
542
- ],
543
- "color": [
544
- "inherit"
518
+ "Box": {
519
+ "display": [
520
+ "flex"
545
521
  ],
546
- "variant": [
547
- "inherit"
522
+ "flex": [
523
+ "none"
548
524
  ]
549
525
  }
550
526
  },
551
- "propToVariantKeys": {},
527
+ "propToVariantKeys": {
528
+ "variant": [
529
+ "dividerVariantRoot"
530
+ ]
531
+ },
552
532
  "runtimeConfigDefaultProps": {},
553
533
  "runtimeConfigGetStyles": {},
554
534
  "runtimeConfigInternalComponentProps": {},
555
535
  "motionVarPrefixes": []
556
536
  },
557
- "DividerInternal": {
558
- "name": "DividerInternal",
537
+ "DividerLabel": {
538
+ "name": "DividerLabel",
559
539
  "defaultProps": {
560
- "variant": "primary"
540
+ "variant": "primary",
541
+ "textVariant": "inherit",
542
+ "color": "inherit",
543
+ "as": "span"
561
544
  },
562
545
  "getStylesLiterals": {},
563
546
  "cxLiterals": [
564
547
  "inherit"
565
548
  ],
566
549
  "internalComponents": [
567
- "DividerCore"
550
+ "Text"
568
551
  ],
569
552
  "internalComponentProps": {},
570
553
  "propToVariantKeys": {
571
554
  "variant": [
572
- "dividerVariantRoot",
573
- "dividerVariantLabel",
574
- "dividerVariantLine"
555
+ "dividerVariantLabel"
556
+ ],
557
+ "textVariant": [
558
+ "variant"
575
559
  ]
576
560
  },
577
561
  "runtimeConfigDefaultProps": {},
@@ -579,14 +563,30 @@
579
563
  "runtimeConfigInternalComponentProps": {},
580
564
  "motionVarPrefixes": []
581
565
  },
582
- "Table.mocks": {
583
- "name": "Table.mocks",
584
- "defaultProps": {},
566
+ "DividerLine": {
567
+ "name": "DividerLine",
568
+ "defaultProps": {
569
+ "variant": "primary"
570
+ },
585
571
  "getStylesLiterals": {},
586
- "cxLiterals": [],
587
- "internalComponents": [],
588
- "internalComponentProps": {},
589
- "propToVariantKeys": {},
572
+ "cxLiterals": [
573
+ "inherit"
574
+ ],
575
+ "internalComponents": [
576
+ "Box"
577
+ ],
578
+ "internalComponentProps": {
579
+ "Box": {
580
+ "flex": [
581
+ "1"
582
+ ]
583
+ }
584
+ },
585
+ "propToVariantKeys": {
586
+ "variant": [
587
+ "dividerVariantLine"
588
+ ]
589
+ },
590
590
  "runtimeConfigDefaultProps": {},
591
591
  "runtimeConfigGetStyles": {},
592
592
  "runtimeConfigInternalComponentProps": {},
@@ -626,6 +626,19 @@
626
626
  "runtimeConfigInternalComponentProps": {},
627
627
  "motionVarPrefixes": []
628
628
  },
629
+ "Table.mocks": {
630
+ "name": "Table.mocks",
631
+ "defaultProps": {},
632
+ "getStylesLiterals": {},
633
+ "cxLiterals": [],
634
+ "internalComponents": [],
635
+ "internalComponentProps": {},
636
+ "propToVariantKeys": {},
637
+ "runtimeConfigDefaultProps": {},
638
+ "runtimeConfigGetStyles": {},
639
+ "runtimeConfigInternalComponentProps": {},
640
+ "motionVarPrefixes": []
641
+ },
629
642
  "Table": {
630
643
  "name": "Table",
631
644
  "defaultProps": {
@@ -665,43 +678,6 @@
665
678
  "runtimeConfigInternalComponentProps": {},
666
679
  "motionVarPrefixes": []
667
680
  },
668
- "Pressable": {
669
- "name": "Pressable",
670
- "defaultProps": {},
671
- "getStylesLiterals": {},
672
- "cxLiterals": [],
673
- "internalComponents": [
674
- "Comp"
675
- ],
676
- "internalComponentProps": {},
677
- "propToVariantKeys": {},
678
- "runtimeConfigDefaultProps": {},
679
- "runtimeConfigGetStyles": {},
680
- "runtimeConfigInternalComponentProps": {},
681
- "motionVarPrefixes": []
682
- },
683
- "SpringMotionConfig": {
684
- "name": "SpringMotionConfig",
685
- "defaultProps": {
686
- "reducedMotion": "user"
687
- },
688
- "getStylesLiterals": {},
689
- "cxLiterals": [],
690
- "internalComponents": [
691
- "LazyMotion",
692
- "MotionConfig"
693
- ],
694
- "internalComponentProps": {},
695
- "propToVariantKeys": {
696
- "loadFeatures": [
697
- "features"
698
- ]
699
- },
700
- "runtimeConfigDefaultProps": {},
701
- "runtimeConfigGetStyles": {},
702
- "runtimeConfigInternalComponentProps": {},
703
- "motionVarPrefixes": []
704
- },
705
681
  "AnimateHeightChange": {
706
682
  "name": "AnimateHeightChange",
707
683
  "defaultProps": {},
@@ -732,125 +708,65 @@
732
708
  "--uds-motion-smooth-3-"
733
709
  ]
734
710
  },
735
- "Switch": {
736
- "name": "Switch",
711
+ "Badge": {
712
+ "name": "Badge",
737
713
  "defaultProps": {
738
- "labelPosition": "start",
714
+ "variant": "primary",
739
715
  "size": "md"
740
716
  },
741
- "getStylesLiterals": {
742
- "switchVariantRoot": "default",
743
- "switchVariantActiveRoot": "on",
744
- "switchVariantActiveRoot:1": "off",
745
- "display": "flex",
746
- "flexDirection": "row",
747
- "flexDirection:1": "row-reverse",
748
- "alignItems": "center",
749
- "switchVariantSwitch": "default",
750
- "switchVariantActiveSwitch": "on",
751
- "switchVariantActiveSwitch:1": "off",
752
- "borderRadius": "full",
753
- "position": "relative",
754
- "switchVariantActiveHandle": "on",
755
- "switchVariantActiveHandle:1": "off",
756
- "switchVariantHandle": "default",
757
- "switchVariantHandleIcon": "default",
758
- "switchVariantActiveHandleIcon": "on",
759
- "switchVariantActiveHandleIcon:1": "off"
760
- },
717
+ "getStylesLiterals": {},
761
718
  "cxLiterals": [
762
- "group",
763
- "cursor-pointer",
764
- "cursor-default",
765
- "opacity-50",
766
- "uds-ring",
767
- "uds-ring-within",
768
- "transition-[background-color,box-shadow]",
769
- "relative",
770
- "pointer-events-none",
771
- "uds-border-radius-full",
772
- "overflow-hidden",
773
- "absolute",
774
- "top-0",
775
- "left-0",
776
- "right-0",
777
- "bottom-0",
778
- "opacity-95",
779
- "group-hover:opacity-100",
780
- "transition-[background-color,box-shadow,opacity]",
781
- "opacity-0",
782
- "top-1/2",
783
- "left-1/2",
784
- "transform",
785
- "translate-x-[-50%]",
786
- "translate-y-[-50%]",
787
- "transition-opacity",
788
- "cursor-[inherit]",
789
- "w-[calc(100%+2px)]",
790
- "h-[calc(100%+2px)]",
791
- "text-start",
792
- "text-end",
793
- "opacity-100"
719
+ "flex-1",
720
+ "truncate",
721
+ "whitespace-nowrap",
722
+ "text-center"
794
723
  ],
795
724
  "internalComponents": [
796
725
  "IconSlot",
797
- "Box",
798
- "FormLabel",
799
- "SpringMotionConfig",
800
- "RootElement",
801
- "MotionBox"
726
+ "HStack"
802
727
  ],
803
728
  "internalComponentProps": {
804
729
  "IconSlot": {
805
730
  "data-testid": [
806
- "on-icon",
807
- "off-icon"
731
+ "start-icon",
732
+ "end-icon"
808
733
  ]
809
734
  },
810
- "FormLabel": {
811
- "as": [
812
- "div"
735
+ "HStack": {
736
+ "gap": [
737
+ "2"
813
738
  ],
814
- "variant": [
815
- "inherit"
739
+ "display": [
740
+ "inline-flex"
816
741
  ],
817
- "color": [
818
- "inherit"
819
- ]
820
- },
821
- "RootElement": {
822
- "data-testid": [
823
- "container"
742
+ "alignItems": [
743
+ "center"
824
744
  ]
825
745
  }
826
746
  },
827
747
  "propToVariantKeys": {
828
748
  "size": [
829
- "switchSizeRoot",
830
- "switchSizeSwitch",
831
- "switchSizeHandle",
832
- "switchSizeHandleIcon"
749
+ "badgeSizeRoot",
750
+ "badgeSizeIcon"
833
751
  ],
834
- "onIcon": [
835
- "icon"
752
+ "variant": [
753
+ "badgeVariantRoot",
754
+ "badgeVariantIcon"
836
755
  ],
837
- "offIcon": [
756
+ "startIcon": [
838
757
  "icon"
839
758
  ],
840
- "reduceMotion": [
841
- "reducedMotion"
759
+ "endIcon": [
760
+ "icon"
842
761
  ]
843
762
  },
844
763
  "runtimeConfigDefaultProps": {},
845
764
  "runtimeConfigGetStyles": {},
846
765
  "runtimeConfigInternalComponentProps": {},
847
- "motionVarPrefixes": [
848
- "--uds-motion-bouncy-4-",
849
- "--uds-motion-smooth-3-"
850
- ]
766
+ "motionVarPrefixes": []
851
767
  },
852
- "IconButton": {
853
- "name": "IconButton",
768
+ "Button": {
769
+ "name": "Button",
854
770
  "defaultProps": {
855
771
  "type": "button"
856
772
  },
@@ -862,21 +778,27 @@
862
778
  "overflow-hidden",
863
779
  "justify-center",
864
780
  "items-center",
781
+ "whitespace-nowrap",
782
+ "select-none",
865
783
  "[transform-origin:center]",
866
784
  "[backface-visibility:hidden]",
867
- "[transition-property:color,background-color,border-color,",
868
- "box-shadow,text-decoration-color,fill,stroke]",
785
+ "[transition-property:color,background-color,border-color,box-shadow,text-decoration-color,fill,stroke]",
869
786
  "[transition-timing-function:cubic-bezier(0,0,0.2,1)]",
870
787
  "[transition-duration:220ms]",
871
788
  "cursor-not-allowed",
872
789
  "uds-button-loading",
873
790
  "uds-button-without-effects",
874
- "animate-spin"
791
+ "withIcon",
792
+ "uds-button-with-gap",
793
+ "animate-spin",
794
+ "truncate"
875
795
  ],
876
796
  "internalComponents": [
877
797
  "Icon",
798
+ "IconSlot",
799
+ "AnimatePresence",
878
800
  "SpringMotionConfig",
879
- "AnimatePresence"
801
+ "MotionSlot"
880
802
  ],
881
803
  "internalComponentProps": {
882
804
  "Icon": {
@@ -884,21 +806,29 @@
884
806
  "current"
885
807
  ]
886
808
  },
809
+ "AnimatePresence": {
810
+ "mode": [
811
+ "popLayout"
812
+ ]
813
+ },
887
814
  "SpringMotionConfig": {
888
815
  "layoutSpeed": [
889
816
  "3"
890
817
  ]
891
818
  },
892
- "AnimatePresence": {
893
- "mode": [
894
- "popLayout"
819
+ "MotionSlot": {
820
+ "whileHover": [
821
+ "hover"
822
+ ],
823
+ "whileTap": [
824
+ "pressed"
895
825
  ]
896
826
  }
897
827
  },
898
828
  "propToVariantKeys": {
899
829
  "size": [
900
- "iconbuttonSizeRoot",
901
- "iconbuttonSizeIcon"
830
+ "buttonSizeRoot",
831
+ "buttonSizeIcon"
902
832
  ],
903
833
  "variant": [
904
834
  "buttonVariantRoot",
@@ -906,60 +836,6 @@
906
836
  ],
907
837
  "iconVariant": [
908
838
  "variant"
909
- ]
910
- },
911
- "runtimeConfigDefaultProps": {},
912
- "runtimeConfigGetStyles": {},
913
- "runtimeConfigInternalComponentProps": {},
914
- "motionVarPrefixes": [
915
- "--uds-motion-subtle-3-",
916
- "--uds-motion-smooth-3-"
917
- ]
918
- },
919
- "Badge": {
920
- "name": "Badge",
921
- "defaultProps": {
922
- "variant": "primary",
923
- "size": "md"
924
- },
925
- "getStylesLiterals": {},
926
- "cxLiterals": [
927
- "flex-1",
928
- "truncate",
929
- "whitespace-nowrap",
930
- "text-center"
931
- ],
932
- "internalComponents": [
933
- "IconSlot",
934
- "HStack"
935
- ],
936
- "internalComponentProps": {
937
- "IconSlot": {
938
- "data-testid": [
939
- "start-icon",
940
- "end-icon"
941
- ]
942
- },
943
- "HStack": {
944
- "gap": [
945
- "2"
946
- ],
947
- "display": [
948
- "inline-flex"
949
- ],
950
- "alignItems": [
951
- "center"
952
- ]
953
- }
954
- },
955
- "propToVariantKeys": {
956
- "size": [
957
- "badgeSizeRoot",
958
- "badgeSizeIcon"
959
- ],
960
- "variant": [
961
- "badgeVariantRoot",
962
- "badgeVariantIcon"
963
839
  ],
964
840
  "startIcon": [
965
841
  "icon"
@@ -971,7 +847,10 @@
971
847
  "runtimeConfigDefaultProps": {},
972
848
  "runtimeConfigGetStyles": {},
973
849
  "runtimeConfigInternalComponentProps": {},
974
- "motionVarPrefixes": []
850
+ "motionVarPrefixes": [
851
+ "--uds-motion-subtle-3-",
852
+ "--uds-motion-smooth-3-"
853
+ ]
975
854
  },
976
855
  "Checkbox": {
977
856
  "name": "Checkbox",
@@ -1079,8 +958,8 @@
1079
958
  "--uds-motion-smooth-3-"
1080
959
  ]
1081
960
  },
1082
- "Button": {
1083
- "name": "Button",
961
+ "IconButton": {
962
+ "name": "IconButton",
1084
963
  "defaultProps": {
1085
964
  "type": "button"
1086
965
  },
@@ -1092,27 +971,21 @@
1092
971
  "overflow-hidden",
1093
972
  "justify-center",
1094
973
  "items-center",
1095
- "whitespace-nowrap",
1096
- "select-none",
1097
974
  "[transform-origin:center]",
1098
975
  "[backface-visibility:hidden]",
1099
- "[transition-property:color,background-color,border-color,box-shadow,text-decoration-color,fill,stroke]",
976
+ "[transition-property:color,background-color,border-color,",
977
+ "box-shadow,text-decoration-color,fill,stroke]",
1100
978
  "[transition-timing-function:cubic-bezier(0,0,0.2,1)]",
1101
979
  "[transition-duration:220ms]",
1102
980
  "cursor-not-allowed",
1103
981
  "uds-button-loading",
1104
982
  "uds-button-without-effects",
1105
- "withIcon",
1106
- "uds-button-with-gap",
1107
- "animate-spin",
1108
- "truncate"
983
+ "animate-spin"
1109
984
  ],
1110
985
  "internalComponents": [
1111
986
  "Icon",
1112
- "IconSlot",
1113
- "AnimatePresence",
1114
987
  "SpringMotionConfig",
1115
- "MotionSlot"
988
+ "AnimatePresence"
1116
989
  ],
1117
990
  "internalComponentProps": {
1118
991
  "Icon": {
@@ -1120,29 +993,21 @@
1120
993
  "current"
1121
994
  ]
1122
995
  },
1123
- "AnimatePresence": {
1124
- "mode": [
1125
- "popLayout"
1126
- ]
1127
- },
1128
996
  "SpringMotionConfig": {
1129
997
  "layoutSpeed": [
1130
998
  "3"
1131
999
  ]
1132
1000
  },
1133
- "MotionSlot": {
1134
- "whileHover": [
1135
- "hover"
1136
- ],
1137
- "whileTap": [
1138
- "pressed"
1001
+ "AnimatePresence": {
1002
+ "mode": [
1003
+ "popLayout"
1139
1004
  ]
1140
1005
  }
1141
1006
  },
1142
1007
  "propToVariantKeys": {
1143
1008
  "size": [
1144
- "buttonSizeRoot",
1145
- "buttonSizeIcon"
1009
+ "iconbuttonSizeRoot",
1010
+ "iconbuttonSizeIcon"
1146
1011
  ],
1147
1012
  "variant": [
1148
1013
  "buttonVariantRoot",
@@ -1150,12 +1015,6 @@
1150
1015
  ],
1151
1016
  "iconVariant": [
1152
1017
  "variant"
1153
- ],
1154
- "startIcon": [
1155
- "icon"
1156
- ],
1157
- "endIcon": [
1158
- "icon"
1159
1018
  ]
1160
1019
  },
1161
1020
  "runtimeConfigDefaultProps": {},
@@ -1166,20 +1025,174 @@
1166
1025
  "--uds-motion-smooth-3-"
1167
1026
  ]
1168
1027
  },
1169
- "Accordion": {
1170
- "name": "Accordion",
1028
+ "Pressable": {
1029
+ "name": "Pressable",
1030
+ "defaultProps": {},
1031
+ "getStylesLiterals": {},
1032
+ "cxLiterals": [],
1033
+ "internalComponents": [
1034
+ "Comp"
1035
+ ],
1036
+ "internalComponentProps": {},
1037
+ "propToVariantKeys": {},
1038
+ "runtimeConfigDefaultProps": {},
1039
+ "runtimeConfigGetStyles": {},
1040
+ "runtimeConfigInternalComponentProps": {},
1041
+ "motionVarPrefixes": []
1042
+ },
1043
+ "SpringMotionConfig": {
1044
+ "name": "SpringMotionConfig",
1171
1045
  "defaultProps": {
1172
- "spacingHorizontal": "4",
1173
- "spacingVertical": "4"
1046
+ "reducedMotion": "user"
1174
1047
  },
1175
1048
  "getStylesLiterals": {},
1176
- "cxLiterals": [
1177
- "hover:bg-secondary/80",
1178
- "w-full"
1179
- ],
1049
+ "cxLiterals": [],
1180
1050
  "internalComponents": [
1181
- "Icon",
1182
- "SpringMotionConfig",
1051
+ "LazyMotion",
1052
+ "MotionConfig"
1053
+ ],
1054
+ "internalComponentProps": {},
1055
+ "propToVariantKeys": {
1056
+ "loadFeatures": [
1057
+ "features"
1058
+ ]
1059
+ },
1060
+ "runtimeConfigDefaultProps": {},
1061
+ "runtimeConfigGetStyles": {},
1062
+ "runtimeConfigInternalComponentProps": {},
1063
+ "motionVarPrefixes": []
1064
+ },
1065
+ "Switch": {
1066
+ "name": "Switch",
1067
+ "defaultProps": {
1068
+ "labelPosition": "start",
1069
+ "size": "md"
1070
+ },
1071
+ "getStylesLiterals": {
1072
+ "switchVariantRoot": "default",
1073
+ "switchVariantActiveRoot": "on",
1074
+ "switchVariantActiveRoot:1": "off",
1075
+ "display": "flex",
1076
+ "flexDirection": "row",
1077
+ "flexDirection:1": "row-reverse",
1078
+ "alignItems": "center",
1079
+ "switchVariantSwitch": "default",
1080
+ "switchVariantActiveSwitch": "on",
1081
+ "switchVariantActiveSwitch:1": "off",
1082
+ "borderRadius": "full",
1083
+ "position": "relative",
1084
+ "switchVariantActiveHandle": "on",
1085
+ "switchVariantActiveHandle:1": "off",
1086
+ "switchVariantHandle": "default",
1087
+ "switchVariantHandleIcon": "default",
1088
+ "switchVariantActiveHandleIcon": "on",
1089
+ "switchVariantActiveHandleIcon:1": "off"
1090
+ },
1091
+ "cxLiterals": [
1092
+ "group",
1093
+ "cursor-pointer",
1094
+ "cursor-default",
1095
+ "opacity-50",
1096
+ "uds-ring",
1097
+ "uds-ring-within",
1098
+ "transition-[background-color,box-shadow]",
1099
+ "relative",
1100
+ "pointer-events-none",
1101
+ "uds-border-radius-full",
1102
+ "overflow-hidden",
1103
+ "absolute",
1104
+ "top-0",
1105
+ "left-0",
1106
+ "right-0",
1107
+ "bottom-0",
1108
+ "opacity-95",
1109
+ "group-hover:opacity-100",
1110
+ "transition-[background-color,box-shadow,opacity]",
1111
+ "opacity-0",
1112
+ "top-1/2",
1113
+ "left-1/2",
1114
+ "transform",
1115
+ "translate-x-[-50%]",
1116
+ "translate-y-[-50%]",
1117
+ "transition-opacity",
1118
+ "cursor-[inherit]",
1119
+ "w-[calc(100%+2px)]",
1120
+ "h-[calc(100%+2px)]",
1121
+ "text-start",
1122
+ "text-end",
1123
+ "opacity-100"
1124
+ ],
1125
+ "internalComponents": [
1126
+ "IconSlot",
1127
+ "Box",
1128
+ "FormLabel",
1129
+ "SpringMotionConfig",
1130
+ "RootElement",
1131
+ "MotionBox"
1132
+ ],
1133
+ "internalComponentProps": {
1134
+ "IconSlot": {
1135
+ "data-testid": [
1136
+ "on-icon",
1137
+ "off-icon"
1138
+ ]
1139
+ },
1140
+ "FormLabel": {
1141
+ "as": [
1142
+ "div"
1143
+ ],
1144
+ "variant": [
1145
+ "inherit"
1146
+ ],
1147
+ "color": [
1148
+ "inherit"
1149
+ ]
1150
+ },
1151
+ "RootElement": {
1152
+ "data-testid": [
1153
+ "container"
1154
+ ]
1155
+ }
1156
+ },
1157
+ "propToVariantKeys": {
1158
+ "size": [
1159
+ "switchSizeRoot",
1160
+ "switchSizeSwitch",
1161
+ "switchSizeHandle",
1162
+ "switchSizeHandleIcon"
1163
+ ],
1164
+ "onIcon": [
1165
+ "icon"
1166
+ ],
1167
+ "offIcon": [
1168
+ "icon"
1169
+ ],
1170
+ "reduceMotion": [
1171
+ "reducedMotion"
1172
+ ]
1173
+ },
1174
+ "runtimeConfigDefaultProps": {},
1175
+ "runtimeConfigGetStyles": {},
1176
+ "runtimeConfigInternalComponentProps": {},
1177
+ "motionVarPrefixes": [
1178
+ "--uds-motion-bouncy-4-",
1179
+ "--uds-motion-smooth-3-"
1180
+ ]
1181
+ },
1182
+ "Accordion": {
1183
+ "name": "Accordion",
1184
+ "defaultProps": {
1185
+ "spacingHorizontal": "4",
1186
+ "spacingVertical": "4"
1187
+ },
1188
+ "getStylesLiterals": {},
1189
+ "cxLiterals": [
1190
+ "hover:bg-secondary/80",
1191
+ "w-full"
1192
+ ],
1193
+ "internalComponents": [
1194
+ "Icon",
1195
+ "SpringMotionConfig",
1183
1196
  "Pressable",
1184
1197
  "Text",
1185
1198
  "HStack",
@@ -1486,12 +1499,14 @@
1486
1499
  "--uds-motion-smooth-3-"
1487
1500
  ]
1488
1501
  },
1489
- "BottomSheetInternalContext": {
1490
- "name": "BottomSheetInternalContext",
1502
+ "Avatar": {
1503
+ "name": "Avatar",
1491
1504
  "defaultProps": {},
1492
1505
  "getStylesLiterals": {},
1493
1506
  "cxLiterals": [],
1494
- "internalComponents": [],
1507
+ "internalComponents": [
1508
+ "AvatarImage"
1509
+ ],
1495
1510
  "internalComponentProps": {},
1496
1511
  "propToVariantKeys": {},
1497
1512
  "runtimeConfigDefaultProps": {},
@@ -1499,78 +1514,69 @@
1499
1514
  "runtimeConfigInternalComponentProps": {},
1500
1515
  "motionVarPrefixes": []
1501
1516
  },
1502
- "BottomSheetContent": {
1503
- "name": "BottomSheetContent",
1504
- "defaultProps": {},
1517
+ "AvatarIcon": {
1518
+ "name": "AvatarIcon",
1519
+ "defaultProps": {
1520
+ "size": "md",
1521
+ "variant": "primary"
1522
+ },
1505
1523
  "getStylesLiterals": {},
1506
1524
  "cxLiterals": [
1507
- "min-h-0",
1508
- "touch-pan-y"
1525
+ "overflow-hidden",
1526
+ "w-full",
1527
+ "h-full",
1528
+ "shrink-0",
1529
+ "text-center",
1530
+ "inline-flex",
1531
+ "justify-center",
1532
+ "items-center"
1509
1533
  ],
1510
1534
  "internalComponents": [
1511
- "Box",
1512
- "VStack"
1535
+ "IconSlot",
1536
+ "Box"
1513
1537
  ],
1514
- "internalComponentProps": {
1515
- "Box": {
1516
- "display": [
1517
- "block"
1518
- ],
1519
- "flex": [
1520
- "1"
1521
- ]
1522
- },
1523
- "VStack": {
1524
- "className": [
1525
- "pb-[calc(env(safe-area-inset-bottom))]"
1526
- ]
1527
- }
1538
+ "internalComponentProps": {},
1539
+ "propToVariantKeys": {
1540
+ "size": [
1541
+ "avatarSizeIcon"
1542
+ ]
1528
1543
  },
1529
- "propToVariantKeys": {},
1530
1544
  "runtimeConfigDefaultProps": {},
1531
1545
  "runtimeConfigGetStyles": {},
1532
1546
  "runtimeConfigInternalComponentProps": {},
1533
1547
  "motionVarPrefixes": []
1534
1548
  },
1535
- "BottomSheetHandle": {
1536
- "name": "BottomSheetHandle",
1549
+ "AvatarImage": {
1550
+ "name": "AvatarImage",
1537
1551
  "defaultProps": {
1538
- "variant": "default"
1552
+ "size": "md",
1553
+ "variant": "primary"
1539
1554
  },
1540
1555
  "getStylesLiterals": {},
1541
1556
  "cxLiterals": [
1542
- "relative",
1543
- "h-5",
1544
- "w-16",
1545
- "outline-none",
1546
- "focus-visible:outline-none",
1547
- "[touch-action:pan-y]",
1548
- "absolute",
1549
- "left-1/2",
1550
- "top-1/2",
1551
- "-translate-x-1/2",
1552
- "-translate-y-1/2",
1553
- "h-1",
1554
- "w-8",
1555
- "rounded-full"
1557
+ "overflow-hidden",
1558
+ "w-full",
1559
+ "h-full",
1560
+ "shrink-0",
1561
+ "text-center",
1562
+ "inline-flex",
1563
+ "justify-center",
1564
+ "items-center",
1565
+ "object-cover"
1556
1566
  ],
1557
1567
  "internalComponents": [
1568
+ "UDSImage",
1569
+ "AvatarText",
1570
+ "AvatarIcon",
1558
1571
  "Box"
1559
1572
  ],
1560
- "internalComponentProps": {
1561
- "Box": {
1562
- "display": [
1563
- "block",
1564
- "flex"
1565
- ],
1566
- "justifyContent": [
1567
- "center"
1568
- ]
1569
- }
1570
- },
1573
+ "internalComponentProps": {},
1571
1574
  "propToVariantKeys": {
1572
- "variant": [
1573
- "bottomsheetVariantHandleIndicator"
1575
+ "alt": [
1576
+ "name"
1577
+ ],
1578
+ "fallback": [
1579
+ "initials"
1574
1580
  ]
1575
1581
  },
1576
1582
  "runtimeConfigDefaultProps": {},
@@ -1578,14 +1584,52 @@
1578
1584
  "runtimeConfigInternalComponentProps": {},
1579
1585
  "motionVarPrefixes": []
1580
1586
  },
1581
- "BottomSheet": {
1582
- "name": "BottomSheet",
1587
+ "AvatarText": {
1588
+ "name": "AvatarText",
1583
1589
  "defaultProps": {
1584
- "variant": "default"
1590
+ "size": "md",
1591
+ "variant": "primary"
1585
1592
  },
1586
1593
  "getStylesLiterals": {},
1587
1594
  "cxLiterals": [
1588
- "fixed",
1595
+ "overflow-hidden",
1596
+ "truncate",
1597
+ "w-full",
1598
+ "h-full",
1599
+ "shrink-0",
1600
+ "text-center",
1601
+ "inline-flex",
1602
+ "justify-center",
1603
+ "items-center"
1604
+ ],
1605
+ "internalComponents": [
1606
+ "Box",
1607
+ "Text"
1608
+ ],
1609
+ "internalComponentProps": {
1610
+ "Text": {
1611
+ "color": [
1612
+ "inherit"
1613
+ ],
1614
+ "variant": [
1615
+ "inherit"
1616
+ ]
1617
+ }
1618
+ },
1619
+ "propToVariantKeys": {},
1620
+ "runtimeConfigDefaultProps": {},
1621
+ "runtimeConfigGetStyles": {},
1622
+ "runtimeConfigInternalComponentProps": {},
1623
+ "motionVarPrefixes": []
1624
+ },
1625
+ "BottomSheet": {
1626
+ "name": "BottomSheet",
1627
+ "defaultProps": {
1628
+ "variant": "default"
1629
+ },
1630
+ "getStylesLiterals": {},
1631
+ "cxLiterals": [
1632
+ "fixed",
1589
1633
  "overflow-hidden",
1590
1634
  "inset-x-0",
1591
1635
  "bottom-0",
@@ -1646,6 +1690,100 @@
1646
1690
  "runtimeConfigInternalComponentProps": {},
1647
1691
  "motionVarPrefixes": []
1648
1692
  },
1693
+ "BottomSheetContent": {
1694
+ "name": "BottomSheetContent",
1695
+ "defaultProps": {},
1696
+ "getStylesLiterals": {},
1697
+ "cxLiterals": [
1698
+ "min-h-0",
1699
+ "touch-pan-y"
1700
+ ],
1701
+ "internalComponents": [
1702
+ "Box",
1703
+ "VStack"
1704
+ ],
1705
+ "internalComponentProps": {
1706
+ "Box": {
1707
+ "display": [
1708
+ "block"
1709
+ ],
1710
+ "flex": [
1711
+ "1"
1712
+ ]
1713
+ },
1714
+ "VStack": {
1715
+ "className": [
1716
+ "pb-[calc(env(safe-area-inset-bottom))]"
1717
+ ]
1718
+ }
1719
+ },
1720
+ "propToVariantKeys": {},
1721
+ "runtimeConfigDefaultProps": {},
1722
+ "runtimeConfigGetStyles": {},
1723
+ "runtimeConfigInternalComponentProps": {},
1724
+ "motionVarPrefixes": []
1725
+ },
1726
+ "BottomSheetDismiss": {
1727
+ "name": "BottomSheetDismiss",
1728
+ "defaultProps": {},
1729
+ "getStylesLiterals": {},
1730
+ "cxLiterals": [],
1731
+ "internalComponents": [
1732
+ "AriakitDialogDismiss"
1733
+ ],
1734
+ "internalComponentProps": {},
1735
+ "propToVariantKeys": {},
1736
+ "runtimeConfigDefaultProps": {},
1737
+ "runtimeConfigGetStyles": {},
1738
+ "runtimeConfigInternalComponentProps": {},
1739
+ "motionVarPrefixes": []
1740
+ },
1741
+ "BottomSheetHandle": {
1742
+ "name": "BottomSheetHandle",
1743
+ "defaultProps": {
1744
+ "variant": "default"
1745
+ },
1746
+ "getStylesLiterals": {},
1747
+ "cxLiterals": [
1748
+ "relative",
1749
+ "h-5",
1750
+ "w-16",
1751
+ "outline-none",
1752
+ "focus-visible:outline-none",
1753
+ "[touch-action:pan-y]",
1754
+ "absolute",
1755
+ "left-1/2",
1756
+ "top-1/2",
1757
+ "-translate-x-1/2",
1758
+ "-translate-y-1/2",
1759
+ "h-1",
1760
+ "w-8",
1761
+ "rounded-full"
1762
+ ],
1763
+ "internalComponents": [
1764
+ "Box"
1765
+ ],
1766
+ "internalComponentProps": {
1767
+ "Box": {
1768
+ "display": [
1769
+ "block",
1770
+ "flex"
1771
+ ],
1772
+ "justifyContent": [
1773
+ "center"
1774
+ ]
1775
+ }
1776
+ },
1777
+ "propToVariantKeys": {
1778
+ "variant": [
1779
+ "bottomsheetVariantHandleIndicator"
1780
+ ]
1781
+ },
1782
+ "runtimeConfigDefaultProps": {},
1783
+ "runtimeConfigGetStyles": {},
1784
+ "runtimeConfigInternalComponentProps": {},
1785
+ "motionVarPrefixes": []
1786
+ },
1649
1787
  "BottomSheetHeader": {
1650
1788
  "name": "BottomSheetHeader",
1651
1789
  "defaultProps": {
@@ -1711,14 +1849,12 @@
1711
1849
  "runtimeConfigInternalComponentProps": {},
1712
1850
  "motionVarPrefixes": []
1713
1851
  },
1714
- "BottomSheetTrigger": {
1715
- "name": "BottomSheetTrigger",
1852
+ "BottomSheetInternalContext": {
1853
+ "name": "BottomSheetInternalContext",
1716
1854
  "defaultProps": {},
1717
1855
  "getStylesLiterals": {},
1718
1856
  "cxLiterals": [],
1719
- "internalComponents": [
1720
- "AriakitDialogDisclosure"
1721
- ],
1857
+ "internalComponents": [],
1722
1858
  "internalComponentProps": {},
1723
1859
  "propToVariantKeys": {},
1724
1860
  "runtimeConfigDefaultProps": {},
@@ -1726,13 +1862,13 @@
1726
1862
  "runtimeConfigInternalComponentProps": {},
1727
1863
  "motionVarPrefixes": []
1728
1864
  },
1729
- "UDSBottomSheetConfigProvider": {
1730
- "name": "UDSBottomSheetConfigProvider",
1865
+ "BottomSheetProvider": {
1866
+ "name": "BottomSheetProvider",
1731
1867
  "defaultProps": {},
1732
1868
  "getStylesLiterals": {},
1733
1869
  "cxLiterals": [],
1734
1870
  "internalComponents": [
1735
- "BottomSheetContext.Provider"
1871
+ "AriakitDialogProvider"
1736
1872
  ],
1737
1873
  "internalComponentProps": {},
1738
1874
  "propToVariantKeys": {},
@@ -1741,13 +1877,13 @@
1741
1877
  "runtimeConfigInternalComponentProps": {},
1742
1878
  "motionVarPrefixes": []
1743
1879
  },
1744
- "BottomSheetDismiss": {
1745
- "name": "BottomSheetDismiss",
1880
+ "BottomSheetTrigger": {
1881
+ "name": "BottomSheetTrigger",
1746
1882
  "defaultProps": {},
1747
1883
  "getStylesLiterals": {},
1748
1884
  "cxLiterals": [],
1749
1885
  "internalComponents": [
1750
- "AriakitDialogDismiss"
1886
+ "AriakitDialogDisclosure"
1751
1887
  ],
1752
1888
  "internalComponentProps": {},
1753
1889
  "propToVariantKeys": {},
@@ -1756,13 +1892,13 @@
1756
1892
  "runtimeConfigInternalComponentProps": {},
1757
1893
  "motionVarPrefixes": []
1758
1894
  },
1759
- "BottomSheetProvider": {
1760
- "name": "BottomSheetProvider",
1895
+ "UDSBottomSheetConfigProvider": {
1896
+ "name": "UDSBottomSheetConfigProvider",
1761
1897
  "defaultProps": {},
1762
1898
  "getStylesLiterals": {},
1763
1899
  "cxLiterals": [],
1764
1900
  "internalComponents": [
1765
- "AriakitDialogProvider"
1901
+ "BottomSheetContext.Provider"
1766
1902
  ],
1767
1903
  "internalComponentProps": {},
1768
1904
  "propToVariantKeys": {},
@@ -1771,13 +1907,16 @@
1771
1907
  "runtimeConfigInternalComponentProps": {},
1772
1908
  "motionVarPrefixes": []
1773
1909
  },
1774
- "UDSToastConfigProvider": {
1775
- "name": "UDSToastConfigProvider",
1910
+ "Chip": {
1911
+ "name": "Chip",
1776
1912
  "defaultProps": {},
1777
1913
  "getStylesLiterals": {},
1778
1914
  "cxLiterals": [],
1779
1915
  "internalComponents": [
1780
- "ToastContext.Provider"
1916
+ "ChipDismissible",
1917
+ "ChipToggle",
1918
+ "ChipLink",
1919
+ "ChipButton"
1781
1920
  ],
1782
1921
  "internalComponentProps": {},
1783
1922
  "propToVariantKeys": {},
@@ -1786,206 +1925,77 @@
1786
1925
  "runtimeConfigInternalComponentProps": {},
1787
1926
  "motionVarPrefixes": []
1788
1927
  },
1789
- "ToastPortal": {
1790
- "name": "ToastPortal",
1791
- "defaultProps": {},
1928
+ "ChipBase": {
1929
+ "name": "ChipBase",
1930
+ "defaultProps": {
1931
+ "size": "md",
1932
+ "as": "div"
1933
+ },
1792
1934
  "getStylesLiterals": {},
1793
- "cxLiterals": [],
1935
+ "cxLiterals": [
1936
+ "pointer-events-none",
1937
+ "cursor-default",
1938
+ "opacity-50",
1939
+ "inline-flex",
1940
+ "items-center",
1941
+ "transition-[background-color,outline-color,box-shadow]",
1942
+ "truncate",
1943
+ "whitespace-nowrap",
1944
+ "text-center",
1945
+ "flex-1"
1946
+ ],
1794
1947
  "internalComponents": [
1795
- "ReactToastifyToastContainer"
1948
+ "IconSlot",
1949
+ "HStack",
1950
+ "As",
1951
+ "Text"
1796
1952
  ],
1797
- "internalComponentProps": {},
1798
- "propToVariantKeys": {},
1799
- "runtimeConfigDefaultProps": {
1800
- "size": "toast.defaultSize",
1801
- "variant": "toast.defaultVariant"
1802
- },
1803
- "runtimeConfigGetStyles": {},
1804
- "runtimeConfigInternalComponentProps": {
1805
- "ReactToastifyToastContainer": {
1806
- "autoClose": [
1807
- "toast.autoClose"
1953
+ "internalComponentProps": {
1954
+ "Text": {
1955
+ "as": [
1956
+ "span"
1957
+ ],
1958
+ "color": [
1959
+ "current"
1960
+ ],
1961
+ "variant": [
1962
+ "inherit"
1808
1963
  ]
1809
1964
  }
1810
1965
  },
1966
+ "propToVariantKeys": {
1967
+ "size": [
1968
+ "chipSizeRoot",
1969
+ "chipSizeIcon"
1970
+ ],
1971
+ "startIcon": [
1972
+ "icon"
1973
+ ],
1974
+ "endIcon": [
1975
+ "icon"
1976
+ ]
1977
+ },
1978
+ "runtimeConfigDefaultProps": {},
1979
+ "runtimeConfigGetStyles": {},
1980
+ "runtimeConfigInternalComponentProps": {},
1811
1981
  "motionVarPrefixes": []
1812
1982
  },
1813
- "Toast": {
1814
- "name": "Toast",
1815
- "defaultProps": {},
1816
- "getStylesLiterals": {
1817
- "className": "animate-spin",
1818
- "className:1": "flex-none",
1819
- "spacing": "2",
1820
- "borderRadius": "full"
1983
+ "ChipButton": {
1984
+ "name": "ChipButton",
1985
+ "defaultProps": {
1986
+ "variant": "primary"
1821
1987
  },
1988
+ "getStylesLiterals": {},
1822
1989
  "cxLiterals": [
1823
- "duration-0",
1824
- "duration-120",
1825
- "transition-[background-color]",
1826
- "bg-carbon-15/0",
1827
- "hover:bg-carbon-15/10",
1828
- "active:bg-carbon-15/15",
1829
1990
  "uds-ring"
1830
1991
  ],
1831
1992
  "internalComponents": [
1832
- "IconSlot",
1833
- "ToastContainer",
1834
- "Text",
1835
- "Button",
1836
- "Pressable"
1837
- ],
1838
- "internalComponentProps": {},
1839
- "propToVariantKeys": {
1840
- "size": [
1841
- "toastSizeLabel",
1842
- "toastSizeIcon",
1843
- "toastSizeActionButton",
1844
- "toastSizeCloseIcon"
1845
- ],
1846
- "variant": [
1847
- "toastVariantIcon",
1848
- "toastVariantActionButton",
1849
- "toastVariantCloseIcon"
1850
- ],
1851
- "closeIcon": [
1852
- "icon"
1853
- ],
1854
- "onClickActionButton": [
1855
- "onClick"
1856
- ]
1857
- },
1858
- "runtimeConfigDefaultProps": {
1859
- "size": "toast.defaultSize",
1860
- "variant": "toast.defaultVariant"
1861
- },
1862
- "runtimeConfigGetStyles": {
1863
- "toastSizeLabel": [
1864
- "toast.defaultSize"
1865
- ],
1866
- "toastVariantIcon": [
1867
- "toast.defaultVariant"
1868
- ],
1869
- "toastSizeIcon": [
1870
- "toast.defaultSize"
1871
- ],
1872
- "toastSizeActionButton": [
1873
- "toast.defaultSize"
1874
- ],
1875
- "toastVariantActionButton": [
1876
- "toast.defaultVariant"
1877
- ],
1878
- "toastVariantCloseIcon": [
1879
- "toast.defaultVariant"
1880
- ],
1881
- "toastSizeCloseIcon": [
1882
- "toast.defaultSize"
1883
- ]
1884
- },
1885
- "runtimeConfigInternalComponentProps": {
1886
- "ToastContainer": {
1887
- "size": [
1888
- "toast.defaultSize"
1889
- ],
1890
- "variant": [
1891
- "toast.defaultVariant"
1892
- ]
1893
- },
1894
- "Text": {
1895
- "variant": [
1896
- "toast.textVariant.${size}"
1897
- ],
1898
- "color": [
1899
- "toast.textColor.${variant}"
1900
- ]
1901
- },
1902
- "Button": {
1903
- "size": [
1904
- "toast.buttonSize.${size}"
1905
- ],
1906
- "variant": [
1907
- "toast.buttonVariant.${variant}"
1908
- ]
1909
- }
1910
- },
1911
- "motionVarPrefixes": []
1912
- },
1913
- "ToastContainer": {
1914
- "name": "ToastContainer",
1915
- "defaultProps": {},
1916
- "getStylesLiterals": {
1917
- "position": "relative",
1918
- "alignItems": "center",
1919
- "display": "flex",
1920
- "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
1921
- },
1922
- "cxLiterals": [
1923
- "w-full"
1924
- ],
1925
- "internalComponents": [
1926
- "HStack"
1927
- ],
1928
- "internalComponentProps": {
1929
- "HStack": {
1930
- "alignItems": [
1931
- "center"
1932
- ],
1933
- "justifyContent": [
1934
- "space-between"
1935
- ],
1936
- "overflow": [
1937
- "hidden"
1938
- ],
1939
- "position": [
1940
- "relative"
1941
- ]
1942
- }
1943
- },
1944
- "propToVariantKeys": {
1945
- "variant": [
1946
- "toastVariantRoot"
1947
- ],
1948
- "size": [
1949
- "toastSizeRoot"
1950
- ]
1951
- },
1952
- "runtimeConfigDefaultProps": {
1953
- "size": "toast.defaultSize",
1954
- "variant": "toast.defaultVariant"
1955
- },
1956
- "runtimeConfigGetStyles": {
1957
- "toastVariantRoot": [
1958
- "toast.defaultVariant"
1959
- ],
1960
- "toastSizeRoot": [
1961
- "toast.defaultSize"
1962
- ]
1963
- },
1964
- "runtimeConfigInternalComponentProps": {
1965
- "HStack": {
1966
- "backgroundColor": [
1967
- "toast.backgroundColor.${variant}"
1968
- ]
1969
- }
1970
- },
1971
- "motionVarPrefixes": []
1972
- },
1973
- "ChipLink": {
1974
- "name": "ChipLink",
1975
- "defaultProps": {
1976
- "variant": "primary"
1977
- },
1978
- "getStylesLiterals": {},
1979
- "cxLiterals": [
1980
- "uds-ring"
1981
- ],
1982
- "internalComponents": [
1983
- "ChipBase"
1993
+ "ChipBase"
1984
1994
  ],
1985
1995
  "internalComponentProps": {
1986
1996
  "ChipBase": {
1987
1997
  "as": [
1988
- "a"
1998
+ "button"
1989
1999
  ]
1990
2000
  }
1991
2001
  },
@@ -2032,6 +2042,36 @@
2032
2042
  "runtimeConfigInternalComponentProps": {},
2033
2043
  "motionVarPrefixes": []
2034
2044
  },
2045
+ "ChipLink": {
2046
+ "name": "ChipLink",
2047
+ "defaultProps": {
2048
+ "variant": "primary"
2049
+ },
2050
+ "getStylesLiterals": {},
2051
+ "cxLiterals": [
2052
+ "uds-ring"
2053
+ ],
2054
+ "internalComponents": [
2055
+ "ChipBase"
2056
+ ],
2057
+ "internalComponentProps": {
2058
+ "ChipBase": {
2059
+ "as": [
2060
+ "a"
2061
+ ]
2062
+ }
2063
+ },
2064
+ "propToVariantKeys": {
2065
+ "variant": [
2066
+ "chipLinkVariantRoot",
2067
+ "chipLinkVariantIcon"
2068
+ ]
2069
+ },
2070
+ "runtimeConfigDefaultProps": {},
2071
+ "runtimeConfigGetStyles": {},
2072
+ "runtimeConfigInternalComponentProps": {},
2073
+ "motionVarPrefixes": []
2074
+ },
2035
2075
  "ChipToggle": {
2036
2076
  "name": "ChipToggle",
2037
2077
  "defaultProps": {
@@ -2066,54 +2106,39 @@
2066
2106
  "runtimeConfigInternalComponentProps": {},
2067
2107
  "motionVarPrefixes": []
2068
2108
  },
2069
- "ChipBase": {
2070
- "name": "ChipBase",
2109
+ "Menu.Content": {
2110
+ "name": "Menu.Content",
2071
2111
  "defaultProps": {
2072
- "size": "md",
2073
- "as": "div"
2112
+ "size": "default",
2113
+ "variant": "default",
2114
+ "gutter": "1"
2074
2115
  },
2075
2116
  "getStylesLiterals": {},
2076
2117
  "cxLiterals": [
2077
- "pointer-events-none",
2078
- "cursor-default",
2079
- "opacity-50",
2080
- "inline-flex",
2081
- "items-center",
2082
- "transition-[background-color,outline-color,box-shadow]",
2083
- "truncate",
2084
- "whitespace-nowrap",
2085
- "text-center",
2086
- "flex-1"
2118
+ "uds-menu-content",
2119
+ "transition-shadow",
2120
+ "duration-200",
2121
+ "ease-in-out",
2122
+ "min-w-60",
2123
+ "max-w-lg",
2124
+ "max-h-96",
2125
+ "overflow-auto",
2126
+ "uds-ring",
2127
+ "z-10",
2128
+ "group"
2087
2129
  ],
2088
2130
  "internalComponents": [
2089
- "IconSlot",
2090
- "HStack",
2091
- "As",
2092
- "Text"
2131
+ "AriakitMenu",
2132
+ "AnimatePresence",
2133
+ "MotionVStack"
2093
2134
  ],
2094
- "internalComponentProps": {
2095
- "Text": {
2096
- "as": [
2097
- "span"
2098
- ],
2099
- "color": [
2100
- "current"
2101
- ],
2102
- "variant": [
2103
- "inherit"
2104
- ]
2105
- }
2106
- },
2135
+ "internalComponentProps": {},
2107
2136
  "propToVariantKeys": {
2108
2137
  "size": [
2109
- "chipSizeRoot",
2110
- "chipSizeIcon"
2111
- ],
2112
- "startIcon": [
2113
- "icon"
2138
+ "menucontentSizeRoot"
2114
2139
  ],
2115
- "endIcon": [
2116
- "icon"
2140
+ "variant": [
2141
+ "menucontentVariantRoot"
2117
2142
  ]
2118
2143
  },
2119
2144
  "runtimeConfigDefaultProps": {},
@@ -2121,185 +2146,217 @@
2121
2146
  "runtimeConfigInternalComponentProps": {},
2122
2147
  "motionVarPrefixes": []
2123
2148
  },
2124
- "Chip": {
2125
- "name": "Chip",
2126
- "defaultProps": {},
2127
- "getStylesLiterals": {},
2149
+ "Menu.Divider": {
2150
+ "name": "Menu.Divider",
2151
+ "defaultProps": {
2152
+ "role": "separator",
2153
+ "contentPosition": "start",
2154
+ "gap": "4"
2155
+ },
2156
+ "getStylesLiterals": {
2157
+ "menuitemDividerVariantRoot": "default",
2158
+ "menuitemDividerVariantText": "default",
2159
+ "menuitemDividerVariantLine": "default"
2160
+ },
2128
2161
  "cxLiterals": [],
2129
2162
  "internalComponents": [
2130
- "ChipDismissible",
2131
- "ChipToggle",
2132
- "ChipLink",
2133
- "ChipButton"
2163
+ "Divider"
2134
2164
  ],
2135
- "internalComponentProps": {},
2165
+ "internalComponentProps": {
2166
+ "Divider": {
2167
+ "variant": [
2168
+ "inherit"
2169
+ ]
2170
+ }
2171
+ },
2136
2172
  "propToVariantKeys": {},
2137
2173
  "runtimeConfigDefaultProps": {},
2138
2174
  "runtimeConfigGetStyles": {},
2139
2175
  "runtimeConfigInternalComponentProps": {},
2140
2176
  "motionVarPrefixes": []
2141
2177
  },
2142
- "ChipButton": {
2143
- "name": "ChipButton",
2144
- "defaultProps": {
2145
- "variant": "primary"
2178
+ "Menu.Item": {
2179
+ "name": "Menu.Item",
2180
+ "defaultProps": {},
2181
+ "getStylesLiterals": {
2182
+ "menuitemItemVariantRoot": "default",
2183
+ "menuitemItemVariantActiveRoot": "on",
2184
+ "menuitemItemVariantActiveRoot:1": "off",
2185
+ "menuitemItemVariantText": "default",
2186
+ "menuitemItemVariantActiveText": "on",
2187
+ "menuitemItemVariantActiveText:1": "off",
2188
+ "menuitemItemVariantIcon": "default",
2189
+ "menuitemItemVariantActiveIcon": "on",
2190
+ "menuitemItemVariantActiveIcon:1": "off"
2146
2191
  },
2147
- "getStylesLiterals": {},
2148
- "cxLiterals": [
2149
- "uds-ring"
2150
- ],
2192
+ "cxLiterals": [],
2151
2193
  "internalComponents": [
2152
- "ChipBase"
2194
+ "MenuItemBase"
2153
2195
  ],
2154
- "internalComponentProps": {
2155
- "ChipBase": {
2156
- "as": [
2157
- "button"
2158
- ]
2159
- }
2160
- },
2161
- "propToVariantKeys": {
2162
- "variant": [
2163
- "chipLinkVariantRoot",
2164
- "chipLinkVariantIcon"
2165
- ]
2166
- },
2196
+ "internalComponentProps": {},
2197
+ "propToVariantKeys": {},
2167
2198
  "runtimeConfigDefaultProps": {},
2168
2199
  "runtimeConfigGetStyles": {},
2169
2200
  "runtimeConfigInternalComponentProps": {},
2170
2201
  "motionVarPrefixes": []
2171
2202
  },
2172
- "AvatarText": {
2173
- "name": "AvatarText",
2203
+ "Menu.ItemBase": {
2204
+ "name": "Menu.ItemBase",
2174
2205
  "defaultProps": {
2175
- "size": "md",
2176
- "variant": "primary"
2206
+ "spacing": "0",
2207
+ "spacingHorizontal": "4",
2208
+ "spacingVertical": "3.5",
2209
+ "columnGap": "2",
2210
+ "alignItems": "center",
2211
+ "justifyContent": "space-between"
2212
+ },
2213
+ "getStylesLiterals": {
2214
+ "textAlign": "start",
2215
+ "menuitemSizeRoot": "default",
2216
+ "flexDirection": "row",
2217
+ "menuitemSizeStartIcon": "default",
2218
+ "menuitemSizeEndIcon": "default"
2177
2219
  },
2178
- "getStylesLiterals": {},
2179
2220
  "cxLiterals": [
2180
- "overflow-hidden",
2181
- "truncate",
2182
- "w-full",
2183
- "h-full",
2184
- "shrink-0",
2185
- "text-center",
2186
- "inline-flex",
2187
- "justify-center",
2188
- "items-center"
2221
+ "flex",
2222
+ "focus-visible:text-brand",
2223
+ "focus-visible:bg-brand-secondary",
2224
+ "focus-visible:z-10",
2225
+ "uds-ring",
2226
+ "!-outline-offset-2",
2227
+ "[&:not([aria-checked])]:cursor-default",
2228
+ "opacity-25",
2229
+ "cursor-not-allowed",
2230
+ "duration-20",
2231
+ "transition-[font-variation-settings]",
2232
+ "ease-in-out",
2233
+ "z-0",
2234
+ "uds-start-icon",
2235
+ "uds-end-icon"
2189
2236
  ],
2190
2237
  "internalComponents": [
2191
- "Box",
2192
- "Text"
2238
+ "Pressable",
2239
+ "IconSlot",
2240
+ "RootComponent",
2241
+ "HStack",
2242
+ "AnimatePresence"
2193
2243
  ],
2194
2244
  "internalComponentProps": {
2195
- "Text": {
2196
- "color": [
2197
- "inherit"
2245
+ "HStack": {
2246
+ "alignItems": [
2247
+ "center"
2198
2248
  ],
2199
- "variant": [
2200
- "inherit"
2249
+ "width": [
2250
+ "full"
2251
+ ]
2252
+ },
2253
+ "AnimatePresence": {
2254
+ "mode": [
2255
+ "popLayout"
2201
2256
  ]
2202
2257
  }
2203
2258
  },
2204
- "propToVariantKeys": {},
2259
+ "propToVariantKeys": {
2260
+ "startIconClassName": [
2261
+ "className"
2262
+ ],
2263
+ "endIconClassName": [
2264
+ "className"
2265
+ ],
2266
+ "startIcon": [
2267
+ "icon"
2268
+ ],
2269
+ "endIcon": [
2270
+ "icon"
2271
+ ],
2272
+ "columnGap": [
2273
+ "gap"
2274
+ ]
2275
+ },
2205
2276
  "runtimeConfigDefaultProps": {},
2206
2277
  "runtimeConfigGetStyles": {},
2207
2278
  "runtimeConfigInternalComponentProps": {},
2208
2279
  "motionVarPrefixes": []
2209
2280
  },
2210
- "AvatarIcon": {
2211
- "name": "AvatarIcon",
2212
- "defaultProps": {
2213
- "size": "md",
2214
- "variant": "primary"
2281
+ "Menu.ItemCheckbox": {
2282
+ "name": "Menu.ItemCheckbox",
2283
+ "defaultProps": {},
2284
+ "getStylesLiterals": {
2285
+ "menuitemItemCheckboxVariantRoot": "default",
2286
+ "menuitemItemCheckboxVariantActiveRoot": "on",
2287
+ "menuitemItemCheckboxVariantActiveRoot:1": "off",
2288
+ "menuitemItemCheckboxVariantText": "default",
2289
+ "menuitemItemCheckboxVariantActiveText": "on",
2290
+ "menuitemItemCheckboxVariantActiveText:1": "off",
2291
+ "menuitemItemCheckboxVariantStartIcon": "default",
2292
+ "menuitemItemCheckboxVariantActiveStartIcon": "on",
2293
+ "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
2294
+ "menuitemItemCheckboxVariantEndIcon": "default",
2295
+ "menuitemItemCheckboxVariantActiveEndIcon": "on",
2296
+ "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
2215
2297
  },
2216
- "getStylesLiterals": {},
2217
2298
  "cxLiterals": [
2218
- "overflow-hidden",
2219
- "w-full",
2220
- "h-full",
2221
- "shrink-0",
2222
- "text-center",
2223
- "inline-flex",
2224
- "justify-center",
2225
- "items-center"
2299
+ "uds-menu-item-checkbox"
2226
2300
  ],
2227
2301
  "internalComponents": [
2228
- "IconSlot",
2229
- "Box"
2302
+ "MenuItemBase"
2230
2303
  ],
2231
2304
  "internalComponentProps": {},
2232
- "propToVariantKeys": {
2233
- "size": [
2234
- "avatarSizeIcon"
2235
- ]
2236
- },
2305
+ "propToVariantKeys": {},
2237
2306
  "runtimeConfigDefaultProps": {},
2238
2307
  "runtimeConfigGetStyles": {},
2239
2308
  "runtimeConfigInternalComponentProps": {},
2240
2309
  "motionVarPrefixes": []
2241
2310
  },
2242
- "Avatar": {
2243
- "name": "Avatar",
2311
+ "Menu.Provider": {
2312
+ "name": "Menu.Provider",
2244
2313
  "defaultProps": {},
2245
2314
  "getStylesLiterals": {},
2246
2315
  "cxLiterals": [],
2247
2316
  "internalComponents": [
2248
- "AvatarImage"
2317
+ "AriakitMenuProvider",
2318
+ "SpringMotionConfig"
2249
2319
  ],
2250
2320
  "internalComponentProps": {},
2251
2321
  "propToVariantKeys": {},
2252
2322
  "runtimeConfigDefaultProps": {},
2253
2323
  "runtimeConfigGetStyles": {},
2254
2324
  "runtimeConfigInternalComponentProps": {},
2255
- "motionVarPrefixes": []
2325
+ "motionVarPrefixes": [
2326
+ "--uds-motion-subtle-3-",
2327
+ "--uds-motion-smooth-3-"
2328
+ ]
2256
2329
  },
2257
- "AvatarImage": {
2258
- "name": "AvatarImage",
2259
- "defaultProps": {
2260
- "size": "md",
2261
- "variant": "primary"
2262
- },
2330
+ "Menu.Trigger": {
2331
+ "name": "Menu.Trigger",
2332
+ "defaultProps": {},
2263
2333
  "getStylesLiterals": {},
2264
2334
  "cxLiterals": [
2265
- "overflow-hidden",
2266
- "w-full",
2267
- "h-full",
2268
- "shrink-0",
2269
- "text-center",
2270
- "inline-flex",
2271
- "justify-center",
2272
- "items-center",
2273
- "object-cover"
2335
+ "uds-menu-trigger"
2274
2336
  ],
2275
2337
  "internalComponents": [
2276
- "UDSImage",
2277
- "AvatarText",
2278
- "AvatarIcon",
2338
+ "AriakitMenuTrigger",
2279
2339
  "Box"
2280
2340
  ],
2281
- "internalComponentProps": {},
2282
- "propToVariantKeys": {
2283
- "alt": [
2284
- "name"
2285
- ],
2286
- "fallback": [
2287
- "initials"
2288
- ]
2341
+ "internalComponentProps": {
2342
+ "Box": {
2343
+ "className": [
2344
+ "uds-ring h-fit w-fit"
2345
+ ]
2346
+ }
2289
2347
  },
2348
+ "propToVariantKeys": {},
2290
2349
  "runtimeConfigDefaultProps": {},
2291
2350
  "runtimeConfigGetStyles": {},
2292
2351
  "runtimeConfigInternalComponentProps": {},
2293
2352
  "motionVarPrefixes": []
2294
2353
  },
2295
- "TabPanel": {
2296
- "name": "TabPanel",
2354
+ "Menu.index": {
2355
+ "name": "Menu.index",
2297
2356
  "defaultProps": {},
2298
2357
  "getStylesLiterals": {},
2299
2358
  "cxLiterals": [],
2300
- "internalComponents": [
2301
- "AriakitTabPanel"
2302
- ],
2359
+ "internalComponents": [],
2303
2360
  "internalComponentProps": {},
2304
2361
  "propToVariantKeys": {},
2305
2362
  "runtimeConfigDefaultProps": {},
@@ -2307,533 +2364,214 @@
2307
2364
  "runtimeConfigInternalComponentProps": {},
2308
2365
  "motionVarPrefixes": []
2309
2366
  },
2310
- "Tabs": {
2311
- "name": "Tabs",
2312
- "defaultProps": {
2313
- "variant": "primary"
2314
- },
2367
+ "Menu": {
2368
+ "name": "Menu",
2369
+ "defaultProps": {},
2315
2370
  "getStylesLiterals": {},
2316
2371
  "cxLiterals": [],
2317
- "internalComponents": [
2318
- "TabsContext.Provider",
2319
- "TabProvider"
2320
- ],
2372
+ "internalComponents": [],
2321
2373
  "internalComponentProps": {},
2322
- "propToVariantKeys": {
2323
- "onSelectionChange": [
2324
- "setSelectedId"
2325
- ]
2326
- },
2374
+ "propToVariantKeys": {},
2327
2375
  "runtimeConfigDefaultProps": {},
2328
2376
  "runtimeConfigGetStyles": {},
2329
2377
  "runtimeConfigInternalComponentProps": {},
2330
2378
  "motionVarPrefixes": []
2331
2379
  },
2332
- "TabList": {
2333
- "name": "TabList",
2380
+ "Modal": {
2381
+ "name": "Modal",
2334
2382
  "defaultProps": {
2335
- "variant": "primary"
2336
- },
2337
- "getStylesLiterals": {
2338
- "tabSizeRoot": "default",
2339
- "tabVariantActiveRoot": "on"
2340
- },
2341
- "cxLiterals": [
2342
- "pointer-events-none",
2343
- "absolute",
2344
- "bottom-0",
2345
- "left-0",
2346
- "right-0",
2347
- "h-[var(--uds-tab-underline-width,0px)]",
2348
- "bg-[var(--uds-tab-underline-color,transparent)]",
2349
- "transition-[height,background-color]",
2350
- "duration-[240ms]",
2351
- "ease-[cubic-bezier(0.2,0,0,1)]",
2352
- "!m-0",
2353
- "!p-0",
2354
- "!gap-0",
2355
- "box-border",
2356
- "z-0",
2357
- "min-w-0",
2358
- "min-h-0",
2359
- "flex",
2360
- "flex-row",
2361
- "items-center",
2362
- "overflow-x-auto",
2363
- "overflow-y-clip",
2364
- "scrollbar-none",
2365
- "[overflow-clip-margin:6px]",
2366
- "overflow-clip",
2367
- "[overflow-clip-margin:8px]",
2368
- "relative"
2369
- ],
2370
- "internalComponents": [
2371
- "AriakitTabList"
2372
- ],
2373
- "internalComponentProps": {},
2374
- "propToVariantKeys": {
2375
- "variant": [
2376
- "tabsVariantRoot",
2377
- "tabVariantRoot"
2378
- ]
2379
- },
2380
- "runtimeConfigDefaultProps": {},
2381
- "runtimeConfigGetStyles": {},
2382
- "runtimeConfigInternalComponentProps": {},
2383
- "motionVarPrefixes": []
2384
- },
2385
- "Tab": {
2386
- "name": "Tab",
2387
- "defaultProps": {
2388
- "variant": "primary"
2389
- },
2390
- "getStylesLiterals": {
2391
- "tabSizeRoot": "default",
2392
- "tabVariantActiveRoot": "off",
2393
- "tabVariantActiveRoot:1": "on",
2394
- "tabSizeIcon": "default"
2395
- },
2396
- "cxLiterals": [
2397
- "pointer-events-none",
2398
- "absolute",
2399
- "bottom-0",
2400
- "left-0",
2401
- "right-0",
2402
- "h-[var(--uds-tab-underline-width,0px)]",
2403
- "bg-[var(--uds-tab-underline-color,transparent)]",
2404
- "transition-[height,background-color]",
2405
- "duration-[240ms]",
2406
- "ease-[cubic-bezier(0.2,0,0,1)]",
2407
- "!bg-transparent",
2408
- "!shadow-none",
2409
- "inline-flex",
2410
- "items-center",
2411
- "shrink-0",
2412
- "box-border",
2413
- "relative",
2414
- "z-[1]",
2415
- "cursor-pointer",
2416
- "select-none",
2417
- "whitespace-nowrap",
2418
- "uds-ring",
2419
- "opacity-50",
2420
- "cursor-default",
2421
- "border-solid",
2422
- "border-b-solid",
2423
- "transition-colors"
2424
- ],
2425
- "internalComponents": [
2426
- "IconSlot",
2427
- "AriakitTab",
2428
- "Text"
2429
- ],
2430
- "internalComponentProps": {
2431
- "Text": {
2432
- "variant": [
2433
- "inherit"
2434
- ],
2435
- "as": [
2436
- "span"
2437
- ],
2438
- "color": [
2439
- "current"
2440
- ]
2441
- }
2442
- },
2443
- "propToVariantKeys": {
2444
- "variant": [
2445
- "tabVariantRoot",
2446
- "tabVariantIcon"
2447
- ],
2448
- "activeState": [
2449
- "tabVariantActiveIcon"
2450
- ],
2451
- "startIcon": [
2452
- "icon"
2453
- ],
2454
- "endIcon": [
2455
- "icon"
2456
- ]
2457
- },
2458
- "runtimeConfigDefaultProps": {},
2459
- "runtimeConfigGetStyles": {},
2460
- "runtimeConfigInternalComponentProps": {},
2461
- "motionVarPrefixes": []
2462
- },
2463
- "UDSPopoverConfigProvider": {
2464
- "name": "UDSPopoverConfigProvider",
2465
- "defaultProps": {},
2466
- "getStylesLiterals": {},
2467
- "cxLiterals": [],
2468
- "internalComponents": [
2469
- "PopoverContext.Provider"
2470
- ],
2471
- "internalComponentProps": {},
2472
- "propToVariantKeys": {},
2473
- "runtimeConfigDefaultProps": {},
2474
- "runtimeConfigGetStyles": {},
2475
- "runtimeConfigInternalComponentProps": {},
2476
- "motionVarPrefixes": []
2477
- },
2478
- "Popover": {
2479
- "name": "Popover",
2480
- "defaultProps": {},
2481
- "getStylesLiterals": {},
2482
- "cxLiterals": [],
2483
- "internalComponents": [
2484
- "PopoverInternalContext.Provider",
2485
- "PopoverProvider"
2486
- ],
2487
- "internalComponentProps": {},
2488
- "propToVariantKeys": {},
2489
- "runtimeConfigDefaultProps": {
2490
- "size": "popover.defaultSize",
2491
- "variant": "popover.defaultVariant"
2492
- },
2493
- "runtimeConfigGetStyles": {},
2494
- "runtimeConfigInternalComponentProps": {},
2495
- "motionVarPrefixes": []
2496
- },
2497
- "PopoverTrigger": {
2498
- "name": "PopoverTrigger",
2499
- "defaultProps": {},
2500
- "getStylesLiterals": {},
2501
- "cxLiterals": [],
2502
- "internalComponents": [
2503
- "PopoverDisclosure"
2504
- ],
2505
- "internalComponentProps": {
2506
- "PopoverDisclosure": {
2507
- "className": [
2508
- "inline"
2509
- ]
2510
- }
2511
- },
2512
- "propToVariantKeys": {
2513
- "children": [
2514
- "render"
2515
- ]
2516
- },
2517
- "runtimeConfigDefaultProps": {},
2518
- "runtimeConfigGetStyles": {},
2519
- "runtimeConfigInternalComponentProps": {},
2520
- "motionVarPrefixes": []
2521
- },
2522
- "PopoverContext": {
2523
- "name": "PopoverContext",
2524
- "defaultProps": {},
2525
- "getStylesLiterals": {},
2526
- "cxLiterals": [],
2527
- "internalComponents": [],
2528
- "internalComponentProps": {},
2529
- "propToVariantKeys": {},
2530
- "runtimeConfigDefaultProps": {},
2531
- "runtimeConfigGetStyles": {},
2532
- "runtimeConfigInternalComponentProps": {},
2533
- "motionVarPrefixes": []
2534
- },
2535
- "PopoverContent": {
2536
- "name": "PopoverContent",
2537
- "defaultProps": {},
2538
- "getStylesLiterals": {
2539
- "popoverSizeRoot": "default",
2540
- "popoverVariantRoot": "default",
2541
- "display": "flex",
2542
- "position": "relative",
2543
- "display:1": "block",
2544
- "spacingTop": "0",
2545
- "spacingStart": "0",
2546
- "spacingBottom": "0",
2547
- "spacingEnd": "0",
2548
- "popoverSizeSvgBase": "default",
2549
- "popoverVariantSvgBase": "default",
2550
- "popoverSizeSvgBorder": "default",
2551
- "popoverVariantSvgBorder": "default",
2552
- "popoverVariantBlur": "default",
2553
- "position:1": "absolute",
2554
- "width": "full",
2555
- "height": "full",
2556
- "flexShrink": "0",
2557
- "borderRadius": "full",
2558
- "alignItems": "center",
2559
- "justifyContent": "center",
2560
- "popoverVariantCloseIcon": "default",
2561
- "popoverSizeCloseIcon": "default"
2562
- },
2563
- "cxLiterals": [
2564
- "z-[9999]",
2565
- "outline-none",
2566
- "focus-visible:outline-none",
2567
- "uds-bgBlurFillFallback",
2568
- "uds-bgBlurFallback",
2569
- "top-0",
2570
- "left-0",
2571
- "z-[1]",
2572
- "duration-0",
2573
- "duration-120",
2574
- "transition-[background-color]",
2575
- "bg-carbon-15/0",
2576
- "hover:bg-carbon-15/10",
2577
- "active:bg-carbon-15/15",
2578
- "uds-ring",
2579
- "absolute",
2580
- "z-[4]"
2581
- ],
2582
- "internalComponents": [
2583
- "PopoverDismiss",
2584
- "IconSlot",
2585
- "PopoverArrow",
2586
- "Popover",
2587
- "SvgFloatingOverlay",
2588
- "Box",
2589
- "Pressable"
2590
- ],
2591
- "internalComponentProps": {},
2592
- "propToVariantKeys": {
2593
- "closeIcon": [
2594
- "icon"
2595
- ]
2596
- },
2597
- "runtimeConfigDefaultProps": {
2598
- "size": "popover.defaultSize",
2599
- "variant": "popover.defaultVariant"
2600
- },
2601
- "runtimeConfigGetStyles": {
2602
- "spacingTop": [
2603
- "popover.spacingVertical.${size}"
2604
- ],
2605
- "spacingStart": [
2606
- "popover.spacingHorizontal.${size}"
2607
- ],
2608
- "spacingBottom": [
2609
- "popover.spacingVertical.${size}"
2610
- ],
2611
- "spacingEnd": [
2612
- "popover.spacingHorizontal.${size}"
2613
- ]
2614
- },
2615
- "runtimeConfigInternalComponentProps": {
2616
- "SvgFloatingOverlay": {
2617
- "borderRadius": [
2618
- "popover.borderRadius.${size}"
2619
- ]
2620
- }
2621
- },
2622
- "motionVarPrefixes": []
2623
- },
2624
- "Input": {
2625
- "name": "Input",
2626
- "defaultProps": {
2627
- "type": "text",
2628
- "size": "md",
2629
- "width": "full"
2383
+ "closeAriaLabel": "Close",
2384
+ "maxWidth": "auto",
2385
+ "maxHeight": "auto",
2386
+ "scrollBehavior": "outside"
2630
2387
  },
2631
2388
  "getStylesLiterals": {
2632
- "inputVariantRoot": "default",
2633
- "inputVariantValueRoot": "empty",
2634
- "inputVariantValueRoot:1": "filled",
2635
- "inputVariantInputWrapper": "default",
2636
- "inputVariantValueInputWrapper": "empty",
2637
- "inputVariantValueInputWrapper:1": "filled",
2638
- "inputVariantInput": "default",
2639
- "inputVariantValueInput": "empty",
2640
- "inputVariantValueInput:1": "filled",
2641
- "inputVariantInputPlaceholder": "default",
2642
- "inputVariantValueInputPlaceholder": "empty",
2643
- "inputVariantValueInputPlaceholder:1": "filled",
2644
- "inputVariantLabel": "default",
2645
- "inputVariantValueLabel": "empty",
2646
- "inputVariantValueLabel:1": "filled",
2647
- "inputVariantLabelRequired": "default",
2648
- "inputVariantValueLabelRequired": "empty",
2649
- "inputVariantValueLabelRequired:1": "filled",
2650
- "inputVariantStartIcon": "default",
2651
- "inputVariantValueStartIcon": "empty",
2652
- "inputVariantValueStartIcon:1": "filled",
2653
- "inputVariantEndIcon": "default",
2654
- "inputVariantValueEndIcon": "empty",
2655
- "inputVariantValueEndIcon:1": "filled"
2389
+ "flexDirection": "row-reverse",
2390
+ "justifyContent": "space-between",
2391
+ "alignItems": "flex-end",
2392
+ "alignItems:1": "flex-start",
2393
+ "borderRadius": "full"
2656
2394
  },
2657
2395
  "cxLiterals": [
2658
- "opacity-50",
2659
- "min-w-[200px]",
2660
- "grow",
2661
- "uds-hit-target",
2662
- "bg-clip-text",
2663
- "focus:outline-none",
2664
- "cursor-text",
2665
- "cursor-not-allowed"
2396
+ "fixed",
2397
+ "inset-0",
2398
+ "z-40",
2399
+ "overflow-y-auto",
2400
+ "overflow-hidden",
2401
+ "transition-[opacity,visibility]",
2402
+ "visible",
2403
+ "opacity-100",
2404
+ "invisible",
2405
+ "opacity-0",
2406
+ "pointer-events-none",
2407
+ "uds-bgBlurFallback",
2408
+ "w-full",
2409
+ "w-fit",
2410
+ "h-full",
2411
+ "h-fit",
2412
+ "m-auto",
2413
+ "pointer-events-auto",
2414
+ "inside",
2415
+ "max-h-full",
2416
+ "transition-transform",
2417
+ "duration-0",
2418
+ "duration-120",
2419
+ "transition-[background-color]",
2420
+ "bg-carbon-15/0",
2421
+ "hover:bg-carbon-15/10",
2422
+ "active:bg-carbon-15/15",
2423
+ "uds-ring",
2424
+ "[translate:50%_-50%]"
2666
2425
  ],
2667
2426
  "internalComponents": [
2427
+ "Scrim",
2428
+ "VStack",
2429
+ "Pressable",
2668
2430
  "IconSlot",
2669
- "StartIcon",
2670
- "EndIcon",
2671
- "HelpTextContent",
2672
2431
  "Box",
2673
- "InputHelpTextInternal",
2674
- "VStack",
2432
+ "Dialog",
2433
+ "ModalContext.Provider",
2675
2434
  "HStack",
2676
- "AnimateHeightChange"
2435
+ "DialogDismiss",
2436
+ "ModalTitle",
2437
+ "ModalDescription",
2438
+ "ModalContent",
2439
+ "ModalActions"
2677
2440
  ],
2678
2441
  "internalComponentProps": {
2679
- "HelpTextContent": {
2680
- "spacingTop": [
2681
- "2"
2682
- ]
2683
- },
2684
2442
  "Box": {
2685
- "spacingBottom": [
2686
- "2"
2687
- ],
2688
- "columnGap": [
2689
- "0.5"
2690
- ],
2691
- "alignItems": [
2692
- "flex-end",
2693
- "center"
2694
- ],
2695
- "position": [
2696
- "relative"
2697
- ]
2698
- },
2699
- "HStack": {
2700
- "alignItems": [
2701
- "center"
2702
- ],
2703
- "gap": [
2443
+ "flexGrow": [
2704
2444
  "1"
2705
2445
  ]
2706
2446
  }
2707
2447
  },
2708
2448
  "propToVariantKeys": {
2709
- "size": [
2710
- "inputSizeRoot",
2711
- "inputSizeInputWrapper",
2712
- "inputSizeInput",
2713
- "inputSizeLabel",
2714
- "inputSizeStartIcon",
2715
- "inputSizeEndIcon"
2449
+ "gutter": [
2450
+ "spacing"
2716
2451
  ],
2717
- "startIcon": [
2718
- "icon"
2452
+ "size": [
2453
+ "modalSizeRoot",
2454
+ "modalSizeSpacingHorizontal",
2455
+ "modalSizeHeader",
2456
+ "modalSizeTitleDescriptionWrapper",
2457
+ "modalSizeCloseIconContainer",
2458
+ "modalSizeCloseIcon"
2719
2459
  ],
2720
- "endIcon": [
2721
- "icon"
2460
+ "variant": [
2461
+ "modalVariantRoot",
2462
+ "modalVariantCloseIcon"
2722
2463
  ],
2723
- "slotProps": [
2724
- "helperTextSlotProps"
2464
+ "closeAriaLabel": [
2465
+ "aria-label"
2725
2466
  ],
2726
- "helperTextIcon": [
2727
- "startIcon"
2467
+ "closeIcon": [
2468
+ "icon"
2728
2469
  ]
2729
2470
  },
2730
- "runtimeConfigDefaultProps": {},
2731
- "runtimeConfigGetStyles": {},
2732
- "runtimeConfigInternalComponentProps": {},
2733
- "motionVarPrefixes": []
2734
- },
2735
- "InputHelpText": {
2736
- "name": "InputHelpText",
2737
- "defaultProps": {
2738
- "size": "md"
2739
- },
2740
- "getStylesLiterals": {
2741
- "inputVariantRoot": "default",
2742
- "inputVariantValueRoot": "empty",
2743
- "inputVariantValueRoot:1": "filled"
2744
- },
2745
- "cxLiterals": [],
2746
- "internalComponents": [
2747
- "InputHelpTextInternal",
2748
- "Box"
2749
- ],
2750
- "internalComponentProps": {
2751
- "Box": {
2752
- "spacingTop": [
2753
- "2"
2754
- ]
2755
- }
2471
+ "runtimeConfigDefaultProps": {
2472
+ "size": "modal.defaultSize",
2473
+ "variant": "modal.defaultVariant"
2756
2474
  },
2757
- "propToVariantKeys": {
2758
- "size": [
2759
- "inputSizeRoot"
2475
+ "runtimeConfigGetStyles": {
2476
+ "spacing": [
2477
+ "modal.gutter.${size}"
2478
+ ],
2479
+ "modalSizeRoot": [
2480
+ "modal.defaultSize"
2481
+ ],
2482
+ "modalVariantRoot": [
2483
+ "modal.defaultVariant"
2484
+ ],
2485
+ "modalSizeSpacingHorizontal": [
2486
+ "modal.defaultSize"
2487
+ ],
2488
+ "modalSizeHeader": [
2489
+ "modal.defaultSize"
2490
+ ],
2491
+ "modalSizeTitleDescriptionWrapper": [
2492
+ "modal.defaultSize"
2493
+ ],
2494
+ "modalSizeCloseIconContainer": [
2495
+ "modal.defaultSize"
2496
+ ],
2497
+ "modalSizeCloseIcon": [
2498
+ "modal.defaultSize"
2499
+ ],
2500
+ "modalVariantCloseIcon": [
2501
+ "modal.defaultVariant"
2760
2502
  ]
2761
2503
  },
2762
- "runtimeConfigDefaultProps": {},
2763
- "runtimeConfigGetStyles": {},
2764
2504
  "runtimeConfigInternalComponentProps": {},
2765
2505
  "motionVarPrefixes": []
2766
2506
  },
2767
- "InputHelpTextInternal": {
2768
- "name": "InputHelpTextInternal",
2507
+ "ModalActions": {
2508
+ "name": "ModalActions",
2769
2509
  "defaultProps": {},
2770
2510
  "getStylesLiterals": {
2771
- "inputVariantHelperText": "default",
2772
- "inputVariantValueHelperText": "empty",
2773
- "inputVariantValueHelperText:1": "filled",
2774
- "inputVariantHelperIcon": "default",
2775
- "inputVariantValueHelperIcon": "empty",
2776
- "inputVariantValueHelperIcon:1": "filled"
2511
+ "flexDirection": "row-reverse",
2512
+ "justifyContent": "space-between",
2513
+ "alignItems": "center"
2777
2514
  },
2778
- "cxLiterals": [],
2515
+ "cxLiterals": [
2516
+ "gap-[inherit]"
2517
+ ],
2779
2518
  "internalComponents": [
2780
- "IconSlot",
2781
2519
  "HStack"
2782
2520
  ],
2783
- "internalComponentProps": {
2784
- "HStack": {
2785
- "gap": [
2786
- "1"
2787
- ],
2788
- "alignItems": [
2789
- "center"
2790
- ]
2791
- }
2792
- },
2521
+ "internalComponentProps": {},
2793
2522
  "propToVariantKeys": {
2794
2523
  "size": [
2795
- "inputSizeHelperText",
2796
- "inputSizeHelperIcon"
2797
- ],
2798
- "startIcon": [
2799
- "icon"
2524
+ "modalSizeSpacingHorizontal",
2525
+ "modalSizeActions"
2526
+ ]
2527
+ },
2528
+ "runtimeConfigDefaultProps": {
2529
+ "size": "modal.defaultSize",
2530
+ "variant": "modal.defaultVariant"
2531
+ },
2532
+ "runtimeConfigGetStyles": {
2533
+ "modalSizeSpacingHorizontal": [
2534
+ "modal.defaultSize"
2800
2535
  ],
2801
- "endIcon": [
2802
- "icon"
2536
+ "modalSizeActions": [
2537
+ "modal.defaultSize"
2803
2538
  ]
2804
2539
  },
2805
- "runtimeConfigDefaultProps": {},
2806
- "runtimeConfigGetStyles": {},
2807
2540
  "runtimeConfigInternalComponentProps": {},
2808
2541
  "motionVarPrefixes": []
2809
2542
  },
2810
- "Menu.Item": {
2811
- "name": "Menu.Item",
2543
+ "ModalContent": {
2544
+ "name": "ModalContent",
2812
2545
  "defaultProps": {},
2813
2546
  "getStylesLiterals": {
2814
- "menuitemItemVariantRoot": "default",
2815
- "menuitemItemVariantActiveRoot": "on",
2816
- "menuitemItemVariantActiveRoot:1": "off",
2817
- "menuitemItemVariantText": "default",
2818
- "menuitemItemVariantActiveText": "on",
2819
- "menuitemItemVariantActiveText:1": "off",
2820
- "menuitemItemVariantIcon": "default",
2821
- "menuitemItemVariantActiveIcon": "on",
2822
- "menuitemItemVariantActiveIcon:1": "off"
2547
+ "overflowY": "auto",
2548
+ "display": "block",
2549
+ "flexGrow": "1"
2823
2550
  },
2824
2551
  "cxLiterals": [],
2825
2552
  "internalComponents": [
2826
- "MenuItemBase"
2553
+ "Box"
2827
2554
  ],
2828
2555
  "internalComponentProps": {},
2829
- "propToVariantKeys": {},
2830
- "runtimeConfigDefaultProps": {},
2831
- "runtimeConfigGetStyles": {},
2556
+ "propToVariantKeys": {
2557
+ "size": [
2558
+ "modalSizeSpacingHorizontal"
2559
+ ]
2560
+ },
2561
+ "runtimeConfigDefaultProps": {
2562
+ "size": "modal.defaultSize",
2563
+ "variant": "modal.defaultVariant"
2564
+ },
2565
+ "runtimeConfigGetStyles": {
2566
+ "modalSizeSpacingHorizontal": [
2567
+ "modal.defaultSize"
2568
+ ]
2569
+ },
2832
2570
  "runtimeConfigInternalComponentProps": {},
2833
2571
  "motionVarPrefixes": []
2834
2572
  },
2835
- "Menu.index": {
2836
- "name": "Menu.index",
2573
+ "ModalContext": {
2574
+ "name": "ModalContext",
2837
2575
  "defaultProps": {},
2838
2576
  "getStylesLiterals": {},
2839
2577
  "cxLiterals": [],
@@ -2845,153 +2583,91 @@
2845
2583
  "runtimeConfigInternalComponentProps": {},
2846
2584
  "motionVarPrefixes": []
2847
2585
  },
2848
- "Menu": {
2849
- "name": "Menu",
2586
+ "ModalDescription": {
2587
+ "name": "ModalDescription",
2850
2588
  "defaultProps": {},
2851
2589
  "getStylesLiterals": {},
2852
2590
  "cxLiterals": [],
2853
- "internalComponents": [],
2854
- "internalComponentProps": {},
2855
- "propToVariantKeys": {},
2856
- "runtimeConfigDefaultProps": {},
2857
- "runtimeConfigGetStyles": {},
2858
- "runtimeConfigInternalComponentProps": {},
2859
- "motionVarPrefixes": []
2860
- },
2861
- "Menu.Content": {
2862
- "name": "Menu.Content",
2863
- "defaultProps": {
2864
- "size": "default",
2865
- "variant": "default",
2866
- "gutter": "1"
2867
- },
2868
- "getStylesLiterals": {},
2869
- "cxLiterals": [
2870
- "uds-menu-content",
2871
- "transition-shadow",
2872
- "duration-200",
2873
- "ease-in-out",
2874
- "min-w-60",
2875
- "max-w-lg",
2876
- "max-h-96",
2877
- "overflow-auto",
2878
- "uds-ring",
2879
- "z-10",
2880
- "group"
2881
- ],
2882
2591
  "internalComponents": [
2883
- "AriakitMenu",
2884
- "AnimatePresence",
2885
- "MotionVStack"
2592
+ "Text",
2593
+ "DialogDescription"
2886
2594
  ],
2887
- "internalComponentProps": {},
2595
+ "internalComponentProps": {
2596
+ "Text": {
2597
+ "as": [
2598
+ "span"
2599
+ ]
2600
+ }
2601
+ },
2888
2602
  "propToVariantKeys": {
2889
2603
  "size": [
2890
- "menucontentSizeRoot"
2604
+ "modalSizeDescription"
2891
2605
  ],
2892
2606
  "variant": [
2893
- "menucontentVariantRoot"
2607
+ "modalVariantDescription"
2608
+ ]
2609
+ },
2610
+ "runtimeConfigDefaultProps": {
2611
+ "size": "modal.defaultSize",
2612
+ "variant": "modal.defaultVariant"
2613
+ },
2614
+ "runtimeConfigGetStyles": {
2615
+ "modalSizeDescription": [
2616
+ "modal.defaultSize"
2617
+ ],
2618
+ "modalVariantDescription": [
2619
+ "modal.defaultVariant"
2894
2620
  ]
2895
2621
  },
2896
- "runtimeConfigDefaultProps": {},
2897
- "runtimeConfigGetStyles": {},
2898
2622
  "runtimeConfigInternalComponentProps": {},
2899
2623
  "motionVarPrefixes": []
2900
2624
  },
2901
- "Menu.Trigger": {
2902
- "name": "Menu.Trigger",
2625
+ "ModalTitle": {
2626
+ "name": "ModalTitle",
2903
2627
  "defaultProps": {},
2904
2628
  "getStylesLiterals": {},
2905
- "cxLiterals": [
2906
- "uds-menu-trigger"
2907
- ],
2629
+ "cxLiterals": [],
2908
2630
  "internalComponents": [
2909
- "AriakitMenuTrigger",
2910
- "Box"
2631
+ "Text",
2632
+ "DialogHeading"
2911
2633
  ],
2912
2634
  "internalComponentProps": {
2913
- "Box": {
2914
- "className": [
2915
- "uds-ring h-fit w-fit"
2635
+ "Text": {
2636
+ "as": [
2637
+ "span"
2916
2638
  ]
2917
2639
  }
2918
2640
  },
2919
- "propToVariantKeys": {},
2920
- "runtimeConfigDefaultProps": {},
2921
- "runtimeConfigGetStyles": {},
2922
- "runtimeConfigInternalComponentProps": {},
2923
- "motionVarPrefixes": []
2924
- },
2925
- "Menu.Divider": {
2926
- "name": "Menu.Divider",
2927
- "defaultProps": {
2928
- "role": "separator",
2929
- "contentPosition": "start",
2930
- "gap": "4"
2641
+ "propToVariantKeys": {
2642
+ "size": [
2643
+ "modalSizeTitle"
2644
+ ],
2645
+ "variant": [
2646
+ "modalVariantTitle"
2647
+ ]
2931
2648
  },
2932
- "getStylesLiterals": {
2933
- "menuitemDividerVariantRoot": "default",
2934
- "menuitemDividerVariantText": "default",
2935
- "menuitemDividerVariantLine": "default"
2649
+ "runtimeConfigDefaultProps": {
2650
+ "size": "modal.defaultSize",
2651
+ "variant": "modal.defaultVariant"
2936
2652
  },
2937
- "cxLiterals": [],
2938
- "internalComponents": [
2939
- "DividerInternal"
2940
- ],
2941
- "internalComponentProps": {
2942
- "DividerInternal": {
2943
- "variant": [
2944
- "inherit"
2945
- ]
2946
- }
2653
+ "runtimeConfigGetStyles": {
2654
+ "modalSizeTitle": [
2655
+ "modal.defaultSize"
2656
+ ],
2657
+ "modalVariantTitle": [
2658
+ "modal.defaultVariant"
2659
+ ]
2947
2660
  },
2948
- "propToVariantKeys": {},
2949
- "runtimeConfigDefaultProps": {},
2950
- "runtimeConfigGetStyles": {},
2951
2661
  "runtimeConfigInternalComponentProps": {},
2952
2662
  "motionVarPrefixes": []
2953
2663
  },
2954
- "Menu.Provider": {
2955
- "name": "Menu.Provider",
2664
+ "UDSModalConfigProvider": {
2665
+ "name": "UDSModalConfigProvider",
2956
2666
  "defaultProps": {},
2957
2667
  "getStylesLiterals": {},
2958
2668
  "cxLiterals": [],
2959
2669
  "internalComponents": [
2960
- "AriakitMenuProvider",
2961
- "SpringMotionConfig"
2962
- ],
2963
- "internalComponentProps": {},
2964
- "propToVariantKeys": {},
2965
- "runtimeConfigDefaultProps": {},
2966
- "runtimeConfigGetStyles": {},
2967
- "runtimeConfigInternalComponentProps": {},
2968
- "motionVarPrefixes": [
2969
- "--uds-motion-subtle-3-",
2970
- "--uds-motion-smooth-3-"
2971
- ]
2972
- },
2973
- "Menu.ItemCheckbox": {
2974
- "name": "Menu.ItemCheckbox",
2975
- "defaultProps": {},
2976
- "getStylesLiterals": {
2977
- "menuitemItemCheckboxVariantRoot": "default",
2978
- "menuitemItemCheckboxVariantActiveRoot": "on",
2979
- "menuitemItemCheckboxVariantActiveRoot:1": "off",
2980
- "menuitemItemCheckboxVariantText": "default",
2981
- "menuitemItemCheckboxVariantActiveText": "on",
2982
- "menuitemItemCheckboxVariantActiveText:1": "off",
2983
- "menuitemItemCheckboxVariantStartIcon": "default",
2984
- "menuitemItemCheckboxVariantActiveStartIcon": "on",
2985
- "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
2986
- "menuitemItemCheckboxVariantEndIcon": "default",
2987
- "menuitemItemCheckboxVariantActiveEndIcon": "on",
2988
- "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
2989
- },
2990
- "cxLiterals": [
2991
- "uds-menu-item-checkbox"
2992
- ],
2993
- "internalComponents": [
2994
- "MenuItemBase"
2670
+ "ModalContext.Provider"
2995
2671
  ],
2996
2672
  "internalComponentProps": {},
2997
2673
  "propToVariantKeys": {},
@@ -3000,68 +2676,98 @@
3000
2676
  "runtimeConfigInternalComponentProps": {},
3001
2677
  "motionVarPrefixes": []
3002
2678
  },
3003
- "Menu.ItemBase": {
3004
- "name": "Menu.ItemBase",
2679
+ "Input": {
2680
+ "name": "Input",
3005
2681
  "defaultProps": {
3006
- "spacing": "0",
3007
- "spacingHorizontal": "4",
3008
- "spacingVertical": "3.5",
3009
- "columnGap": "2",
3010
- "alignItems": "center",
3011
- "justifyContent": "space-between"
2682
+ "type": "text",
2683
+ "size": "md",
2684
+ "width": "full"
3012
2685
  },
3013
2686
  "getStylesLiterals": {
3014
- "textAlign": "start",
3015
- "menuitemSizeRoot": "default",
3016
- "flexDirection": "row",
3017
- "menuitemSizeStartIcon": "default",
3018
- "menuitemSizeEndIcon": "default"
3019
- },
3020
- "cxLiterals": [
3021
- "flex",
3022
- "focus-visible:text-brand",
3023
- "focus-visible:bg-brand-secondary",
3024
- "focus-visible:z-10",
3025
- "uds-ring",
3026
- "!-outline-offset-2",
3027
- "[&:not([aria-checked])]:cursor-default",
3028
- "opacity-25",
3029
- "cursor-not-allowed",
3030
- "duration-20",
3031
- "transition-[font-variation-settings]",
3032
- "ease-in-out",
3033
- "z-0",
3034
- "uds-start-icon",
3035
- "uds-end-icon"
2687
+ "inputVariantRoot": "default",
2688
+ "inputVariantValueRoot": "empty",
2689
+ "inputVariantValueRoot:1": "filled",
2690
+ "inputVariantInputWrapper": "default",
2691
+ "inputVariantValueInputWrapper": "empty",
2692
+ "inputVariantValueInputWrapper:1": "filled",
2693
+ "inputVariantInput": "default",
2694
+ "inputVariantValueInput": "empty",
2695
+ "inputVariantValueInput:1": "filled",
2696
+ "inputVariantInputPlaceholder": "default",
2697
+ "inputVariantValueInputPlaceholder": "empty",
2698
+ "inputVariantValueInputPlaceholder:1": "filled",
2699
+ "inputVariantLabel": "default",
2700
+ "inputVariantValueLabel": "empty",
2701
+ "inputVariantValueLabel:1": "filled",
2702
+ "inputVariantLabelRequired": "default",
2703
+ "inputVariantValueLabelRequired": "empty",
2704
+ "inputVariantValueLabelRequired:1": "filled",
2705
+ "inputVariantStartIcon": "default",
2706
+ "inputVariantValueStartIcon": "empty",
2707
+ "inputVariantValueStartIcon:1": "filled",
2708
+ "inputVariantEndIcon": "default",
2709
+ "inputVariantValueEndIcon": "empty",
2710
+ "inputVariantValueEndIcon:1": "filled"
2711
+ },
2712
+ "cxLiterals": [
2713
+ "opacity-50",
2714
+ "min-w-[200px]",
2715
+ "grow",
2716
+ "uds-hit-target",
2717
+ "bg-clip-text",
2718
+ "focus:outline-none",
2719
+ "cursor-text",
2720
+ "cursor-not-allowed"
3036
2721
  ],
3037
2722
  "internalComponents": [
3038
- "Pressable",
3039
2723
  "IconSlot",
3040
- "RootComponent",
2724
+ "StartIcon",
2725
+ "EndIcon",
2726
+ "HelpTextContent",
2727
+ "Box",
2728
+ "InputHelpTextInternal",
2729
+ "VStack",
3041
2730
  "HStack",
3042
- "AnimatePresence"
2731
+ "AnimateHeightChange"
3043
2732
  ],
3044
2733
  "internalComponentProps": {
3045
- "HStack": {
2734
+ "HelpTextContent": {
2735
+ "spacingTop": [
2736
+ "2"
2737
+ ]
2738
+ },
2739
+ "Box": {
2740
+ "spacingBottom": [
2741
+ "2"
2742
+ ],
2743
+ "columnGap": [
2744
+ "0.5"
2745
+ ],
3046
2746
  "alignItems": [
2747
+ "flex-end",
3047
2748
  "center"
3048
2749
  ],
3049
- "width": [
3050
- "full"
2750
+ "position": [
2751
+ "relative"
3051
2752
  ]
3052
2753
  },
3053
- "AnimatePresence": {
3054
- "mode": [
3055
- "popLayout"
2754
+ "HStack": {
2755
+ "alignItems": [
2756
+ "center"
2757
+ ],
2758
+ "gap": [
2759
+ "1"
3056
2760
  ]
3057
2761
  }
3058
2762
  },
3059
2763
  "propToVariantKeys": {
3060
- "startIconClassName": [
3061
- "className"
3062
- ],
3063
- "endIconClassName": [
3064
- "className"
2764
+ "size": [
2765
+ "inputSizeRoot",
2766
+ "inputSizeInputWrapper",
2767
+ "inputSizeInput",
2768
+ "inputSizeLabel",
2769
+ "inputSizeStartIcon",
2770
+ "inputSizeEndIcon"
3065
2771
  ],
3066
2772
  "startIcon": [
3067
2773
  "icon"
@@ -3069,8 +2775,11 @@
3069
2775
  "endIcon": [
3070
2776
  "icon"
3071
2777
  ],
3072
- "columnGap": [
3073
- "gap"
2778
+ "slotProps": [
2779
+ "helperTextSlotProps"
2780
+ ],
2781
+ "helperTextIcon": [
2782
+ "startIcon"
3074
2783
  ]
3075
2784
  },
3076
2785
  "runtimeConfigDefaultProps": {},
@@ -3078,144 +2787,195 @@
3078
2787
  "runtimeConfigInternalComponentProps": {},
3079
2788
  "motionVarPrefixes": []
3080
2789
  },
3081
- "UDSBreakpointsConfigProvider": {
3082
- "name": "UDSBreakpointsConfigProvider",
3083
- "defaultProps": {},
3084
- "getStylesLiterals": {},
2790
+ "InputHelpText": {
2791
+ "name": "InputHelpText",
2792
+ "defaultProps": {
2793
+ "size": "md"
2794
+ },
2795
+ "getStylesLiterals": {
2796
+ "inputVariantRoot": "default",
2797
+ "inputVariantValueRoot": "empty",
2798
+ "inputVariantValueRoot:1": "filled"
2799
+ },
3085
2800
  "cxLiterals": [],
3086
2801
  "internalComponents": [
3087
- "UDSBreakpointsConfigContext.Provider"
2802
+ "InputHelpTextInternal",
2803
+ "Box"
3088
2804
  ],
3089
- "internalComponentProps": {},
3090
- "propToVariantKeys": {},
2805
+ "internalComponentProps": {
2806
+ "Box": {
2807
+ "spacingTop": [
2808
+ "2"
2809
+ ]
2810
+ }
2811
+ },
2812
+ "propToVariantKeys": {
2813
+ "size": [
2814
+ "inputSizeRoot"
2815
+ ]
2816
+ },
3091
2817
  "runtimeConfigDefaultProps": {},
3092
2818
  "runtimeConfigGetStyles": {},
3093
2819
  "runtimeConfigInternalComponentProps": {},
3094
2820
  "motionVarPrefixes": []
3095
2821
  },
3096
- "UDSConfigProvider": {
3097
- "name": "UDSConfigProvider",
2822
+ "InputHelpTextInternal": {
2823
+ "name": "InputHelpTextInternal",
3098
2824
  "defaultProps": {},
3099
- "getStylesLiterals": {},
2825
+ "getStylesLiterals": {
2826
+ "inputVariantHelperText": "default",
2827
+ "inputVariantValueHelperText": "empty",
2828
+ "inputVariantValueHelperText:1": "filled",
2829
+ "inputVariantHelperIcon": "default",
2830
+ "inputVariantValueHelperIcon": "empty",
2831
+ "inputVariantValueHelperIcon:1": "filled"
2832
+ },
3100
2833
  "cxLiterals": [],
3101
2834
  "internalComponents": [
3102
- "UDSBreakpointsConfigProvider",
3103
- "UDSBottomSheetConfigProvider",
3104
- "UDSToastConfigProvider",
3105
- "UDSTooltipConfigProvider",
3106
- "UDSPopoverConfigProvider",
3107
- "UDSModalConfigProvider"
2835
+ "IconSlot",
2836
+ "HStack"
3108
2837
  ],
3109
- "internalComponentProps": {},
3110
- "propToVariantKeys": {},
2838
+ "internalComponentProps": {
2839
+ "HStack": {
2840
+ "gap": [
2841
+ "1"
2842
+ ],
2843
+ "alignItems": [
2844
+ "center"
2845
+ ]
2846
+ }
2847
+ },
2848
+ "propToVariantKeys": {
2849
+ "size": [
2850
+ "inputSizeHelperText",
2851
+ "inputSizeHelperIcon"
2852
+ ],
2853
+ "startIcon": [
2854
+ "icon"
2855
+ ],
2856
+ "endIcon": [
2857
+ "icon"
2858
+ ]
2859
+ },
3111
2860
  "runtimeConfigDefaultProps": {},
3112
2861
  "runtimeConfigGetStyles": {},
3113
2862
  "runtimeConfigInternalComponentProps": {},
3114
2863
  "motionVarPrefixes": []
3115
2864
  },
3116
- "Tooltip": {
3117
- "name": "Tooltip",
2865
+ "Popover": {
2866
+ "name": "Popover",
3118
2867
  "defaultProps": {},
3119
2868
  "getStylesLiterals": {},
3120
2869
  "cxLiterals": [],
3121
2870
  "internalComponents": [
3122
- "TooltipInternalContext.Provider",
3123
- "TooltipProvider"
2871
+ "PopoverInternalContext.Provider",
2872
+ "PopoverProvider"
3124
2873
  ],
3125
2874
  "internalComponentProps": {},
3126
2875
  "propToVariantKeys": {},
3127
- "runtimeConfigDefaultProps": {},
3128
- "runtimeConfigGetStyles": {},
3129
- "runtimeConfigInternalComponentProps": {
3130
- "TooltipProvider": {
3131
- "animated": [
3132
- "tooltip.animationDuration"
3133
- ]
3134
- }
2876
+ "runtimeConfigDefaultProps": {
2877
+ "size": "popover.defaultSize",
2878
+ "variant": "popover.defaultVariant"
3135
2879
  },
2880
+ "runtimeConfigGetStyles": {},
2881
+ "runtimeConfigInternalComponentProps": {},
3136
2882
  "motionVarPrefixes": []
3137
2883
  },
3138
- "TooltipContent": {
3139
- "name": "TooltipContent",
2884
+ "PopoverContent": {
2885
+ "name": "PopoverContent",
3140
2886
  "defaultProps": {},
3141
2887
  "getStylesLiterals": {
3142
- "tooltipSizeRoot": "default",
3143
- "tooltipVariantRoot": "default",
3144
- "tooltipSizeSvg": "default",
3145
- "tooltipVariantSvg": "default",
3146
- "tooltipVariantBlur": "default",
3147
- "position": "absolute",
2888
+ "popoverSizeRoot": "default",
2889
+ "popoverVariantRoot": "default",
2890
+ "display": "flex",
2891
+ "position": "relative",
2892
+ "display:1": "block",
2893
+ "spacingTop": "0",
2894
+ "spacingStart": "0",
2895
+ "spacingBottom": "0",
2896
+ "spacingEnd": "0",
2897
+ "popoverSizeSvgBase": "default",
2898
+ "popoverVariantSvgBase": "default",
2899
+ "popoverSizeSvgBorder": "default",
2900
+ "popoverVariantSvgBorder": "default",
2901
+ "popoverVariantBlur": "default",
2902
+ "position:1": "absolute",
3148
2903
  "width": "full",
3149
2904
  "height": "full",
3150
- "tooltipSizeTitle": "default",
3151
- "tooltipSizeBody": "default",
3152
- "tooltipSizeEndContent": "default",
3153
- "tooltipSizeIcon": "default",
3154
- "tooltipVariantIcon": "default"
2905
+ "flexShrink": "0",
2906
+ "borderRadius": "full",
2907
+ "alignItems": "center",
2908
+ "justifyContent": "center",
2909
+ "popoverVariantCloseIcon": "default",
2910
+ "popoverSizeCloseIcon": "default"
3155
2911
  },
3156
2912
  "cxLiterals": [
3157
- "max-w-lg",
3158
- "flex",
3159
2913
  "z-[9999]",
2914
+ "outline-none",
2915
+ "focus-visible:outline-none",
3160
2916
  "uds-bgBlurFillFallback",
3161
2917
  "uds-bgBlurFallback",
3162
2918
  "top-0",
3163
2919
  "left-0",
3164
- "z-[1]"
3165
- ],
3166
- "internalComponents": [
3167
- "IconSlot",
3168
- "TooltipArrow",
3169
- "Tooltip",
3170
- "SvgFloatingOverlay",
3171
- "VStack",
3172
- "Box",
3173
- "Text"
3174
- ],
3175
- "internalComponentProps": {
3176
- "SvgFloatingOverlay": {
3177
- "contentOverflow": [
3178
- "visible"
3179
- ]
3180
- },
3181
- "VStack": {
3182
- "className": [
3183
- "gap-[inherit]"
3184
- ]
3185
- },
3186
- "Box": {
3187
- "alignItems": [
3188
- "center"
3189
- ],
3190
- "columnGap": [
3191
- "1",
3192
- "1.5"
3193
- ]
3194
- },
3195
- "Text": {
3196
- "color": [
3197
- "inherit"
3198
- ]
3199
- }
3200
- },
2920
+ "z-[1]",
2921
+ "duration-0",
2922
+ "duration-120",
2923
+ "transition-[background-color]",
2924
+ "bg-carbon-15/0",
2925
+ "hover:bg-carbon-15/10",
2926
+ "active:bg-carbon-15/15",
2927
+ "uds-ring",
2928
+ "absolute",
2929
+ "z-[4]"
2930
+ ],
2931
+ "internalComponents": [
2932
+ "PopoverDismiss",
2933
+ "IconSlot",
2934
+ "PopoverArrow",
2935
+ "Popover",
2936
+ "SvgFloatingOverlay",
2937
+ "Box",
2938
+ "Pressable"
2939
+ ],
2940
+ "internalComponentProps": {},
3201
2941
  "propToVariantKeys": {
3202
- "startTitleIcon": [
2942
+ "closeIcon": [
3203
2943
  "icon"
3204
2944
  ]
3205
2945
  },
3206
- "runtimeConfigDefaultProps": {},
3207
- "runtimeConfigGetStyles": {},
3208
- "runtimeConfigInternalComponentProps": {},
2946
+ "runtimeConfigDefaultProps": {
2947
+ "size": "popover.defaultSize",
2948
+ "variant": "popover.defaultVariant"
2949
+ },
2950
+ "runtimeConfigGetStyles": {
2951
+ "spacingTop": [
2952
+ "popover.spacingVertical.${size}"
2953
+ ],
2954
+ "spacingStart": [
2955
+ "popover.spacingHorizontal.${size}"
2956
+ ],
2957
+ "spacingBottom": [
2958
+ "popover.spacingVertical.${size}"
2959
+ ],
2960
+ "spacingEnd": [
2961
+ "popover.spacingHorizontal.${size}"
2962
+ ]
2963
+ },
2964
+ "runtimeConfigInternalComponentProps": {
2965
+ "SvgFloatingOverlay": {
2966
+ "borderRadius": [
2967
+ "popover.borderRadius.${size}"
2968
+ ]
2969
+ }
2970
+ },
3209
2971
  "motionVarPrefixes": []
3210
2972
  },
3211
- "UDSTooltipConfigProvider": {
3212
- "name": "UDSTooltipConfigProvider",
2973
+ "PopoverContext": {
2974
+ "name": "PopoverContext",
3213
2975
  "defaultProps": {},
3214
2976
  "getStylesLiterals": {},
3215
2977
  "cxLiterals": [],
3216
- "internalComponents": [
3217
- "TooltipContext.Provider"
3218
- ],
2978
+ "internalComponents": [],
3219
2979
  "internalComponentProps": {},
3220
2980
  "propToVariantKeys": {},
3221
2981
  "runtimeConfigDefaultProps": {},
@@ -3223,16 +2983,16 @@
3223
2983
  "runtimeConfigInternalComponentProps": {},
3224
2984
  "motionVarPrefixes": []
3225
2985
  },
3226
- "TooltipTrigger": {
3227
- "name": "TooltipTrigger",
2986
+ "PopoverTrigger": {
2987
+ "name": "PopoverTrigger",
3228
2988
  "defaultProps": {},
3229
2989
  "getStylesLiterals": {},
3230
2990
  "cxLiterals": [],
3231
2991
  "internalComponents": [
3232
- "TooltipAnchor"
2992
+ "PopoverDisclosure"
3233
2993
  ],
3234
2994
  "internalComponentProps": {
3235
- "TooltipAnchor": {
2995
+ "PopoverDisclosure": {
3236
2996
  "className": [
3237
2997
  "inline"
3238
2998
  ]
@@ -3248,35 +3008,14 @@
3248
3008
  "runtimeConfigInternalComponentProps": {},
3249
3009
  "motionVarPrefixes": []
3250
3010
  },
3251
- "RadioGroupProvider": {
3252
- "name": "RadioGroupProvider",
3011
+ "UDSPopoverConfigProvider": {
3012
+ "name": "UDSPopoverConfigProvider",
3253
3013
  "defaultProps": {},
3254
3014
  "getStylesLiterals": {},
3255
3015
  "cxLiterals": [],
3256
3016
  "internalComponents": [
3257
- "DivProps",
3258
- "Comp",
3259
- "RadioGroupContext.Provider"
3017
+ "PopoverContext.Provider"
3260
3018
  ],
3261
- "internalComponentProps": {
3262
- "Comp": {
3263
- "role": [
3264
- "radiogroup"
3265
- ]
3266
- }
3267
- },
3268
- "propToVariantKeys": {},
3269
- "runtimeConfigDefaultProps": {},
3270
- "runtimeConfigGetStyles": {},
3271
- "runtimeConfigInternalComponentProps": {},
3272
- "motionVarPrefixes": []
3273
- },
3274
- "RadioGroupStore": {
3275
- "name": "RadioGroupStore",
3276
- "defaultProps": {},
3277
- "getStylesLiterals": {},
3278
- "cxLiterals": [],
3279
- "internalComponents": [],
3280
3019
  "internalComponentProps": {},
3281
3020
  "propToVariantKeys": {},
3282
3021
  "runtimeConfigDefaultProps": {},
@@ -3394,17 +3133,186 @@
3394
3133
  "runtimeConfigDefaultProps": {},
3395
3134
  "runtimeConfigGetStyles": {},
3396
3135
  "runtimeConfigInternalComponentProps": {},
3397
- "motionVarPrefixes": [
3398
- "--uds-motion-subtle-3-",
3399
- "--uds-motion-smooth-3-"
3400
- ]
3136
+ "motionVarPrefixes": [
3137
+ "--uds-motion-subtle-3-",
3138
+ "--uds-motion-smooth-3-"
3139
+ ]
3140
+ },
3141
+ "RadioGroupProvider": {
3142
+ "name": "RadioGroupProvider",
3143
+ "defaultProps": {},
3144
+ "getStylesLiterals": {},
3145
+ "cxLiterals": [],
3146
+ "internalComponents": [
3147
+ "DivProps",
3148
+ "Comp",
3149
+ "RadioGroupContext.Provider"
3150
+ ],
3151
+ "internalComponentProps": {
3152
+ "Comp": {
3153
+ "role": [
3154
+ "radiogroup"
3155
+ ]
3156
+ }
3157
+ },
3158
+ "propToVariantKeys": {},
3159
+ "runtimeConfigDefaultProps": {},
3160
+ "runtimeConfigGetStyles": {},
3161
+ "runtimeConfigInternalComponentProps": {},
3162
+ "motionVarPrefixes": []
3163
+ },
3164
+ "RadioGroupStore": {
3165
+ "name": "RadioGroupStore",
3166
+ "defaultProps": {},
3167
+ "getStylesLiterals": {},
3168
+ "cxLiterals": [],
3169
+ "internalComponents": [],
3170
+ "internalComponentProps": {},
3171
+ "propToVariantKeys": {},
3172
+ "runtimeConfigDefaultProps": {},
3173
+ "runtimeConfigGetStyles": {},
3174
+ "runtimeConfigInternalComponentProps": {},
3175
+ "motionVarPrefixes": []
3176
+ },
3177
+ "Tab": {
3178
+ "name": "Tab",
3179
+ "defaultProps": {
3180
+ "variant": "primary"
3181
+ },
3182
+ "getStylesLiterals": {
3183
+ "tabSizeRoot": "default",
3184
+ "tabVariantActiveRoot": "off",
3185
+ "tabVariantActiveRoot:1": "on",
3186
+ "tabSizeIcon": "default"
3187
+ },
3188
+ "cxLiterals": [
3189
+ "pointer-events-none",
3190
+ "absolute",
3191
+ "bottom-0",
3192
+ "left-0",
3193
+ "right-0",
3194
+ "h-[var(--uds-tab-underline-width,0px)]",
3195
+ "bg-[var(--uds-tab-underline-color,transparent)]",
3196
+ "transition-[height,background-color]",
3197
+ "duration-[240ms]",
3198
+ "ease-[cubic-bezier(0.2,0,0,1)]",
3199
+ "!bg-transparent",
3200
+ "!shadow-none",
3201
+ "inline-flex",
3202
+ "items-center",
3203
+ "shrink-0",
3204
+ "box-border",
3205
+ "relative",
3206
+ "z-[1]",
3207
+ "cursor-pointer",
3208
+ "select-none",
3209
+ "whitespace-nowrap",
3210
+ "uds-ring",
3211
+ "opacity-50",
3212
+ "cursor-default",
3213
+ "border-solid",
3214
+ "border-b-solid",
3215
+ "transition-colors"
3216
+ ],
3217
+ "internalComponents": [
3218
+ "IconSlot",
3219
+ "AriakitTab",
3220
+ "Text"
3221
+ ],
3222
+ "internalComponentProps": {
3223
+ "Text": {
3224
+ "variant": [
3225
+ "inherit"
3226
+ ],
3227
+ "as": [
3228
+ "span"
3229
+ ],
3230
+ "color": [
3231
+ "current"
3232
+ ]
3233
+ }
3234
+ },
3235
+ "propToVariantKeys": {
3236
+ "variant": [
3237
+ "tabVariantRoot",
3238
+ "tabVariantIcon"
3239
+ ],
3240
+ "activeState": [
3241
+ "tabVariantActiveIcon"
3242
+ ],
3243
+ "startIcon": [
3244
+ "icon"
3245
+ ],
3246
+ "endIcon": [
3247
+ "icon"
3248
+ ]
3249
+ },
3250
+ "runtimeConfigDefaultProps": {},
3251
+ "runtimeConfigGetStyles": {},
3252
+ "runtimeConfigInternalComponentProps": {},
3253
+ "motionVarPrefixes": []
3254
+ },
3255
+ "TabList": {
3256
+ "name": "TabList",
3257
+ "defaultProps": {
3258
+ "variant": "primary"
3259
+ },
3260
+ "getStylesLiterals": {
3261
+ "tabSizeRoot": "default",
3262
+ "tabVariantActiveRoot": "on"
3263
+ },
3264
+ "cxLiterals": [
3265
+ "pointer-events-none",
3266
+ "absolute",
3267
+ "bottom-0",
3268
+ "left-0",
3269
+ "right-0",
3270
+ "h-[var(--uds-tab-underline-width,0px)]",
3271
+ "bg-[var(--uds-tab-underline-color,transparent)]",
3272
+ "transition-[height,background-color]",
3273
+ "duration-[240ms]",
3274
+ "ease-[cubic-bezier(0.2,0,0,1)]",
3275
+ "!m-0",
3276
+ "!p-0",
3277
+ "!gap-0",
3278
+ "box-border",
3279
+ "z-0",
3280
+ "min-w-0",
3281
+ "min-h-0",
3282
+ "flex",
3283
+ "flex-row",
3284
+ "items-center",
3285
+ "overflow-x-auto",
3286
+ "overflow-y-clip",
3287
+ "scrollbar-none",
3288
+ "[overflow-clip-margin:6px]",
3289
+ "overflow-clip",
3290
+ "[overflow-clip-margin:8px]",
3291
+ "relative"
3292
+ ],
3293
+ "internalComponents": [
3294
+ "AriakitTabList"
3295
+ ],
3296
+ "internalComponentProps": {},
3297
+ "propToVariantKeys": {
3298
+ "variant": [
3299
+ "tabsVariantRoot",
3300
+ "tabVariantRoot"
3301
+ ]
3302
+ },
3303
+ "runtimeConfigDefaultProps": {},
3304
+ "runtimeConfigGetStyles": {},
3305
+ "runtimeConfigInternalComponentProps": {},
3306
+ "motionVarPrefixes": []
3401
3307
  },
3402
- "ModalContext": {
3403
- "name": "ModalContext",
3308
+ "TabPanel": {
3309
+ "name": "TabPanel",
3404
3310
  "defaultProps": {},
3405
3311
  "getStylesLiterals": {},
3406
3312
  "cxLiterals": [],
3407
- "internalComponents": [],
3313
+ "internalComponents": [
3314
+ "AriakitTabPanel"
3315
+ ],
3408
3316
  "internalComponentProps": {},
3409
3317
  "propToVariantKeys": {},
3410
3318
  "runtimeConfigDefaultProps": {},
@@ -3412,215 +3320,354 @@
3412
3320
  "runtimeConfigInternalComponentProps": {},
3413
3321
  "motionVarPrefixes": []
3414
3322
  },
3415
- "ModalTitle": {
3416
- "name": "ModalTitle",
3417
- "defaultProps": {},
3323
+ "Tabs": {
3324
+ "name": "Tabs",
3325
+ "defaultProps": {
3326
+ "variant": "primary"
3327
+ },
3418
3328
  "getStylesLiterals": {},
3419
3329
  "cxLiterals": [],
3420
3330
  "internalComponents": [
3421
- "Text",
3422
- "DialogHeading"
3331
+ "TabsContext.Provider",
3332
+ "TabProvider"
3423
3333
  ],
3424
- "internalComponentProps": {
3425
- "Text": {
3426
- "as": [
3427
- "span"
3428
- ]
3429
- }
3334
+ "internalComponentProps": {},
3335
+ "propToVariantKeys": {
3336
+ "onSelectionChange": [
3337
+ "setSelectedId"
3338
+ ]
3339
+ },
3340
+ "runtimeConfigDefaultProps": {},
3341
+ "runtimeConfigGetStyles": {},
3342
+ "runtimeConfigInternalComponentProps": {},
3343
+ "motionVarPrefixes": []
3344
+ },
3345
+ "Toast": {
3346
+ "name": "Toast",
3347
+ "defaultProps": {},
3348
+ "getStylesLiterals": {
3349
+ "className": "animate-spin",
3350
+ "className:1": "flex-none",
3351
+ "spacing": "2",
3352
+ "borderRadius": "full"
3430
3353
  },
3354
+ "cxLiterals": [
3355
+ "duration-0",
3356
+ "duration-120",
3357
+ "transition-[background-color]",
3358
+ "bg-carbon-15/0",
3359
+ "hover:bg-carbon-15/10",
3360
+ "active:bg-carbon-15/15",
3361
+ "uds-ring"
3362
+ ],
3363
+ "internalComponents": [
3364
+ "IconSlot",
3365
+ "ToastContainer",
3366
+ "Text",
3367
+ "Button",
3368
+ "Pressable"
3369
+ ],
3370
+ "internalComponentProps": {},
3431
3371
  "propToVariantKeys": {
3432
3372
  "size": [
3433
- "modalSizeTitle"
3373
+ "toastSizeLabel",
3374
+ "toastSizeIcon",
3375
+ "toastSizeActionButton",
3376
+ "toastSizeCloseIcon"
3434
3377
  ],
3435
3378
  "variant": [
3436
- "modalVariantTitle"
3379
+ "toastVariantIcon",
3380
+ "toastVariantActionButton",
3381
+ "toastVariantCloseIcon"
3382
+ ],
3383
+ "closeIcon": [
3384
+ "icon"
3385
+ ],
3386
+ "onClickActionButton": [
3387
+ "onClick"
3437
3388
  ]
3438
3389
  },
3439
3390
  "runtimeConfigDefaultProps": {
3440
- "size": "modal.defaultSize",
3441
- "variant": "modal.defaultVariant"
3391
+ "size": "toast.defaultSize",
3392
+ "variant": "toast.defaultVariant"
3442
3393
  },
3443
3394
  "runtimeConfigGetStyles": {
3444
- "modalSizeTitle": [
3445
- "modal.defaultSize"
3395
+ "toastSizeLabel": [
3396
+ "toast.defaultSize"
3446
3397
  ],
3447
- "modalVariantTitle": [
3448
- "modal.defaultVariant"
3398
+ "toastVariantIcon": [
3399
+ "toast.defaultVariant"
3400
+ ],
3401
+ "toastSizeIcon": [
3402
+ "toast.defaultSize"
3403
+ ],
3404
+ "toastSizeActionButton": [
3405
+ "toast.defaultSize"
3406
+ ],
3407
+ "toastVariantActionButton": [
3408
+ "toast.defaultVariant"
3409
+ ],
3410
+ "toastVariantCloseIcon": [
3411
+ "toast.defaultVariant"
3412
+ ],
3413
+ "toastSizeCloseIcon": [
3414
+ "toast.defaultSize"
3449
3415
  ]
3450
3416
  },
3451
- "runtimeConfigInternalComponentProps": {},
3417
+ "runtimeConfigInternalComponentProps": {
3418
+ "ToastContainer": {
3419
+ "size": [
3420
+ "toast.defaultSize"
3421
+ ],
3422
+ "variant": [
3423
+ "toast.defaultVariant"
3424
+ ]
3425
+ },
3426
+ "Text": {
3427
+ "variant": [
3428
+ "toast.textVariant.${size}"
3429
+ ],
3430
+ "color": [
3431
+ "toast.textColor.${variant}"
3432
+ ]
3433
+ },
3434
+ "Button": {
3435
+ "size": [
3436
+ "toast.buttonSize.${size}"
3437
+ ],
3438
+ "variant": [
3439
+ "toast.buttonVariant.${variant}"
3440
+ ]
3441
+ }
3442
+ },
3452
3443
  "motionVarPrefixes": []
3453
3444
  },
3454
- "ModalActions": {
3455
- "name": "ModalActions",
3445
+ "ToastContainer": {
3446
+ "name": "ToastContainer",
3456
3447
  "defaultProps": {},
3457
3448
  "getStylesLiterals": {
3458
- "flexDirection": "row-reverse",
3459
- "justifyContent": "space-between",
3460
- "alignItems": "center"
3449
+ "position": "relative",
3450
+ "alignItems": "center",
3451
+ "display": "flex",
3452
+ "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
3461
3453
  },
3462
3454
  "cxLiterals": [
3463
- "gap-[inherit]"
3455
+ "w-full"
3464
3456
  ],
3465
3457
  "internalComponents": [
3466
3458
  "HStack"
3467
3459
  ],
3468
- "internalComponentProps": {},
3460
+ "internalComponentProps": {
3461
+ "HStack": {
3462
+ "alignItems": [
3463
+ "center"
3464
+ ],
3465
+ "justifyContent": [
3466
+ "space-between"
3467
+ ],
3468
+ "overflow": [
3469
+ "hidden"
3470
+ ],
3471
+ "position": [
3472
+ "relative"
3473
+ ]
3474
+ }
3475
+ },
3469
3476
  "propToVariantKeys": {
3477
+ "variant": [
3478
+ "toastVariantRoot"
3479
+ ],
3470
3480
  "size": [
3471
- "modalSizeSpacingHorizontal",
3472
- "modalSizeActions"
3481
+ "toastSizeRoot"
3473
3482
  ]
3474
3483
  },
3475
3484
  "runtimeConfigDefaultProps": {
3476
- "size": "modal.defaultSize",
3477
- "variant": "modal.defaultVariant"
3485
+ "size": "toast.defaultSize",
3486
+ "variant": "toast.defaultVariant"
3478
3487
  },
3479
3488
  "runtimeConfigGetStyles": {
3480
- "modalSizeSpacingHorizontal": [
3481
- "modal.defaultSize"
3489
+ "toastVariantRoot": [
3490
+ "toast.defaultVariant"
3482
3491
  ],
3483
- "modalSizeActions": [
3484
- "modal.defaultSize"
3492
+ "toastSizeRoot": [
3493
+ "toast.defaultSize"
3485
3494
  ]
3486
3495
  },
3487
- "runtimeConfigInternalComponentProps": {},
3496
+ "runtimeConfigInternalComponentProps": {
3497
+ "HStack": {
3498
+ "backgroundColor": [
3499
+ "toast.backgroundColor.${variant}"
3500
+ ]
3501
+ }
3502
+ },
3503
+ "motionVarPrefixes": []
3504
+ },
3505
+ "ToastPortal": {
3506
+ "name": "ToastPortal",
3507
+ "defaultProps": {},
3508
+ "getStylesLiterals": {},
3509
+ "cxLiterals": [],
3510
+ "internalComponents": [
3511
+ "ReactToastifyToastContainer"
3512
+ ],
3513
+ "internalComponentProps": {},
3514
+ "propToVariantKeys": {},
3515
+ "runtimeConfigDefaultProps": {
3516
+ "size": "toast.defaultSize",
3517
+ "variant": "toast.defaultVariant"
3518
+ },
3519
+ "runtimeConfigGetStyles": {},
3520
+ "runtimeConfigInternalComponentProps": {
3521
+ "ReactToastifyToastContainer": {
3522
+ "autoClose": [
3523
+ "toast.autoClose"
3524
+ ]
3525
+ }
3526
+ },
3527
+ "motionVarPrefixes": []
3528
+ },
3529
+ "UDSToastConfigProvider": {
3530
+ "name": "UDSToastConfigProvider",
3531
+ "defaultProps": {},
3532
+ "getStylesLiterals": {},
3533
+ "cxLiterals": [],
3534
+ "internalComponents": [
3535
+ "ToastContext.Provider"
3536
+ ],
3537
+ "internalComponentProps": {},
3538
+ "propToVariantKeys": {},
3539
+ "runtimeConfigDefaultProps": {},
3540
+ "runtimeConfigGetStyles": {},
3541
+ "runtimeConfigInternalComponentProps": {},
3542
+ "motionVarPrefixes": []
3543
+ },
3544
+ "Tooltip": {
3545
+ "name": "Tooltip",
3546
+ "defaultProps": {},
3547
+ "getStylesLiterals": {},
3548
+ "cxLiterals": [],
3549
+ "internalComponents": [
3550
+ "TooltipInternalContext.Provider",
3551
+ "TooltipProvider"
3552
+ ],
3553
+ "internalComponentProps": {},
3554
+ "propToVariantKeys": {},
3555
+ "runtimeConfigDefaultProps": {},
3556
+ "runtimeConfigGetStyles": {},
3557
+ "runtimeConfigInternalComponentProps": {
3558
+ "TooltipProvider": {
3559
+ "animated": [
3560
+ "tooltip.animationDuration"
3561
+ ]
3562
+ }
3563
+ },
3488
3564
  "motionVarPrefixes": []
3489
3565
  },
3490
- "Modal": {
3491
- "name": "Modal",
3492
- "defaultProps": {
3493
- "closeAriaLabel": "Close",
3494
- "maxWidth": "auto",
3495
- "maxHeight": "auto",
3496
- "scrollBehavior": "outside"
3497
- },
3566
+ "TooltipContent": {
3567
+ "name": "TooltipContent",
3568
+ "defaultProps": {},
3498
3569
  "getStylesLiterals": {
3499
- "flexDirection": "row-reverse",
3500
- "justifyContent": "space-between",
3501
- "alignItems": "flex-end",
3502
- "alignItems:1": "flex-start",
3503
- "borderRadius": "full"
3570
+ "tooltipSizeRoot": "default",
3571
+ "tooltipVariantRoot": "default",
3572
+ "tooltipSizeSvg": "default",
3573
+ "tooltipVariantSvg": "default",
3574
+ "tooltipVariantBlur": "default",
3575
+ "position": "absolute",
3576
+ "width": "full",
3577
+ "height": "full",
3578
+ "tooltipSizeTitle": "default",
3579
+ "tooltipSizeBody": "default",
3580
+ "tooltipSizeEndContent": "default",
3581
+ "tooltipSizeIcon": "default",
3582
+ "tooltipVariantIcon": "default"
3504
3583
  },
3505
3584
  "cxLiterals": [
3506
- "fixed",
3507
- "inset-0",
3508
- "z-40",
3509
- "overflow-y-auto",
3510
- "overflow-hidden",
3511
- "transition-[opacity,visibility]",
3512
- "visible",
3513
- "opacity-100",
3514
- "invisible",
3515
- "opacity-0",
3516
- "pointer-events-none",
3585
+ "max-w-lg",
3586
+ "flex",
3587
+ "z-[9999]",
3588
+ "uds-bgBlurFillFallback",
3517
3589
  "uds-bgBlurFallback",
3518
- "w-full",
3519
- "w-fit",
3520
- "h-full",
3521
- "h-fit",
3522
- "m-auto",
3523
- "pointer-events-auto",
3524
- "inside",
3525
- "max-h-full",
3526
- "transition-transform",
3527
- "duration-0",
3528
- "duration-120",
3529
- "transition-[background-color]",
3530
- "bg-carbon-15/0",
3531
- "hover:bg-carbon-15/10",
3532
- "active:bg-carbon-15/15",
3533
- "uds-ring",
3534
- "[translate:50%_-50%]"
3590
+ "top-0",
3591
+ "left-0",
3592
+ "z-[1]"
3535
3593
  ],
3536
3594
  "internalComponents": [
3537
- "Scrim",
3538
- "VStack",
3539
- "Pressable",
3540
3595
  "IconSlot",
3596
+ "TooltipArrow",
3597
+ "Tooltip",
3598
+ "SvgFloatingOverlay",
3599
+ "VStack",
3541
3600
  "Box",
3542
- "Dialog",
3543
- "ModalContext.Provider",
3544
- "HStack",
3545
- "DialogDismiss",
3546
- "ModalTitle",
3547
- "ModalDescription",
3548
- "ModalContent",
3549
- "ModalActions"
3601
+ "Text"
3550
3602
  ],
3551
3603
  "internalComponentProps": {
3604
+ "SvgFloatingOverlay": {
3605
+ "contentOverflow": [
3606
+ "visible"
3607
+ ]
3608
+ },
3609
+ "VStack": {
3610
+ "className": [
3611
+ "gap-[inherit]"
3612
+ ]
3613
+ },
3552
3614
  "Box": {
3553
- "flexGrow": [
3554
- "1"
3615
+ "alignItems": [
3616
+ "center"
3617
+ ],
3618
+ "columnGap": [
3619
+ "1",
3620
+ "1.5"
3621
+ ]
3622
+ },
3623
+ "Text": {
3624
+ "color": [
3625
+ "inherit"
3555
3626
  ]
3556
3627
  }
3557
3628
  },
3558
3629
  "propToVariantKeys": {
3559
- "gutter": [
3560
- "spacing"
3561
- ],
3562
- "size": [
3563
- "modalSizeRoot",
3564
- "modalSizeSpacingHorizontal",
3565
- "modalSizeHeader",
3566
- "modalSizeTitleDescriptionWrapper",
3567
- "modalSizeCloseIconContainer",
3568
- "modalSizeCloseIcon"
3569
- ],
3570
- "variant": [
3571
- "modalVariantRoot",
3572
- "modalVariantCloseIcon"
3573
- ],
3574
- "closeAriaLabel": [
3575
- "aria-label"
3576
- ],
3577
- "closeIcon": [
3630
+ "startTitleIcon": [
3578
3631
  "icon"
3579
3632
  ]
3580
3633
  },
3581
- "runtimeConfigDefaultProps": {
3582
- "size": "modal.defaultSize",
3583
- "variant": "modal.defaultVariant"
3634
+ "runtimeConfigDefaultProps": {},
3635
+ "runtimeConfigGetStyles": {},
3636
+ "runtimeConfigInternalComponentProps": {},
3637
+ "motionVarPrefixes": []
3638
+ },
3639
+ "TooltipTrigger": {
3640
+ "name": "TooltipTrigger",
3641
+ "defaultProps": {},
3642
+ "getStylesLiterals": {},
3643
+ "cxLiterals": [],
3644
+ "internalComponents": [
3645
+ "TooltipAnchor"
3646
+ ],
3647
+ "internalComponentProps": {
3648
+ "TooltipAnchor": {
3649
+ "className": [
3650
+ "inline"
3651
+ ]
3652
+ }
3584
3653
  },
3585
- "runtimeConfigGetStyles": {
3586
- "spacing": [
3587
- "modal.gutter.${size}"
3588
- ],
3589
- "modalSizeRoot": [
3590
- "modal.defaultSize"
3591
- ],
3592
- "modalVariantRoot": [
3593
- "modal.defaultVariant"
3594
- ],
3595
- "modalSizeSpacingHorizontal": [
3596
- "modal.defaultSize"
3597
- ],
3598
- "modalSizeHeader": [
3599
- "modal.defaultSize"
3600
- ],
3601
- "modalSizeTitleDescriptionWrapper": [
3602
- "modal.defaultSize"
3603
- ],
3604
- "modalSizeCloseIconContainer": [
3605
- "modal.defaultSize"
3606
- ],
3607
- "modalSizeCloseIcon": [
3608
- "modal.defaultSize"
3609
- ],
3610
- "modalVariantCloseIcon": [
3611
- "modal.defaultVariant"
3654
+ "propToVariantKeys": {
3655
+ "children": [
3656
+ "render"
3612
3657
  ]
3613
3658
  },
3659
+ "runtimeConfigDefaultProps": {},
3660
+ "runtimeConfigGetStyles": {},
3614
3661
  "runtimeConfigInternalComponentProps": {},
3615
3662
  "motionVarPrefixes": []
3616
3663
  },
3617
- "UDSModalConfigProvider": {
3618
- "name": "UDSModalConfigProvider",
3664
+ "UDSTooltipConfigProvider": {
3665
+ "name": "UDSTooltipConfigProvider",
3619
3666
  "defaultProps": {},
3620
3667
  "getStylesLiterals": {},
3621
3668
  "cxLiterals": [],
3622
3669
  "internalComponents": [
3623
- "ModalContext.Provider"
3670
+ "TooltipContext.Provider"
3624
3671
  ],
3625
3672
  "internalComponentProps": {},
3626
3673
  "propToVariantKeys": {},
@@ -3629,72 +3676,38 @@
3629
3676
  "runtimeConfigInternalComponentProps": {},
3630
3677
  "motionVarPrefixes": []
3631
3678
  },
3632
- "ModalDescription": {
3633
- "name": "ModalDescription",
3679
+ "UDSBreakpointsConfigProvider": {
3680
+ "name": "UDSBreakpointsConfigProvider",
3634
3681
  "defaultProps": {},
3635
3682
  "getStylesLiterals": {},
3636
3683
  "cxLiterals": [],
3637
3684
  "internalComponents": [
3638
- "Text",
3639
- "DialogDescription"
3685
+ "UDSBreakpointsConfigContext.Provider"
3640
3686
  ],
3641
- "internalComponentProps": {
3642
- "Text": {
3643
- "as": [
3644
- "span"
3645
- ]
3646
- }
3647
- },
3648
- "propToVariantKeys": {
3649
- "size": [
3650
- "modalSizeDescription"
3651
- ],
3652
- "variant": [
3653
- "modalVariantDescription"
3654
- ]
3655
- },
3656
- "runtimeConfigDefaultProps": {
3657
- "size": "modal.defaultSize",
3658
- "variant": "modal.defaultVariant"
3659
- },
3660
- "runtimeConfigGetStyles": {
3661
- "modalSizeDescription": [
3662
- "modal.defaultSize"
3663
- ],
3664
- "modalVariantDescription": [
3665
- "modal.defaultVariant"
3666
- ]
3667
- },
3687
+ "internalComponentProps": {},
3688
+ "propToVariantKeys": {},
3689
+ "runtimeConfigDefaultProps": {},
3690
+ "runtimeConfigGetStyles": {},
3668
3691
  "runtimeConfigInternalComponentProps": {},
3669
3692
  "motionVarPrefixes": []
3670
3693
  },
3671
- "ModalContent": {
3672
- "name": "ModalContent",
3694
+ "UDSConfigProvider": {
3695
+ "name": "UDSConfigProvider",
3673
3696
  "defaultProps": {},
3674
- "getStylesLiterals": {
3675
- "overflowY": "auto",
3676
- "display": "block",
3677
- "flexGrow": "1"
3678
- },
3697
+ "getStylesLiterals": {},
3679
3698
  "cxLiterals": [],
3680
3699
  "internalComponents": [
3681
- "Box"
3700
+ "UDSBreakpointsConfigProvider",
3701
+ "UDSBottomSheetConfigProvider",
3702
+ "UDSToastConfigProvider",
3703
+ "UDSTooltipConfigProvider",
3704
+ "UDSPopoverConfigProvider",
3705
+ "UDSModalConfigProvider"
3682
3706
  ],
3683
3707
  "internalComponentProps": {},
3684
- "propToVariantKeys": {
3685
- "size": [
3686
- "modalSizeSpacingHorizontal"
3687
- ]
3688
- },
3689
- "runtimeConfigDefaultProps": {
3690
- "size": "modal.defaultSize",
3691
- "variant": "modal.defaultVariant"
3692
- },
3693
- "runtimeConfigGetStyles": {
3694
- "modalSizeSpacingHorizontal": [
3695
- "modal.defaultSize"
3696
- ]
3697
- },
3708
+ "propToVariantKeys": {},
3709
+ "runtimeConfigDefaultProps": {},
3710
+ "runtimeConfigGetStyles": {},
3698
3711
  "runtimeConfigInternalComponentProps": {},
3699
3712
  "motionVarPrefixes": []
3700
3713
  }