@yahoo/uds 3.122.0 → 3.122.1

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