@yahoo/uds 3.151.0 → 3.152.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (12) hide show
  1. package/dist/components/client/IconButton.cjs +62 -31
  2. package/dist/components/client/IconButton.d.cts +2 -1
  3. package/dist/components/client/IconButton.d.ts +2 -1
  4. package/dist/components/client/IconButton.js +63 -32
  5. package/dist/styles/styler.d.cts +3 -3
  6. package/dist/styles/styler.d.ts +3 -3
  7. package/dist/types/dist/index.d.cts +2 -0
  8. package/dist/types/dist/index.d.ts +2 -0
  9. package/dist/uds/generated/componentData.cjs +1436 -1430
  10. package/dist/uds/generated/componentData.js +1436 -1430
  11. package/generated/componentData.json +1926 -1914
  12. package/package.json +1 -1
package/generated/componentData.json CHANGED
@@ -1,30 +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
- "insetShadow"
21
- ]
22
- },
23
- "runtimeConfigDefaultProps": {},
24
- "runtimeConfigGetStyles": {},
25
- "runtimeConfigInternalComponentProps": {},
26
- "motionVarPrefixes": []
27
- },
28
2
  "FormLabel": {
29
3
  "name": "FormLabel",
30
4
  "defaultProps": {
@@ -58,136 +32,6 @@
58
32
  "runtimeConfigInternalComponentProps": {},
59
33
  "motionVarPrefixes": []
60
34
  },
61
- "HStack": {
62
- "name": "HStack",
63
- "defaultProps": {},
64
- "getStylesLiterals": {},
65
- "cxLiterals": [],
66
- "internalComponents": [
67
- "Box"
68
- ],
69
- "internalComponentProps": {
70
- "Box": {
71
- "flexDirection": [
72
- "row"
73
- ]
74
- }
75
- },
76
- "propToVariantKeys": {
77
- "gap": [
78
- "rowGap",
79
- "columnGap"
80
- ]
81
- },
82
- "runtimeConfigDefaultProps": {},
83
- "runtimeConfigGetStyles": {},
84
- "runtimeConfigInternalComponentProps": {},
85
- "motionVarPrefixes": []
86
- },
87
- "Icon": {
88
- "name": "Icon",
89
- "defaultProps": {
90
- "size": "md",
91
- "variant": "outline",
92
- "color": "primary"
93
- },
94
- "getStylesLiterals": {
95
- "flex": "none"
96
- },
97
- "cxLiterals": [
98
- "[&_path]:fill-current"
99
- ],
100
- "internalComponents": [
101
- "SVGIcon"
102
- ],
103
- "internalComponentProps": {},
104
- "propToVariantKeys": {},
105
- "runtimeConfigDefaultProps": {},
106
- "runtimeConfigGetStyles": {},
107
- "runtimeConfigInternalComponentProps": {},
108
- "motionVarPrefixes": []
109
- },
110
- "IconSlot": {
111
- "name": "IconSlot",
112
- "defaultProps": {},
113
- "getStylesLiterals": {},
114
- "cxLiterals": [],
115
- "internalComponents": [
116
- "Icon"
117
- ],
118
- "internalComponentProps": {},
119
- "propToVariantKeys": {},
120
- "runtimeConfigDefaultProps": {},
121
- "runtimeConfigGetStyles": {},
122
- "runtimeConfigInternalComponentProps": {},
123
- "motionVarPrefixes": []
124
- },
125
- "Image": {
126
- "name": "Image",
127
- "defaultProps": {},
128
- "getStylesLiterals": {},
129
- "cxLiterals": [],
130
- "internalComponents": [],
131
- "internalComponentProps": {},
132
- "propToVariantKeys": {},
133
- "runtimeConfigDefaultProps": {},
134
- "runtimeConfigGetStyles": {},
135
- "runtimeConfigInternalComponentProps": {},
136
- "motionVarPrefixes": []
137
- },
138
- "Link": {
139
- "name": "Link",
140
- "defaultProps": {
141
- "variant": "primary"
142
- },
143
- "getStylesLiterals": {
144
- "display": "inline-flex",
145
- "alignItems": "center"
146
- },
147
- "cxLiterals": [
148
- "uds-ring",
149
- "underline",
150
- "w-[0.7em]",
151
- "h-[0.7em]"
152
- ],
153
- "internalComponents": [
154
- "IconSlot"
155
- ],
156
- "internalComponentProps": {
157
- "IconSlot": {
158
- "data-testid": [
159
- "start-icon",
160
- "end-icon"
161
- ]
162
- }
163
- },
164
- "propToVariantKeys": {
165
- "textVariant": [
166
- "linkTextStyleRoot",
167
- "fontSize",
168
- "fontFamily",
169
- "fontWeight",
170
- "lineHeight",
171
- "textTransform",
172
- "linkTextStyleIcon"
173
- ],
174
- "variant": [
175
- "linkVariantRoot",
176
- "linkVariantIconStart",
177
- "linkVariantIconEnd"
178
- ],
179
- "startIcon": [
180
- "icon"
181
- ],
182
- "endIcon": [
183
- "icon"
184
- ]
185
- },
186
- "runtimeConfigDefaultProps": {},
187
- "runtimeConfigGetStyles": {},
188
- "runtimeConfigInternalComponentProps": {},
189
- "motionVarPrefixes": []
190
- },
191
35
  "Scrim": {
192
36
  "name": "Scrim",
193
37
  "defaultProps": {
@@ -228,6 +72,21 @@
228
72
  "runtimeConfigInternalComponentProps": {},
229
73
  "motionVarPrefixes": []
230
74
  },
75
+ "IconSlot": {
76
+ "name": "IconSlot",
77
+ "defaultProps": {},
78
+ "getStylesLiterals": {},
79
+ "cxLiterals": [],
80
+ "internalComponents": [
81
+ "Icon"
82
+ ],
83
+ "internalComponentProps": {},
84
+ "propToVariantKeys": {},
85
+ "runtimeConfigDefaultProps": {},
86
+ "runtimeConfigGetStyles": {},
87
+ "runtimeConfigInternalComponentProps": {},
88
+ "motionVarPrefixes": []
89
+ },
231
90
  "SvgFloatingOverlay": {
232
91
  "name": "SvgFloatingOverlay",
233
92
  "defaultProps": {
@@ -283,6 +142,55 @@
283
142
  "runtimeConfigInternalComponentProps": {},
284
143
  "motionVarPrefixes": []
285
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
+ },
168
+ "Box": {
169
+ "name": "Box",
170
+ "defaultProps": {
171
+ "as": "div",
172
+ "display": "flex"
173
+ },
174
+ "getStylesLiterals": {},
175
+ "cxLiterals": [],
176
+ "internalComponents": [
177
+ "Comp"
178
+ ],
179
+ "internalComponentProps": {},
180
+ "propToVariantKeys": {
181
+ "elevationAlias": [
182
+ "backgroundColor",
183
+ "borderColor",
184
+ "borderWidth",
185
+ "dropShadow",
186
+ "insetShadow"
187
+ ]
188
+ },
189
+ "runtimeConfigDefaultProps": {},
190
+ "runtimeConfigGetStyles": {},
191
+ "runtimeConfigInternalComponentProps": {},
192
+ "motionVarPrefixes": []
193
+ },
286
194
  "Text": {
287
195
  "name": "Text",
288
196
  "defaultProps": {
@@ -336,96 +244,38 @@
336
244
  "runtimeConfigInternalComponentProps": {},
337
245
  "motionVarPrefixes": []
338
246
  },
339
- "Banner": {
340
- "name": "Banner",
341
- "defaultProps": {
342
- "variant": "primary",
343
- "size": "default",
344
- "dismissAriaLabel": "Dismiss"
345
- },
346
- "getStylesLiterals": {
347
- "className": "truncate",
348
- "className:1": "line-clamp-3",
349
- "spacing": "2",
350
- "borderRadius": "full",
351
- "color": "primary"
352
- },
353
- "cxLiterals": [
354
- "uds-banner",
355
- "flex",
356
- "flex-row",
357
- "items-center",
358
- "items-start",
359
- "min-w-[300px]",
360
- "transition-[background-color]",
361
- "motion-safe:duration-120",
362
- "bg-carbon-15/0",
363
- "hover:bg-carbon-15/10",
364
- "active:bg-carbon-15/15",
365
- "uds-ring",
366
- "shrink-0",
367
- "self-start",
368
- "flex-1",
369
- "min-w-0",
370
- "flex-col",
371
- "gap-[inherit]",
372
- "uds-sm:flex-row",
373
- "uds-sm:items-center",
374
- "self-stretch",
375
- "gap-0.5",
376
- "w-full",
377
- "truncate",
378
- "leading-none",
379
- "line-clamp-3",
380
- "gap-1.5",
381
- "uds-sm:self-center",
382
- "uds-sm:shrink-0"
383
- ],
384
- "internalComponents": [
385
- "IconSlot",
386
- "Text",
387
- "Pressable"
388
- ],
389
- "internalComponentProps": {
390
- "IconSlot": {
391
- "data-testid": [
392
- "banner-start-icon"
393
- ]
394
- },
395
- "Text": {
396
- "data-testid": [
397
- "banner-title",
398
- "banner-description"
399
- ]
400
- },
401
- "Pressable": {
402
- "data-testid": [
403
- "banner-dismiss"
404
- ]
405
- }
247
+ "Image": {
248
+ "name": "Image",
249
+ "defaultProps": {},
250
+ "getStylesLiterals": {},
251
+ "cxLiterals": [],
252
+ "internalComponents": [],
253
+ "internalComponentProps": {},
254
+ "propToVariantKeys": {},
255
+ "runtimeConfigDefaultProps": {},
256
+ "runtimeConfigGetStyles": {},
257
+ "runtimeConfigInternalComponentProps": {},
258
+ "motionVarPrefixes": []
259
+ },
260
+ "HStack": {
261
+ "name": "HStack",
262
+ "defaultProps": {},
263
+ "getStylesLiterals": {},
264
+ "cxLiterals": [],
265
+ "internalComponents": [
266
+ "Box"
267
+ ],
268
+ "internalComponentProps": {
269
+ "Box": {
270
+ "flexDirection": [
271
+ "row"
272
+ ]
273
+ }
406
274
  },
407
275
  "propToVariantKeys": {
408
- "variant": [
409
- "bannerVariantRoot",
410
- "bannerVariantIcon",
411
- "bannerVariantTitle",
412
- "bannerVariantDescription"
413
- ],
414
- "size": [
415
- "bannerSizeRoot",
416
- "bannerSizeIcon",
417
- "bannerSizeTitle",
418
- "bannerSizeDescription",
419
- "bannerSizeClose"
420
- ],
421
- "startIcon": [
422
- "icon"
423
- ],
424
- "dismissAriaLabel": [
425
- "aria-label"
426
- ],
427
- "onDismiss": [
428
- "onClick"
276
+ "gap": [
277
+ "rowGap",
278
+ "columnGap"
429
279
  ]
430
280
  },
431
281
  "runtimeConfigDefaultProps": {},
@@ -433,159 +283,52 @@
433
283
  "runtimeConfigInternalComponentProps": {},
434
284
  "motionVarPrefixes": []
435
285
  },
436
- "BannerContent": {
437
- "name": "BannerContent",
438
- "defaultProps": {},
439
- "getStylesLiterals": {},
440
- "cxLiterals": [
441
- "flex",
442
- "flex-col",
443
- "items-start",
444
- "self-stretch",
445
- "flex-1",
446
- "min-w-0"
447
- ],
448
- "internalComponents": [],
449
- "internalComponentProps": {},
450
- "propToVariantKeys": {},
451
- "runtimeConfigDefaultProps": {},
452
- "runtimeConfigGetStyles": {},
453
- "runtimeConfigInternalComponentProps": {},
454
- "motionVarPrefixes": []
455
- },
456
- "BannerDescription": {
457
- "name": "BannerDescription",
458
- "defaultProps": {},
459
- "getStylesLiterals": {
460
- "bannerSizeDescription": "default",
461
- "className": "w-full line-clamp-3"
286
+ "Link": {
287
+ "name": "Link",
288
+ "defaultProps": {
289
+ "variant": "primary"
462
290
  },
463
- "cxLiterals": [],
464
- "internalComponents": [
465
- "Text"
466
- ],
467
- "internalComponentProps": {},
468
- "propToVariantKeys": {},
469
- "runtimeConfigDefaultProps": {},
470
- "runtimeConfigGetStyles": {},
471
- "runtimeConfigInternalComponentProps": {},
472
- "motionVarPrefixes": []
473
- },
474
- "BannerTitle": {
475
- "name": "BannerTitle",
476
- "defaultProps": {},
477
291
  "getStylesLiterals": {
478
- "bannerSizeTitle": "default"
479
- },
480
- "cxLiterals": [
481
- "w-full",
482
- "truncate"
483
- ],
484
- "internalComponents": [
485
- "Text"
486
- ],
487
- "internalComponentProps": {},
488
- "propToVariantKeys": {},
489
- "runtimeConfigDefaultProps": {},
490
- "runtimeConfigGetStyles": {},
491
- "runtimeConfigInternalComponentProps": {},
492
- "motionVarPrefixes": []
493
- },
494
- "Divider": {
495
- "name": "Divider",
496
- "defaultProps": {
497
- "variant": "primary",
498
- "contentPosition": "center"
292
+ "display": "inline-flex",
293
+ "alignItems": "center"
499
294
  },
500
- "getStylesLiterals": {},
501
295
  "cxLiterals": [
502
- "inherit"
296
+ "uds-ring",
297
+ "underline",
298
+ "w-[0.7em]",
299
+ "h-[0.7em]"
503
300
  ],
504
301
  "internalComponents": [
505
- "DividerLine",
506
- "DividerLabel",
507
- "InternalComponent",
508
- "Box"
302
+ "IconSlot"
509
303
  ],
510
304
  "internalComponentProps": {
511
- "InternalComponent": {
512
- "alignItems": [
513
- "center"
514
- ],
515
- "flex": [
516
- "1"
517
- ]
518
- },
519
- "Box": {
520
- "display": [
521
- "flex"
522
- ],
523
- "flex": [
524
- "none"
305
+ "IconSlot": {
306
+ "data-testid": [
307
+ "start-icon",
308
+ "end-icon"
525
309
  ]
526
310
  }
527
311
  },
528
312
  "propToVariantKeys": {
529
- "variant": [
530
- "dividerVariantRoot"
531
- ]
532
- },
533
- "runtimeConfigDefaultProps": {},
534
- "runtimeConfigGetStyles": {},
535
- "runtimeConfigInternalComponentProps": {},
536
- "motionVarPrefixes": []
537
- },
538
- "DividerLabel": {
539
- "name": "DividerLabel",
540
- "defaultProps": {
541
- "variant": "primary",
542
- "textVariant": "inherit",
543
- "color": "inherit",
544
- "as": "span"
545
- },
546
- "getStylesLiterals": {},
547
- "cxLiterals": [
548
- "inherit"
549
- ],
550
- "internalComponents": [
551
- "Text"
552
- ],
553
- "internalComponentProps": {},
554
- "propToVariantKeys": {
555
- "variant": [
556
- "dividerVariantLabel"
557
- ],
558
313
  "textVariant": [
559
- "variant"
560
- ]
561
- },
562
- "runtimeConfigDefaultProps": {},
563
- "runtimeConfigGetStyles": {},
564
- "runtimeConfigInternalComponentProps": {},
565
- "motionVarPrefixes": []
566
- },
567
- "DividerLine": {
568
- "name": "DividerLine",
569
- "defaultProps": {
570
- "variant": "primary"
571
- },
572
- "getStylesLiterals": {},
573
- "cxLiterals": [
574
- "inherit"
575
- ],
576
- "internalComponents": [
577
- "Box"
578
- ],
579
- "internalComponentProps": {
580
- "Box": {
581
- "flex": [
582
- "1"
583
- ]
584
- }
585
- },
586
- "propToVariantKeys": {
314
+ "linkTextStyleRoot",
315
+ "fontSize",
316
+ "fontFamily",
317
+ "fontWeight",
318
+ "lineHeight",
319
+ "textTransform",
320
+ "linkTextStyleIcon"
321
+ ],
587
322
  "variant": [
588
- "dividerVariantLine"
323
+ "linkVariantRoot",
324
+ "linkVariantIconStart",
325
+ "linkVariantIconEnd"
326
+ ],
327
+ "startIcon": [
328
+ "icon"
329
+ ],
330
+ "endIcon": [
331
+ "icon"
589
332
  ]
590
333
  },
591
334
  "runtimeConfigDefaultProps": {},
@@ -593,97 +336,122 @@
593
336
  "runtimeConfigInternalComponentProps": {},
594
337
  "motionVarPrefixes": []
595
338
  },
596
- "AnimateHeightChange": {
597
- "name": "AnimateHeightChange",
598
- "defaultProps": {},
599
- "getStylesLiterals": {},
600
- "cxLiterals": [
601
- "overflow-hidden"
602
- ],
603
- "internalComponents": [
604
- "SpringMotionConfig"
605
- ],
606
- "internalComponentProps": {
607
- "SpringMotionConfig": {
608
- "layoutSpeed": [
609
- "4"
610
- ]
611
- }
612
- },
613
- "propToVariantKeys": {
614
- "reduceMotion": [
615
- "reducedMotion"
616
- ]
617
- },
618
- "runtimeConfigDefaultProps": {},
619
- "runtimeConfigGetStyles": {},
620
- "runtimeConfigInternalComponentProps": {},
621
- "motionVarPrefixes": [
622
- "--uds-motion-subtle-4-",
623
- "--uds-motion-smooth-3-"
624
- ]
625
- },
626
- "Badge": {
627
- "name": "Badge",
339
+ "Switch": {
340
+ "name": "Switch",
628
341
  "defaultProps": {
629
- "variant": "primary",
342
+ "labelPosition": "start",
630
343
  "size": "md"
631
344
  },
632
- "getStylesLiterals": {},
345
+ "getStylesLiterals": {
346
+ "switchVariantRoot": "default",
347
+ "switchVariantActiveRoot": "on",
348
+ "switchVariantActiveRoot:1": "off",
349
+ "display": "flex",
350
+ "flexDirection": "row",
351
+ "flexDirection:1": "row-reverse",
352
+ "alignItems": "center",
353
+ "switchVariantSwitch": "default",
354
+ "switchVariantActiveSwitch": "on",
355
+ "switchVariantActiveSwitch:1": "off",
356
+ "borderRadius": "full",
357
+ "position": "relative",
358
+ "switchVariantActiveHandle": "on",
359
+ "switchVariantActiveHandle:1": "off",
360
+ "switchVariantHandle": "default",
361
+ "switchVariantHandleIcon": "default",
362
+ "switchVariantActiveHandleIcon": "on",
363
+ "switchVariantActiveHandleIcon:1": "off"
364
+ },
633
365
  "cxLiterals": [
634
- "uds-badge",
635
- "uds-badge-variant",
636
- "uds-badge-size",
637
- "uds-badge-iconSize",
638
- "uds-badge-iconColor",
639
- "flex-1",
640
- "truncate",
641
- "whitespace-nowrap",
642
- "text-center"
366
+ "group",
367
+ "cursor-pointer",
368
+ "cursor-default",
369
+ "opacity-50",
370
+ "uds-ring",
371
+ "uds-ring-within",
372
+ "transition-[background-color,box-shadow]",
373
+ "relative",
374
+ "pointer-events-none",
375
+ "uds-border-radius-full",
376
+ "overflow-hidden",
377
+ "absolute",
378
+ "top-0",
379
+ "left-0",
380
+ "right-0",
381
+ "bottom-0",
382
+ "opacity-95",
383
+ "group-hover:opacity-100",
384
+ "transition-[background-color,box-shadow,opacity]",
385
+ "opacity-0",
386
+ "top-1/2",
387
+ "left-1/2",
388
+ "transform",
389
+ "translate-x-[-50%]",
390
+ "translate-y-[-50%]",
391
+ "transition-opacity",
392
+ "cursor-[inherit]",
393
+ "w-[calc(100%+2px)]",
394
+ "h-[calc(100%+2px)]",
395
+ "text-start",
396
+ "text-end",
397
+ "opacity-100"
643
398
  ],
644
399
  "internalComponents": [
645
400
  "IconSlot",
646
- "HStack"
401
+ "Box",
402
+ "FormLabel",
403
+ "SpringMotionConfig",
404
+ "RootElement",
405
+ "MotionBox"
647
406
  ],
648
407
  "internalComponentProps": {
649
408
  "IconSlot": {
650
409
  "data-testid": [
651
- "start-icon",
652
- "end-icon"
410
+ "on-icon",
411
+ "off-icon"
653
412
  ]
654
413
  },
655
- "HStack": {
656
- "gap": [
657
- "2"
414
+ "FormLabel": {
415
+ "as": [
416
+ "div"
658
417
  ],
659
- "display": [
660
- "inline-flex"
418
+ "variant": [
419
+ "inherit"
661
420
  ],
662
- "alignItems": [
663
- "center"
421
+ "color": [
422
+ "inherit"
423
+ ]
424
+ },
425
+ "RootElement": {
426
+ "data-testid": [
427
+ "container"
664
428
  ]
665
429
  }
666
430
  },
667
431
  "propToVariantKeys": {
668
432
  "size": [
669
- "badgeSizeRoot",
670
- "badgeSizeIcon"
671
- ],
672
- "variant": [
673
- "badgeVariantRoot",
674
- "badgeVariantIcon"
433
+ "switchSizeRoot",
434
+ "switchSizeSwitch",
435
+ "switchSizeHandle",
436
+ "switchSizeHandleIcon"
675
437
  ],
676
- "startIcon": [
438
+ "onIcon": [
677
439
  "icon"
678
440
  ],
679
- "endIcon": [
441
+ "offIcon": [
680
442
  "icon"
443
+ ],
444
+ "reduceMotion": [
445
+ "reducedMotion"
681
446
  ]
682
447
  },
683
448
  "runtimeConfigDefaultProps": {},
684
449
  "runtimeConfigGetStyles": {},
685
450
  "runtimeConfigInternalComponentProps": {},
686
- "motionVarPrefixes": []
451
+ "motionVarPrefixes": [
452
+ "--uds-motion-bouncy-4-",
453
+ "--uds-motion-smooth-3-"
454
+ ]
687
455
  },
688
456
  "Button": {
689
457
  "name": "Button",
@@ -752,122 +520,16 @@
752
520
  ],
753
521
  "variant": [
754
522
  "buttonVariantRoot",
755
- "buttonVariantIcon"
756
- ],
757
- "iconVariant": [
758
- "variant"
759
- ],
760
- "startIcon": [
761
- "icon"
762
- ],
763
- "endIcon": [
764
- "icon"
765
- ]
766
- },
767
- "runtimeConfigDefaultProps": {},
768
- "runtimeConfigGetStyles": {},
769
- "runtimeConfigInternalComponentProps": {},
770
- "motionVarPrefixes": [
771
- "--uds-motion-subtle-3-",
772
- "--uds-motion-smooth-3-"
773
- ]
774
- },
775
- "Checkbox": {
776
- "name": "Checkbox",
777
- "defaultProps": {
778
- "labelPosition": "start",
779
- "variant": "primary",
780
- "size": "md"
781
- },
782
- "getStylesLiterals": {
783
- "display": "flex",
784
- "flexDirection": "row",
785
- "flexDirection:1": "row-reverse",
786
- "alignItems": "center"
787
- },
788
- "cxLiterals": [
789
- "cursor-pointer",
790
- "cursor-default",
791
- "opacity-50",
792
- "uds-ring",
793
- "uds-ring-within",
794
- "transition-[background-color,border-color,box-shadow]",
795
- "pointer-events-none",
796
- "transition-opacity",
797
- "cursor-[inherit]",
798
- "absolute",
799
- "opacity-0",
800
- "top-1/2",
801
- "left-1/2",
802
- "w-[calc(100%+2px)]",
803
- "h-[calc(100%+2px)]",
804
- "transform",
805
- "translate-x-[-50%]",
806
- "translate-y-[-50%]",
807
- "text-start",
808
- "text-end"
809
- ],
810
- "internalComponents": [
811
- "Icon",
812
- "FormLabel",
813
- "SpringMotionConfig",
814
- "RootElement",
815
- "MotionBox"
816
- ],
817
- "internalComponentProps": {
818
- "Icon": {
819
- "size": [
820
- "sm"
821
- ]
822
- },
823
- "FormLabel": {
824
- "as": [
825
- "div"
826
- ],
827
- "variant": [
828
- "inherit"
829
- ],
830
- "color": [
831
- "inherit"
832
- ]
833
- },
834
- "RootElement": {
835
- "data-testid": [
836
- "container"
837
- ]
838
- },
839
- "MotionBox": {
840
- "position": [
841
- "relative"
842
- ],
843
- "alignItems": [
844
- "center"
845
- ],
846
- "justifyContent": [
847
- "center"
848
- ],
849
- "flex": [
850
- "none"
851
- ]
852
- }
853
- },
854
- "propToVariantKeys": {
855
- "size": [
856
- "checkboxSizeRoot",
857
- "checkboxSizeCheckbox"
858
- ],
859
- "variant": [
860
- "checkboxVariantRoot",
861
- "checkboxVariantCheckbox",
862
- "checkboxVariantCheckboxIcon"
523
+ "buttonVariantIcon"
863
524
  ],
864
- "valueState": [
865
- "checkboxVariantValueRoot",
866
- "checkboxVariantValueCheckbox",
867
- "checkboxVariantValueCheckboxIcon"
525
+ "iconVariant": [
526
+ "variant"
868
527
  ],
869
- "reduceMotion": [
870
- "reducedMotion"
528
+ "startIcon": [
529
+ "icon"
530
+ ],
531
+ "endIcon": [
532
+ "icon"
871
533
  ]
872
534
  },
873
535
  "runtimeConfigDefaultProps": {},
@@ -904,8 +566,9 @@
904
566
  ],
905
567
  "internalComponents": [
906
568
  "Icon",
569
+ "AnimatePresence",
907
570
  "SpringMotionConfig",
908
- "AnimatePresence"
571
+ "MotionSlot"
909
572
  ],
910
573
  "internalComponentProps": {
911
574
  "Icon": {
@@ -913,14 +576,25 @@
913
576
  "current"
914
577
  ]
915
578
  },
579
+ "AnimatePresence": {
580
+ "mode": [
581
+ "popLayout"
582
+ ]
583
+ },
916
584
  "SpringMotionConfig": {
917
585
  "layoutSpeed": [
918
586
  "3"
919
587
  ]
920
588
  },
921
- "AnimatePresence": {
922
- "mode": [
923
- "popLayout"
589
+ "MotionSlot": {
590
+ "initial": [
591
+ "icon"
592
+ ],
593
+ "whileHover": [
594
+ "hover"
595
+ ],
596
+ "whileTap": [
597
+ "pressed"
924
598
  ]
925
599
  }
926
600
  },
@@ -945,21 +619,6 @@
945
619
  "--uds-motion-smooth-3-"
946
620
  ]
947
621
  },
948
- "Pressable": {
949
- "name": "Pressable",
950
- "defaultProps": {},
951
- "getStylesLiterals": {},
952
- "cxLiterals": [],
953
- "internalComponents": [
954
- "Comp"
955
- ],
956
- "internalComponentProps": {},
957
- "propToVariantKeys": {},
958
- "runtimeConfigDefaultProps": {},
959
- "runtimeConfigGetStyles": {},
960
- "runtimeConfigInternalComponentProps": {},
961
- "motionVarPrefixes": []
962
- },
963
622
  "SpringMotionConfig": {
964
623
  "name": "SpringMotionConfig",
965
624
  "defaultProps": {
@@ -982,79 +641,52 @@
982
641
  "runtimeConfigInternalComponentProps": {},
983
642
  "motionVarPrefixes": []
984
643
  },
985
- "Switch": {
986
- "name": "Switch",
644
+ "Checkbox": {
645
+ "name": "Checkbox",
987
646
  "defaultProps": {
988
647
  "labelPosition": "start",
648
+ "variant": "primary",
989
649
  "size": "md"
990
650
  },
991
651
  "getStylesLiterals": {
992
- "switchVariantRoot": "default",
993
- "switchVariantActiveRoot": "on",
994
- "switchVariantActiveRoot:1": "off",
995
652
  "display": "flex",
996
653
  "flexDirection": "row",
997
654
  "flexDirection:1": "row-reverse",
998
- "alignItems": "center",
999
- "switchVariantSwitch": "default",
1000
- "switchVariantActiveSwitch": "on",
1001
- "switchVariantActiveSwitch:1": "off",
1002
- "borderRadius": "full",
1003
- "position": "relative",
1004
- "switchVariantActiveHandle": "on",
1005
- "switchVariantActiveHandle:1": "off",
1006
- "switchVariantHandle": "default",
1007
- "switchVariantHandleIcon": "default",
1008
- "switchVariantActiveHandleIcon": "on",
1009
- "switchVariantActiveHandleIcon:1": "off"
655
+ "alignItems": "center"
1010
656
  },
1011
657
  "cxLiterals": [
1012
- "group",
1013
658
  "cursor-pointer",
1014
659
  "cursor-default",
1015
660
  "opacity-50",
1016
661
  "uds-ring",
1017
662
  "uds-ring-within",
1018
- "transition-[background-color,box-shadow]",
1019
- "relative",
663
+ "transition-[background-color,border-color,box-shadow]",
1020
664
  "pointer-events-none",
1021
- "uds-border-radius-full",
1022
- "overflow-hidden",
665
+ "transition-opacity",
666
+ "cursor-[inherit]",
1023
667
  "absolute",
1024
- "top-0",
1025
- "left-0",
1026
- "right-0",
1027
- "bottom-0",
1028
- "opacity-95",
1029
- "group-hover:opacity-100",
1030
- "transition-[background-color,box-shadow,opacity]",
1031
668
  "opacity-0",
1032
669
  "top-1/2",
1033
670
  "left-1/2",
671
+ "w-[calc(100%+2px)]",
672
+ "h-[calc(100%+2px)]",
1034
673
  "transform",
1035
674
  "translate-x-[-50%]",
1036
675
  "translate-y-[-50%]",
1037
- "transition-opacity",
1038
- "cursor-[inherit]",
1039
- "w-[calc(100%+2px)]",
1040
- "h-[calc(100%+2px)]",
1041
676
  "text-start",
1042
- "text-end",
1043
- "opacity-100"
677
+ "text-end"
1044
678
  ],
1045
679
  "internalComponents": [
1046
- "IconSlot",
1047
- "Box",
680
+ "Icon",
1048
681
  "FormLabel",
1049
682
  "SpringMotionConfig",
1050
683
  "RootElement",
1051
684
  "MotionBox"
1052
685
  ],
1053
686
  "internalComponentProps": {
1054
- "IconSlot": {
1055
- "data-testid": [
1056
- "on-icon",
1057
- "off-icon"
687
+ "Icon": {
688
+ "size": [
689
+ "sm"
1058
690
  ]
1059
691
  },
1060
692
  "FormLabel": {
@@ -1072,20 +704,36 @@
1072
704
  "data-testid": [
1073
705
  "container"
1074
706
  ]
707
+ },
708
+ "MotionBox": {
709
+ "position": [
710
+ "relative"
711
+ ],
712
+ "alignItems": [
713
+ "center"
714
+ ],
715
+ "justifyContent": [
716
+ "center"
717
+ ],
718
+ "flex": [
719
+ "none"
720
+ ]
1075
721
  }
1076
722
  },
1077
723
  "propToVariantKeys": {
1078
724
  "size": [
1079
- "switchSizeRoot",
1080
- "switchSizeSwitch",
1081
- "switchSizeHandle",
1082
- "switchSizeHandleIcon"
725
+ "checkboxSizeRoot",
726
+ "checkboxSizeCheckbox"
1083
727
  ],
1084
- "onIcon": [
1085
- "icon"
728
+ "variant": [
729
+ "checkboxVariantRoot",
730
+ "checkboxVariantCheckbox",
731
+ "checkboxVariantCheckboxIcon"
1086
732
  ],
1087
- "offIcon": [
1088
- "icon"
733
+ "valueState": [
734
+ "checkboxVariantValueRoot",
735
+ "checkboxVariantValueCheckbox",
736
+ "checkboxVariantValueCheckboxIcon"
1089
737
  ],
1090
738
  "reduceMotion": [
1091
739
  "reducedMotion"
@@ -1095,49 +743,147 @@
1095
743
  "runtimeConfigGetStyles": {},
1096
744
  "runtimeConfigInternalComponentProps": {},
1097
745
  "motionVarPrefixes": [
1098
- "--uds-motion-bouncy-4-",
746
+ "--uds-motion-subtle-3-",
1099
747
  "--uds-motion-smooth-3-"
1100
748
  ]
1101
749
  },
1102
- "Spinner": {
1103
- "name": "Spinner",
750
+ "Pressable": {
751
+ "name": "Pressable",
752
+ "defaultProps": {},
753
+ "getStylesLiterals": {},
754
+ "cxLiterals": [],
755
+ "internalComponents": [
756
+ "Comp"
757
+ ],
758
+ "internalComponentProps": {},
759
+ "propToVariantKeys": {},
760
+ "runtimeConfigDefaultProps": {},
761
+ "runtimeConfigGetStyles": {},
762
+ "runtimeConfigInternalComponentProps": {},
763
+ "motionVarPrefixes": []
764
+ },
765
+ "AnimateHeightChange": {
766
+ "name": "AnimateHeightChange",
767
+ "defaultProps": {},
768
+ "getStylesLiterals": {},
769
+ "cxLiterals": [
770
+ "overflow-hidden"
771
+ ],
772
+ "internalComponents": [
773
+ "SpringMotionConfig"
774
+ ],
775
+ "internalComponentProps": {
776
+ "SpringMotionConfig": {
777
+ "layoutSpeed": [
778
+ "4"
779
+ ]
780
+ }
781
+ },
782
+ "propToVariantKeys": {
783
+ "reduceMotion": [
784
+ "reducedMotion"
785
+ ]
786
+ },
787
+ "runtimeConfigDefaultProps": {},
788
+ "runtimeConfigGetStyles": {},
789
+ "runtimeConfigInternalComponentProps": {},
790
+ "motionVarPrefixes": [
791
+ "--uds-motion-subtle-4-",
792
+ "--uds-motion-smooth-3-"
793
+ ]
794
+ },
795
+ "Badge": {
796
+ "name": "Badge",
1104
797
  "defaultProps": {
1105
- "color": "primary",
1106
- "size": "lg"
798
+ "variant": "primary",
799
+ "size": "md"
1107
800
  },
1108
801
  "getStylesLiterals": {},
1109
802
  "cxLiterals": [
1110
- "self-center",
1111
- "relative",
1112
- "sr-only"
803
+ "uds-badge",
804
+ "uds-badge-variant",
805
+ "uds-badge-size",
806
+ "uds-badge-iconSize",
807
+ "uds-badge-iconColor",
808
+ "flex-1",
809
+ "truncate",
810
+ "whitespace-nowrap",
811
+ "text-center"
1113
812
  ],
1114
813
  "internalComponents": [
1115
- "Icon"
814
+ "IconSlot",
815
+ "HStack"
1116
816
  ],
1117
817
  "internalComponentProps": {
1118
- "Icon": {
1119
- "role": [
1120
- "img"
818
+ "IconSlot": {
819
+ "data-testid": [
820
+ "start-icon",
821
+ "end-icon"
822
+ ]
823
+ },
824
+ "HStack": {
825
+ "gap": [
826
+ "2"
1121
827
  ],
1122
- "className": [
1123
- "animate-spin"
828
+ "display": [
829
+ "inline-flex"
1124
830
  ],
1125
- "aria-hidden": [
1126
- "true"
831
+ "alignItems": [
832
+ "center"
1127
833
  ]
1128
834
  }
1129
835
  },
836
+ "propToVariantKeys": {
837
+ "size": [
838
+ "badgeSizeRoot",
839
+ "badgeSizeIcon"
840
+ ],
841
+ "variant": [
842
+ "badgeVariantRoot",
843
+ "badgeVariantIcon"
844
+ ],
845
+ "startIcon": [
846
+ "icon"
847
+ ],
848
+ "endIcon": [
849
+ "icon"
850
+ ]
851
+ },
852
+ "runtimeConfigDefaultProps": {},
853
+ "runtimeConfigGetStyles": {},
854
+ "runtimeConfigInternalComponentProps": {},
855
+ "motionVarPrefixes": []
856
+ },
857
+ "BannerDescription": {
858
+ "name": "BannerDescription",
859
+ "defaultProps": {},
860
+ "getStylesLiterals": {
861
+ "bannerSizeDescription": "default",
862
+ "className": "w-full line-clamp-3"
863
+ },
864
+ "cxLiterals": [],
865
+ "internalComponents": [
866
+ "Text"
867
+ ],
868
+ "internalComponentProps": {},
1130
869
  "propToVariantKeys": {},
1131
870
  "runtimeConfigDefaultProps": {},
1132
871
  "runtimeConfigGetStyles": {},
1133
872
  "runtimeConfigInternalComponentProps": {},
1134
873
  "motionVarPrefixes": []
1135
874
  },
1136
- "Table.mocks": {
1137
- "name": "Table.mocks",
875
+ "BannerContent": {
876
+ "name": "BannerContent",
1138
877
  "defaultProps": {},
1139
878
  "getStylesLiterals": {},
1140
- "cxLiterals": [],
879
+ "cxLiterals": [
880
+ "flex",
881
+ "flex-col",
882
+ "items-start",
883
+ "self-stretch",
884
+ "flex-1",
885
+ "min-w-0"
886
+ ],
1141
887
  "internalComponents": [],
1142
888
  "internalComponentProps": {},
1143
889
  "propToVariantKeys": {},
@@ -1146,52 +892,18 @@
1146
892
  "runtimeConfigInternalComponentProps": {},
1147
893
  "motionVarPrefixes": []
1148
894
  },
1149
- "Table": {
1150
- "name": "Table",
1151
- "defaultProps": {
1152
- "display": "table-cell",
1153
- "overflow": "hidden",
1154
- "borderColor": "muted",
1155
- "borderRadius": "md",
1156
- "spacing": "3",
1157
- "borderBottomColor": "muted",
1158
- "borderBottomWidth": "thin",
1159
- "color": "primary"
1160
- },
895
+ "BannerTitle": {
896
+ "name": "BannerTitle",
897
+ "defaultProps": {},
1161
898
  "getStylesLiterals": {
1162
- "textAlign": "start"
899
+ "bannerSizeTitle": "default"
1163
900
  },
1164
- "cxLiterals": [],
1165
- "internalComponents": [
1166
- "CellComponent",
1167
- "Box",
1168
- "Text",
1169
- "Table.Root",
1170
- "Table.Header",
1171
- "Table.Row",
1172
- "Table.Cell",
1173
- "Table.Body"
901
+ "cxLiterals": [
902
+ "w-full",
903
+ "truncate"
1174
904
  ],
1175
- "internalComponentProps": {
1176
- "Table.Cell": {
1177
- "asHeaderCell": [
1178
- "column"
1179
- ]
1180
- }
1181
- },
1182
- "propToVariantKeys": {},
1183
- "runtimeConfigDefaultProps": {},
1184
- "runtimeConfigGetStyles": {},
1185
- "runtimeConfigInternalComponentProps": {},
1186
- "motionVarPrefixes": []
1187
- },
1188
- "Avatar": {
1189
- "name": "Avatar",
1190
- "defaultProps": {},
1191
- "getStylesLiterals": {},
1192
- "cxLiterals": [],
1193
905
  "internalComponents": [
1194
- "AvatarImage"
906
+ "Text"
1195
907
  ],
1196
908
  "internalComponentProps": {},
1197
909
  "propToVariantKeys": {},
@@ -1200,31 +912,96 @@
1200
912
  "runtimeConfigInternalComponentProps": {},
1201
913
  "motionVarPrefixes": []
1202
914
  },
1203
- "AvatarIcon": {
1204
- "name": "AvatarIcon",
915
+ "Banner": {
916
+ "name": "Banner",
1205
917
  "defaultProps": {
1206
- "size": "md",
1207
- "variant": "primary"
918
+ "variant": "primary",
919
+ "size": "default",
920
+ "dismissAriaLabel": "Dismiss"
921
+ },
922
+ "getStylesLiterals": {
923
+ "className": "truncate",
924
+ "className:1": "line-clamp-3",
925
+ "spacing": "2",
926
+ "borderRadius": "full",
927
+ "color": "primary"
1208
928
  },
1209
- "getStylesLiterals": {},
1210
929
  "cxLiterals": [
1211
- "overflow-hidden",
1212
- "w-full",
1213
- "h-full",
930
+ "uds-banner",
931
+ "flex",
932
+ "flex-row",
933
+ "items-center",
934
+ "items-start",
935
+ "min-w-[300px]",
936
+ "transition-[background-color]",
937
+ "motion-safe:duration-120",
938
+ "bg-carbon-15/0",
939
+ "hover:bg-carbon-15/10",
940
+ "active:bg-carbon-15/15",
941
+ "uds-ring",
1214
942
  "shrink-0",
1215
- "text-center",
1216
- "inline-flex",
1217
- "justify-center",
1218
- "items-center"
943
+ "self-start",
944
+ "flex-1",
945
+ "min-w-0",
946
+ "flex-col",
947
+ "gap-[inherit]",
948
+ "uds-sm:flex-row",
949
+ "uds-sm:items-center",
950
+ "self-stretch",
951
+ "gap-0.5",
952
+ "w-full",
953
+ "truncate",
954
+ "leading-none",
955
+ "line-clamp-3",
956
+ "gap-1.5",
957
+ "uds-sm:self-center",
958
+ "uds-sm:shrink-0"
1219
959
  ],
1220
960
  "internalComponents": [
1221
961
  "IconSlot",
1222
- "Box"
962
+ "Text",
963
+ "Pressable"
1223
964
  ],
1224
- "internalComponentProps": {},
965
+ "internalComponentProps": {
966
+ "IconSlot": {
967
+ "data-testid": [
968
+ "banner-start-icon"
969
+ ]
970
+ },
971
+ "Text": {
972
+ "data-testid": [
973
+ "banner-title",
974
+ "banner-description"
975
+ ]
976
+ },
977
+ "Pressable": {
978
+ "data-testid": [
979
+ "banner-dismiss"
980
+ ]
981
+ }
982
+ },
1225
983
  "propToVariantKeys": {
984
+ "variant": [
985
+ "bannerVariantRoot",
986
+ "bannerVariantIcon",
987
+ "bannerVariantTitle",
988
+ "bannerVariantDescription"
989
+ ],
1226
990
  "size": [
1227
- "avatarSizeIcon"
991
+ "bannerSizeRoot",
992
+ "bannerSizeIcon",
993
+ "bannerSizeTitle",
994
+ "bannerSizeDescription",
995
+ "bannerSizeClose"
996
+ ],
997
+ "startIcon": [
998
+ "icon"
999
+ ],
1000
+ "dismissAriaLabel": [
1001
+ "aria-label"
1002
+ ],
1003
+ "onDismiss": [
1004
+ "onClick"
1228
1005
  ]
1229
1006
  },
1230
1007
  "runtimeConfigDefaultProps": {},
@@ -1232,37 +1009,28 @@
1232
1009
  "runtimeConfigInternalComponentProps": {},
1233
1010
  "motionVarPrefixes": []
1234
1011
  },
1235
- "AvatarImage": {
1236
- "name": "AvatarImage",
1012
+ "DividerLine": {
1013
+ "name": "DividerLine",
1237
1014
  "defaultProps": {
1238
- "size": "md",
1239
1015
  "variant": "primary"
1240
1016
  },
1241
1017
  "getStylesLiterals": {},
1242
1018
  "cxLiterals": [
1243
- "overflow-hidden",
1244
- "w-full",
1245
- "h-full",
1246
- "shrink-0",
1247
- "text-center",
1248
- "inline-flex",
1249
- "justify-center",
1250
- "items-center",
1251
- "object-cover"
1019
+ "inherit"
1252
1020
  ],
1253
1021
  "internalComponents": [
1254
- "UDSImage",
1255
- "AvatarText",
1256
- "AvatarIcon",
1257
1022
  "Box"
1258
1023
  ],
1259
- "internalComponentProps": {},
1024
+ "internalComponentProps": {
1025
+ "Box": {
1026
+ "flex": [
1027
+ "1"
1028
+ ]
1029
+ }
1030
+ },
1260
1031
  "propToVariantKeys": {
1261
- "alt": [
1262
- "name"
1263
- ],
1264
- "fallback": [
1265
- "initials"
1032
+ "variant": [
1033
+ "dividerVariantLine"
1266
1034
  ]
1267
1035
  },
1268
1036
  "runtimeConfigDefaultProps": {},
@@ -1270,105 +1038,72 @@
1270
1038
  "runtimeConfigInternalComponentProps": {},
1271
1039
  "motionVarPrefixes": []
1272
1040
  },
1273
- "AvatarText": {
1274
- "name": "AvatarText",
1041
+ "DividerLabel": {
1042
+ "name": "DividerLabel",
1275
1043
  "defaultProps": {
1276
- "size": "md",
1277
- "variant": "primary"
1044
+ "variant": "primary",
1045
+ "textVariant": "inherit",
1046
+ "color": "inherit",
1047
+ "as": "span"
1278
1048
  },
1279
1049
  "getStylesLiterals": {},
1280
1050
  "cxLiterals": [
1281
- "overflow-hidden",
1282
- "truncate",
1283
- "w-full",
1284
- "h-full",
1285
- "shrink-0",
1286
- "text-center",
1287
- "inline-flex",
1288
- "justify-center",
1289
- "items-center"
1051
+ "inherit"
1290
1052
  ],
1291
1053
  "internalComponents": [
1292
- "Box",
1293
1054
  "Text"
1294
1055
  ],
1295
- "internalComponentProps": {
1296
- "Text": {
1297
- "color": [
1298
- "inherit"
1299
- ],
1300
- "variant": [
1301
- "inherit"
1302
- ]
1303
- }
1056
+ "internalComponentProps": {},
1057
+ "propToVariantKeys": {
1058
+ "variant": [
1059
+ "dividerVariantLabel"
1060
+ ],
1061
+ "textVariant": [
1062
+ "variant"
1063
+ ]
1304
1064
  },
1305
- "propToVariantKeys": {},
1306
1065
  "runtimeConfigDefaultProps": {},
1307
1066
  "runtimeConfigGetStyles": {},
1308
1067
  "runtimeConfigInternalComponentProps": {},
1309
1068
  "motionVarPrefixes": []
1310
1069
  },
1311
- "BottomSheet": {
1312
- "name": "BottomSheet",
1070
+ "Divider": {
1071
+ "name": "Divider",
1313
1072
  "defaultProps": {
1314
- "variant": "default"
1073
+ "variant": "primary",
1074
+ "contentPosition": "center"
1315
1075
  },
1316
- "getStylesLiterals": {},
1317
- "cxLiterals": [
1318
- "fixed",
1319
- "overflow-hidden",
1320
- "inset-x-0",
1321
- "bottom-0",
1322
- "z-50",
1323
- "[will-change:transform]",
1324
- "touch-none",
1325
- "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
1326
- "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
1327
- "transition-transform",
1328
- "duration-500",
1329
- "ease-[cubic-bezier(0.32,0.72,0,1)]",
1330
- "motion-reduce:transition-none",
1331
- "top-[-4px]",
1332
- "z-[1]",
1333
- "touch-pan-y"
1076
+ "getStylesLiterals": {},
1077
+ "cxLiterals": [
1078
+ "inherit"
1334
1079
  ],
1335
1080
  "internalComponents": [
1336
- "Scrim",
1337
- "BottomSheetHandle",
1338
- "Dialog",
1339
- "Box",
1340
- "BottomSheetInternalContext.Provider"
1081
+ "DividerLine",
1082
+ "DividerLabel",
1083
+ "InternalComponent",
1084
+ "Box"
1341
1085
  ],
1342
1086
  "internalComponentProps": {
1343
- "BottomSheetHandle": {
1344
- "ariaLabel": [
1345
- "Resize sheet"
1346
- ]
1347
- },
1348
- "Dialog": {
1349
- "data-testid": [
1350
- "bottom-sheet"
1087
+ "InternalComponent": {
1088
+ "alignItems": [
1089
+ "center"
1090
+ ],
1091
+ "flex": [
1092
+ "1"
1351
1093
  ]
1352
1094
  },
1353
1095
  "Box": {
1354
1096
  "display": [
1355
- "block",
1356
1097
  "flex"
1357
1098
  ],
1358
- "position": [
1359
- "absolute"
1360
- ],
1361
- "flexDirection": [
1362
- "column"
1363
- ],
1364
- "className": [
1365
- "absolute inset-0 min-h-0 p-[inherit]"
1099
+ "flex": [
1100
+ "none"
1366
1101
  ]
1367
1102
  }
1368
1103
  },
1369
1104
  "propToVariantKeys": {
1370
1105
  "variant": [
1371
- "bottomsheetVariantRoot"
1106
+ "dividerVariantRoot"
1372
1107
  ]
1373
1108
  },
1374
1109
  "runtimeConfigDefaultProps": {},
@@ -1376,30 +1111,70 @@
1376
1111
  "runtimeConfigInternalComponentProps": {},
1377
1112
  "motionVarPrefixes": []
1378
1113
  },
1379
- "BottomSheetContent": {
1380
- "name": "BottomSheetContent",
1381
- "defaultProps": {},
1114
+ "Table": {
1115
+ "name": "Table",
1116
+ "defaultProps": {
1117
+ "display": "table-cell",
1118
+ "overflow": "hidden",
1119
+ "borderColor": "muted",
1120
+ "borderRadius": "md",
1121
+ "spacing": "3",
1122
+ "borderBottomColor": "muted",
1123
+ "borderBottomWidth": "thin",
1124
+ "color": "primary"
1125
+ },
1126
+ "getStylesLiterals": {
1127
+ "textAlign": "start"
1128
+ },
1129
+ "cxLiterals": [],
1130
+ "internalComponents": [
1131
+ "CellComponent",
1132
+ "Box",
1133
+ "Text",
1134
+ "Table.Root",
1135
+ "Table.Header",
1136
+ "Table.Row",
1137
+ "Table.Cell",
1138
+ "Table.Body"
1139
+ ],
1140
+ "internalComponentProps": {
1141
+ "Table.Cell": {
1142
+ "asHeaderCell": [
1143
+ "column"
1144
+ ]
1145
+ }
1146
+ },
1147
+ "propToVariantKeys": {},
1148
+ "runtimeConfigDefaultProps": {},
1149
+ "runtimeConfigGetStyles": {},
1150
+ "runtimeConfigInternalComponentProps": {},
1151
+ "motionVarPrefixes": []
1152
+ },
1153
+ "Spinner": {
1154
+ "name": "Spinner",
1155
+ "defaultProps": {
1156
+ "color": "primary",
1157
+ "size": "lg"
1158
+ },
1382
1159
  "getStylesLiterals": {},
1383
1160
  "cxLiterals": [
1384
- "min-h-0",
1385
- "touch-pan-y"
1161
+ "self-center",
1162
+ "relative",
1163
+ "sr-only"
1386
1164
  ],
1387
1165
  "internalComponents": [
1388
- "Box",
1389
- "VStack"
1166
+ "Icon"
1390
1167
  ],
1391
1168
  "internalComponentProps": {
1392
- "Box": {
1393
- "display": [
1394
- "block"
1169
+ "Icon": {
1170
+ "role": [
1171
+ "img"
1395
1172
  ],
1396
- "flex": [
1397
- "1"
1398
- ]
1399
- },
1400
- "VStack": {
1401
1173
  "className": [
1402
- "pb-[calc(env(safe-area-inset-bottom))]"
1174
+ "animate-spin"
1175
+ ],
1176
+ "aria-hidden": [
1177
+ "true"
1403
1178
  ]
1404
1179
  }
1405
1180
  },
@@ -1409,14 +1184,29 @@
1409
1184
  "runtimeConfigInternalComponentProps": {},
1410
1185
  "motionVarPrefixes": []
1411
1186
  },
1412
- "BottomSheetDismiss": {
1413
- "name": "BottomSheetDismiss",
1187
+ "Table.mocks": {
1188
+ "name": "Table.mocks",
1414
1189
  "defaultProps": {},
1415
1190
  "getStylesLiterals": {},
1416
1191
  "cxLiterals": [],
1417
- "internalComponents": [
1418
- "AriakitDialogDismiss"
1192
+ "internalComponents": [],
1193
+ "internalComponentProps": {},
1194
+ "propToVariantKeys": {},
1195
+ "runtimeConfigDefaultProps": {},
1196
+ "runtimeConfigGetStyles": {},
1197
+ "runtimeConfigInternalComponentProps": {},
1198
+ "motionVarPrefixes": []
1199
+ },
1200
+ "PaddleNavContent": {
1201
+ "name": "PaddleNavContent",
1202
+ "defaultProps": {},
1203
+ "getStylesLiterals": {},
1204
+ "cxLiterals": [
1205
+ "min-w-0",
1206
+ "min-h-0",
1207
+ "relative"
1419
1208
  ],
1209
+ "internalComponents": [],
1420
1210
  "internalComponentProps": {},
1421
1211
  "propToVariantKeys": {},
1422
1212
  "runtimeConfigDefaultProps": {},
@@ -1424,45 +1214,57 @@
1424
1214
  "runtimeConfigInternalComponentProps": {},
1425
1215
  "motionVarPrefixes": []
1426
1216
  },
1427
- "BottomSheetHandle": {
1428
- "name": "BottomSheetHandle",
1429
- "defaultProps": {
1430
- "variant": "default"
1431
- },
1217
+ "PaddleButton": {
1218
+ "name": "PaddleButton",
1219
+ "defaultProps": {},
1432
1220
  "getStylesLiterals": {},
1433
1221
  "cxLiterals": [
1434
1222
  "relative",
1435
- "h-5",
1436
- "w-16",
1437
- "outline-none",
1438
- "focus-visible:outline-none",
1439
- "[touch-action:pan-y]",
1223
+ "inline-flex",
1224
+ "items-center",
1225
+ "justify-center",
1226
+ "box-border",
1227
+ "overflow-hidden",
1228
+ "border-solid",
1229
+ "select-none",
1230
+ "uds-nested-radius",
1231
+ "transition-[color,border-color,box-shadow]",
1232
+ "duration-[180ms]",
1233
+ "ease-[cubic-bezier(0,0,0.2,1)]",
1234
+ "uds-ring",
1235
+ "cursor-pointer",
1236
+ "cursor-not-allowed",
1237
+ "opacity-50",
1238
+ "pointer-events-none",
1239
+ "hidden",
1440
1240
  "absolute",
1441
- "left-1/2",
1442
- "top-1/2",
1443
- "-translate-x-1/2",
1444
- "-translate-y-1/2",
1445
- "h-1",
1446
- "w-8",
1447
- "rounded-full"
1241
+ "inset-0",
1242
+ "-z-10",
1243
+ "rounded-[var(--uds-nested-radius)]",
1244
+ "transition-[background-color,opacity]"
1448
1245
  ],
1449
1246
  "internalComponents": [
1450
- "Box"
1247
+ "Icon"
1451
1248
  ],
1452
1249
  "internalComponentProps": {
1453
- "Box": {
1454
- "display": [
1455
- "block",
1456
- "flex"
1250
+ "Icon": {
1251
+ "size": [
1252
+ "md"
1457
1253
  ],
1458
- "justifyContent": [
1459
- "center"
1254
+ "color": [
1255
+ "current"
1460
1256
  ]
1461
1257
  }
1462
1258
  },
1463
1259
  "propToVariantKeys": {
1260
+ "size": [
1261
+ "paddlenavSizeRoot",
1262
+ "paddlenavSizeIcon"
1263
+ ],
1464
1264
  "variant": [
1465
- "bottomsheetVariantHandleIndicator"
1265
+ "paddlenavVariantRoot",
1266
+ "paddlenavVariantBackground",
1267
+ "paddlenavVariantIcon"
1466
1268
  ]
1467
1269
  },
1468
1270
  "runtimeConfigDefaultProps": {},
@@ -1470,64 +1272,65 @@
1470
1272
  "runtimeConfigInternalComponentProps": {},
1471
1273
  "motionVarPrefixes": []
1472
1274
  },
1473
- "BottomSheetHeader": {
1474
- "name": "BottomSheetHeader",
1275
+ "PaddleNav": {
1276
+ "name": "PaddleNav",
1475
1277
  "defaultProps": {
1476
- "variant": "default"
1278
+ "orientation": "horizontal",
1279
+ "variant": "primary",
1280
+ "size": "md"
1477
1281
  },
1478
1282
  "getStylesLiterals": {},
1479
1283
  "cxLiterals": [
1480
- "grid-cols-[40px_1fr_40px]",
1284
+ "pointer-events-none",
1285
+ "inline-flex",
1286
+ "flex-row",
1287
+ "gap-2",
1481
1288
  "items-center",
1482
- "w-full",
1483
- "min-h-10",
1484
- "mt-2"
1289
+ "pointer-events-auto",
1290
+ "flex-col",
1291
+ "relative",
1292
+ "min-w-0",
1293
+ "min-h-0",
1294
+ "flex-1",
1295
+ "inline-block",
1296
+ "absolute",
1297
+ "z-10",
1298
+ "top-2",
1299
+ "left-1/2",
1300
+ "-translate-x-1/2",
1301
+ "left-2",
1302
+ "top-1/2",
1303
+ "-translate-y-1/2",
1304
+ "bottom-2",
1305
+ "right-2",
1306
+ "-top-12",
1307
+ "left-0",
1308
+ "right-0",
1309
+ "-bottom-12"
1485
1310
  ],
1486
1311
  "internalComponents": [
1487
- "Box",
1488
- "Text",
1489
- "DialogHeading"
1312
+ "PaddleNavContext.Provider",
1313
+ "Box"
1490
1314
  ],
1491
1315
  "internalComponentProps": {
1492
1316
  "Box": {
1493
- "className": [
1494
- "h-10 w-10 opacity-0 pointer-events-none"
1495
- ],
1496
1317
  "display": [
1497
- "grid",
1498
- "flex"
1499
- ],
1500
- "justifyContent": [
1501
- "flex-start",
1502
- "flex-end"
1503
- ]
1504
- },
1505
- "Text": {
1506
- "as": [
1507
- "p"
1508
- ],
1509
- "variant": [
1510
- "inherit"
1318
+ "inline-flex"
1511
1319
  ],
1512
- "color": [
1513
- "inherit"
1320
+ "alignItems": [
1321
+ "center"
1514
1322
  ],
1515
- "textAlign": [
1323
+ "justifyContent": [
1516
1324
  "center"
1517
1325
  ],
1518
- "className": [
1519
- "m-0 w-full"
1520
- ]
1521
- },
1522
- "DialogHeading": {
1523
- "role": [
1524
- "heading"
1326
+ "data-paddle-nav-outside": [
1327
+ "true"
1525
1328
  ]
1526
1329
  }
1527
1330
  },
1528
1331
  "propToVariantKeys": {
1529
- "variant": [
1530
- "bottomsheetVariantHeader"
1332
+ "orientation": [
1333
+ "data-paddle-nav-orientation"
1531
1334
  ]
1532
1335
  },
1533
1336
  "runtimeConfigDefaultProps": {},
@@ -1535,284 +1338,254 @@
1535
1338
  "runtimeConfigInternalComponentProps": {},
1536
1339
  "motionVarPrefixes": []
1537
1340
  },
1538
- "BottomSheetInternalContext": {
1539
- "name": "BottomSheetInternalContext",
1540
- "defaultProps": {},
1541
- "getStylesLiterals": {},
1542
- "cxLiterals": [],
1543
- "internalComponents": [],
1544
- "internalComponentProps": {},
1545
- "propToVariantKeys": {},
1546
- "runtimeConfigDefaultProps": {},
1547
- "runtimeConfigGetStyles": {},
1548
- "runtimeConfigInternalComponentProps": {},
1549
- "motionVarPrefixes": []
1550
- },
1551
- "BottomSheetProvider": {
1552
- "name": "BottomSheetProvider",
1341
+ "PaddleButtonPrevious": {
1342
+ "name": "PaddleButtonPrevious",
1553
1343
  "defaultProps": {},
1554
1344
  "getStylesLiterals": {},
1555
1345
  "cxLiterals": [],
1556
1346
  "internalComponents": [
1557
- "AriakitDialogProvider"
1347
+ "PaddleButton"
1558
1348
  ],
1559
- "internalComponentProps": {},
1349
+ "internalComponentProps": {
1350
+ "PaddleButton": {
1351
+ "paddleRole": [
1352
+ "previous"
1353
+ ]
1354
+ }
1355
+ },
1560
1356
  "propToVariantKeys": {},
1561
1357
  "runtimeConfigDefaultProps": {},
1562
1358
  "runtimeConfigGetStyles": {},
1563
1359
  "runtimeConfigInternalComponentProps": {},
1564
1360
  "motionVarPrefixes": []
1565
1361
  },
1566
- "BottomSheetTrigger": {
1567
- "name": "BottomSheetTrigger",
1362
+ "PaddleButtonNext": {
1363
+ "name": "PaddleButtonNext",
1568
1364
  "defaultProps": {},
1569
1365
  "getStylesLiterals": {},
1570
1366
  "cxLiterals": [],
1571
1367
  "internalComponents": [
1572
- "AriakitDialogDisclosure"
1368
+ "PaddleButton"
1573
1369
  ],
1574
- "internalComponentProps": {},
1370
+ "internalComponentProps": {
1371
+ "PaddleButton": {
1372
+ "paddleRole": [
1373
+ "next"
1374
+ ]
1375
+ }
1376
+ },
1575
1377
  "propToVariantKeys": {},
1576
1378
  "runtimeConfigDefaultProps": {},
1577
1379
  "runtimeConfigGetStyles": {},
1578
1380
  "runtimeConfigInternalComponentProps": {},
1579
1381
  "motionVarPrefixes": []
1580
1382
  },
1581
- "UDSBottomSheetConfigProvider": {
1582
- "name": "UDSBottomSheetConfigProvider",
1383
+ "ManagedModal": {
1384
+ "name": "ManagedModal",
1583
1385
  "defaultProps": {},
1584
1386
  "getStylesLiterals": {},
1585
1387
  "cxLiterals": [],
1586
1388
  "internalComponents": [
1587
- "BottomSheetContext.Provider"
1389
+ "Modal",
1390
+ "ModalTitle",
1391
+ "ModalDescription",
1392
+ "ModalContent",
1393
+ "ModalActions"
1588
1394
  ],
1589
1395
  "internalComponentProps": {},
1590
1396
  "propToVariantKeys": {},
1591
- "runtimeConfigDefaultProps": {},
1397
+ "runtimeConfigDefaultProps": {
1398
+ "size": "modal.defaultSize",
1399
+ "variant": "modal.defaultVariant"
1400
+ },
1592
1401
  "runtimeConfigGetStyles": {},
1593
1402
  "runtimeConfigInternalComponentProps": {},
1594
1403
  "motionVarPrefixes": []
1595
1404
  },
1596
- "Chip": {
1597
- "name": "Chip",
1405
+ "ModalDescription": {
1406
+ "name": "ModalDescription",
1598
1407
  "defaultProps": {},
1599
1408
  "getStylesLiterals": {},
1600
1409
  "cxLiterals": [],
1601
1410
  "internalComponents": [
1602
- "ChipDismissible",
1603
- "ChipToggle",
1604
- "ChipLink",
1605
- "ChipButton"
1606
- ],
1607
- "internalComponentProps": {},
1608
- "propToVariantKeys": {},
1609
- "runtimeConfigDefaultProps": {},
1610
- "runtimeConfigGetStyles": {},
1611
- "runtimeConfigInternalComponentProps": {},
1612
- "motionVarPrefixes": []
1613
- },
1614
- "ChipBase": {
1615
- "name": "ChipBase",
1616
- "defaultProps": {
1617
- "size": "md",
1618
- "as": "div"
1619
- },
1620
- "getStylesLiterals": {},
1621
- "cxLiterals": [
1622
- "pointer-events-none",
1623
- "cursor-default",
1624
- "opacity-50",
1625
- "inline-flex",
1626
- "items-center",
1627
- "transition-[background-color,outline-color,box-shadow]",
1628
- "truncate",
1629
- "whitespace-nowrap",
1630
- "text-center",
1631
- "flex-1",
1632
- "md",
1633
- "primary"
1634
- ],
1635
- "internalComponents": [
1636
- "IconSlot",
1637
- "HStack",
1638
- "As",
1639
- "Text"
1411
+ "Text",
1412
+ "DialogDescription"
1640
1413
  ],
1641
1414
  "internalComponentProps": {
1642
1415
  "Text": {
1643
1416
  "as": [
1644
1417
  "span"
1645
- ],
1646
- "color": [
1647
- "current"
1648
- ],
1649
- "variant": [
1650
- "inherit"
1651
1418
  ]
1652
1419
  }
1653
1420
  },
1654
1421
  "propToVariantKeys": {
1655
1422
  "size": [
1656
- "chipSizeRoot",
1657
- "chipSizeIcon"
1423
+ "modalSizeDescription"
1658
1424
  ],
1659
- "startIcon": [
1660
- "icon"
1425
+ "variant": [
1426
+ "modalVariantDescription"
1427
+ ]
1428
+ },
1429
+ "runtimeConfigDefaultProps": {
1430
+ "size": "modal.defaultSize",
1431
+ "variant": "modal.defaultVariant"
1432
+ },
1433
+ "runtimeConfigGetStyles": {
1434
+ "modalSizeDescription": [
1435
+ "modal.defaultSize"
1661
1436
  ],
1662
- "endIcon": [
1663
- "icon"
1437
+ "modalVariantDescription": [
1438
+ "modal.defaultVariant"
1664
1439
  ]
1665
1440
  },
1666
- "runtimeConfigDefaultProps": {},
1667
- "runtimeConfigGetStyles": {},
1668
1441
  "runtimeConfigInternalComponentProps": {},
1669
1442
  "motionVarPrefixes": []
1670
1443
  },
1671
- "ChipButton": {
1672
- "name": "ChipButton",
1673
- "defaultProps": {
1674
- "variant": "primary"
1675
- },
1444
+ "ModalTitle": {
1445
+ "name": "ModalTitle",
1446
+ "defaultProps": {},
1676
1447
  "getStylesLiterals": {},
1677
- "cxLiterals": [
1678
- "uds-ring"
1679
- ],
1448
+ "cxLiterals": [],
1680
1449
  "internalComponents": [
1681
- "ChipBase"
1450
+ "Text",
1451
+ "DialogHeading"
1682
1452
  ],
1683
1453
  "internalComponentProps": {
1684
- "ChipBase": {
1454
+ "Text": {
1685
1455
  "as": [
1686
- "button"
1456
+ "span"
1687
1457
  ]
1688
1458
  }
1689
1459
  },
1690
1460
  "propToVariantKeys": {
1461
+ "size": [
1462
+ "modalSizeTitle"
1463
+ ],
1691
1464
  "variant": [
1692
- "chipLinkVariantRoot",
1693
- "chipLinkVariantIcon"
1465
+ "modalVariantTitle"
1466
+ ]
1467
+ },
1468
+ "runtimeConfigDefaultProps": {
1469
+ "size": "modal.defaultSize",
1470
+ "variant": "modal.defaultVariant"
1471
+ },
1472
+ "runtimeConfigGetStyles": {
1473
+ "modalSizeTitle": [
1474
+ "modal.defaultSize"
1475
+ ],
1476
+ "modalVariantTitle": [
1477
+ "modal.defaultVariant"
1694
1478
  ]
1695
1479
  },
1696
- "runtimeConfigDefaultProps": {},
1697
- "runtimeConfigGetStyles": {},
1698
1480
  "runtimeConfigInternalComponentProps": {},
1699
1481
  "motionVarPrefixes": []
1700
1482
  },
1701
- "ChipDismissible": {
1702
- "name": "ChipDismissible",
1703
- "defaultProps": {
1704
- "variant": "primary"
1483
+ "ModalContent": {
1484
+ "name": "ModalContent",
1485
+ "defaultProps": {},
1486
+ "getStylesLiterals": {
1487
+ "overflowY": "auto",
1488
+ "display": "block",
1489
+ "flexGrow": "1"
1705
1490
  },
1706
- "getStylesLiterals": {},
1707
- "cxLiterals": [
1708
- "uds-chip-dismissible-button",
1709
- "uds-hit-target",
1710
- "uds-ring",
1711
- "rounded-full"
1712
- ],
1491
+ "cxLiterals": [],
1713
1492
  "internalComponents": [
1714
- "ChipBase",
1715
- "IconSlot",
1716
- "Pressable"
1493
+ "Box"
1717
1494
  ],
1718
1495
  "internalComponentProps": {},
1719
1496
  "propToVariantKeys": {
1720
- "variant": [
1721
- "chipDismissibleVariantRoot",
1722
- "chipDismissibleVariantIcon"
1723
- ],
1724
- "dismissButtonAriaLabel": [
1725
- "aria-label"
1497
+ "size": [
1498
+ "modalSizeSpacingHorizontal"
1499
+ ]
1500
+ },
1501
+ "runtimeConfigDefaultProps": {
1502
+ "size": "modal.defaultSize",
1503
+ "variant": "modal.defaultVariant"
1504
+ },
1505
+ "runtimeConfigGetStyles": {
1506
+ "modalSizeSpacingHorizontal": [
1507
+ "modal.defaultSize"
1726
1508
  ]
1727
1509
  },
1728
- "runtimeConfigDefaultProps": {},
1729
- "runtimeConfigGetStyles": {},
1730
1510
  "runtimeConfigInternalComponentProps": {},
1731
1511
  "motionVarPrefixes": []
1732
1512
  },
1733
- "ChipLink": {
1734
- "name": "ChipLink",
1735
- "defaultProps": {
1736
- "variant": "primary"
1737
- },
1513
+ "ModalPortal": {
1514
+ "name": "ModalPortal",
1515
+ "defaultProps": {},
1738
1516
  "getStylesLiterals": {},
1739
- "cxLiterals": [
1740
- "uds-ring"
1741
- ],
1517
+ "cxLiterals": [],
1742
1518
  "internalComponents": [
1743
- "ChipBase"
1519
+ "ManagedModal"
1744
1520
  ],
1745
- "internalComponentProps": {
1746
- "ChipBase": {
1747
- "as": [
1748
- "a"
1749
- ]
1750
- }
1751
- },
1752
- "propToVariantKeys": {
1753
- "variant": [
1754
- "chipLinkVariantRoot",
1755
- "chipLinkVariantIcon"
1756
- ]
1757
- },
1521
+ "internalComponentProps": {},
1522
+ "propToVariantKeys": {},
1758
1523
  "runtimeConfigDefaultProps": {},
1759
1524
  "runtimeConfigGetStyles": {},
1760
1525
  "runtimeConfigInternalComponentProps": {},
1761
1526
  "motionVarPrefixes": []
1762
1527
  },
1763
- "ChipToggle": {
1764
- "name": "ChipToggle",
1765
- "defaultProps": {
1766
- "variant": "primary",
1767
- "role": "checkbox"
1768
- },
1769
- "getStylesLiterals": {
1770
- "chipToggleVariantActiveRoot": "on",
1771
- "chipToggleVariantActiveRoot:1": "off"
1772
- },
1773
- "cxLiterals": [
1774
- "uds-ring"
1775
- ],
1528
+ "UDSModalConfigProvider": {
1529
+ "name": "UDSModalConfigProvider",
1530
+ "defaultProps": {},
1531
+ "getStylesLiterals": {},
1532
+ "cxLiterals": [],
1776
1533
  "internalComponents": [
1777
- "ChipBase"
1534
+ "ModalContext.Provider"
1778
1535
  ],
1779
- "internalComponentProps": {
1780
- "ChipBase": {
1781
- "as": [
1782
- "button"
1783
- ]
1784
- }
1785
- },
1786
- "propToVariantKeys": {
1787
- "variant": [
1788
- "chipToggleVariantRoot",
1789
- "chipToggleVariantIcon"
1790
- ]
1791
- },
1536
+ "internalComponentProps": {},
1537
+ "propToVariantKeys": {},
1792
1538
  "runtimeConfigDefaultProps": {},
1793
1539
  "runtimeConfigGetStyles": {},
1794
1540
  "runtimeConfigInternalComponentProps": {},
1795
1541
  "motionVarPrefixes": []
1796
1542
  },
1797
- "ManagedModal": {
1798
- "name": "ManagedModal",
1543
+ "ModalContext": {
1544
+ "name": "ModalContext",
1799
1545
  "defaultProps": {},
1800
1546
  "getStylesLiterals": {},
1801
1547
  "cxLiterals": [],
1548
+ "internalComponents": [],
1549
+ "internalComponentProps": {},
1550
+ "propToVariantKeys": {},
1551
+ "runtimeConfigDefaultProps": {},
1552
+ "runtimeConfigGetStyles": {},
1553
+ "runtimeConfigInternalComponentProps": {},
1554
+ "motionVarPrefixes": []
1555
+ },
1556
+ "ModalActions": {
1557
+ "name": "ModalActions",
1558
+ "defaultProps": {},
1559
+ "getStylesLiterals": {
1560
+ "flexDirection": "row-reverse",
1561
+ "justifyContent": "space-between",
1562
+ "alignItems": "center"
1563
+ },
1564
+ "cxLiterals": [
1565
+ "gap-[inherit]"
1566
+ ],
1802
1567
  "internalComponents": [
1803
- "Modal",
1804
- "ModalTitle",
1805
- "ModalDescription",
1806
- "ModalContent",
1807
- "ModalActions"
1568
+ "HStack"
1808
1569
  ],
1809
1570
  "internalComponentProps": {},
1810
- "propToVariantKeys": {},
1571
+ "propToVariantKeys": {
1572
+ "size": [
1573
+ "modalSizeSpacingHorizontal",
1574
+ "modalSizeActions"
1575
+ ]
1576
+ },
1811
1577
  "runtimeConfigDefaultProps": {
1812
1578
  "size": "modal.defaultSize",
1813
1579
  "variant": "modal.defaultVariant"
1814
1580
  },
1815
- "runtimeConfigGetStyles": {},
1581
+ "runtimeConfigGetStyles": {
1582
+ "modalSizeSpacingHorizontal": [
1583
+ "modal.defaultSize"
1584
+ ],
1585
+ "modalSizeActions": [
1586
+ "modal.defaultSize"
1587
+ ]
1588
+ },
1816
1589
  "runtimeConfigInternalComponentProps": {},
1817
1590
  "motionVarPrefixes": []
1818
1591
  },
@@ -1943,78 +1716,235 @@
1943
1716
  "runtimeConfigInternalComponentProps": {},
1944
1717
  "motionVarPrefixes": []
1945
1718
  },
1946
- "ModalActions": {
1947
- "name": "ModalActions",
1719
+ "RadioGroupStore": {
1720
+ "name": "RadioGroupStore",
1721
+ "defaultProps": {},
1722
+ "getStylesLiterals": {},
1723
+ "cxLiterals": [],
1724
+ "internalComponents": [],
1725
+ "internalComponentProps": {},
1726
+ "propToVariantKeys": {},
1727
+ "runtimeConfigDefaultProps": {},
1728
+ "runtimeConfigGetStyles": {},
1729
+ "runtimeConfigInternalComponentProps": {},
1730
+ "motionVarPrefixes": []
1731
+ },
1732
+ "RadioGroupProvider": {
1733
+ "name": "RadioGroupProvider",
1948
1734
  "defaultProps": {},
1735
+ "getStylesLiterals": {},
1736
+ "cxLiterals": [],
1737
+ "internalComponents": [
1738
+ "DivProps",
1739
+ "Comp",
1740
+ "RadioGroupContext.Provider"
1741
+ ],
1742
+ "internalComponentProps": {
1743
+ "Comp": {
1744
+ "role": [
1745
+ "radiogroup"
1746
+ ]
1747
+ }
1748
+ },
1749
+ "propToVariantKeys": {},
1750
+ "runtimeConfigDefaultProps": {},
1751
+ "runtimeConfigGetStyles": {},
1752
+ "runtimeConfigInternalComponentProps": {},
1753
+ "motionVarPrefixes": []
1754
+ },
1755
+ "Radio": {
1756
+ "name": "Radio",
1757
+ "defaultProps": {
1758
+ "labelPosition": "start",
1759
+ "variant": "primary",
1760
+ "size": "md",
1761
+ "value": ""
1762
+ },
1949
1763
  "getStylesLiterals": {
1950
- "flexDirection": "row-reverse",
1951
- "justifyContent": "space-between",
1952
- "alignItems": "center"
1764
+ "radioVariantValueRoot": "checked",
1765
+ "radioVariantValueRoot:1": "unchecked",
1766
+ "display": "flex",
1767
+ "flexDirection": "row",
1768
+ "flexDirection:1": "row-reverse",
1769
+ "alignItems": "center",
1770
+ "radioVariantValueRadio": "checked",
1771
+ "radioVariantValueRadio:1": "unchecked",
1772
+ "radioVariantValueRadioCircle": "checked",
1773
+ "radioVariantValueRadioCircle:1": "unchecked"
1953
1774
  },
1954
1775
  "cxLiterals": [
1955
- "gap-[inherit]"
1776
+ "cursor-pointer",
1777
+ "cursor-default",
1778
+ "opacity-50",
1779
+ "border",
1780
+ "uds-ring",
1781
+ "uds-ring-within",
1782
+ "transition-[background-color,border-color]",
1783
+ "transition-shadow",
1784
+ "pointer-events-none",
1785
+ "w-[8px]",
1786
+ "h-[8px]",
1787
+ "transition-opacity",
1788
+ "cursor-[inherit]",
1789
+ "absolute",
1790
+ "opacity-0",
1791
+ "top-1/2",
1792
+ "left-1/2",
1793
+ "w-[calc(100%+2px)]",
1794
+ "h-[calc(100%+2px)]",
1795
+ "transform",
1796
+ "translate-x-[-50%]",
1797
+ "translate-y-[-50%]",
1798
+ "text-start",
1799
+ "text-end"
1956
1800
  ],
1957
1801
  "internalComponents": [
1958
- "HStack"
1802
+ "Box",
1803
+ "FormLabel",
1804
+ "SpringMotionConfig",
1805
+ "RootElement",
1806
+ "MotionBox"
1959
1807
  ],
1960
- "internalComponentProps": {},
1808
+ "internalComponentProps": {
1809
+ "Box": {
1810
+ "borderRadius": [
1811
+ "full"
1812
+ ]
1813
+ },
1814
+ "FormLabel": {
1815
+ "as": [
1816
+ "div"
1817
+ ],
1818
+ "variant": [
1819
+ "inherit"
1820
+ ],
1821
+ "color": [
1822
+ "inherit"
1823
+ ]
1824
+ },
1825
+ "RootElement": {
1826
+ "data-testid": [
1827
+ "container"
1828
+ ]
1829
+ },
1830
+ "MotionBox": {
1831
+ "position": [
1832
+ "relative"
1833
+ ],
1834
+ "borderRadius": [
1835
+ "full"
1836
+ ],
1837
+ "alignItems": [
1838
+ "center"
1839
+ ],
1840
+ "justifyContent": [
1841
+ "center"
1842
+ ],
1843
+ "flex": [
1844
+ "none"
1845
+ ]
1846
+ }
1847
+ },
1961
1848
  "propToVariantKeys": {
1962
1849
  "size": [
1963
- "modalSizeSpacingHorizontal",
1964
- "modalSizeActions"
1850
+ "radioSizeRoot",
1851
+ "radioSizeRadio"
1852
+ ],
1853
+ "variant": [
1854
+ "radioVariantRoot",
1855
+ "radioVariantRadio",
1856
+ "radioVariantRadioCircle"
1857
+ ],
1858
+ "reduceMotion": [
1859
+ "reducedMotion"
1965
1860
  ]
1966
1861
  },
1967
- "runtimeConfigDefaultProps": {
1968
- "size": "modal.defaultSize",
1969
- "variant": "modal.defaultVariant"
1862
+ "runtimeConfigDefaultProps": {},
1863
+ "runtimeConfigGetStyles": {},
1864
+ "runtimeConfigInternalComponentProps": {},
1865
+ "motionVarPrefixes": [
1866
+ "--uds-motion-subtle-3-",
1867
+ "--uds-motion-smooth-3-"
1868
+ ]
1869
+ },
1870
+ "AvatarText": {
1871
+ "name": "AvatarText",
1872
+ "defaultProps": {
1873
+ "size": "md",
1874
+ "variant": "primary"
1970
1875
  },
1971
- "runtimeConfigGetStyles": {
1972
- "modalSizeSpacingHorizontal": [
1973
- "modal.defaultSize"
1974
- ],
1975
- "modalSizeActions": [
1976
- "modal.defaultSize"
1977
- ]
1876
+ "getStylesLiterals": {},
1877
+ "cxLiterals": [
1878
+ "overflow-hidden",
1879
+ "truncate",
1880
+ "w-full",
1881
+ "h-full",
1882
+ "shrink-0",
1883
+ "text-center",
1884
+ "inline-flex",
1885
+ "justify-center",
1886
+ "items-center"
1887
+ ],
1888
+ "internalComponents": [
1889
+ "Box",
1890
+ "Text"
1891
+ ],
1892
+ "internalComponentProps": {
1893
+ "Text": {
1894
+ "color": [
1895
+ "inherit"
1896
+ ],
1897
+ "variant": [
1898
+ "inherit"
1899
+ ]
1900
+ }
1978
1901
  },
1902
+ "propToVariantKeys": {},
1903
+ "runtimeConfigDefaultProps": {},
1904
+ "runtimeConfigGetStyles": {},
1979
1905
  "runtimeConfigInternalComponentProps": {},
1980
1906
  "motionVarPrefixes": []
1981
1907
  },
1982
- "ModalContent": {
1983
- "name": "ModalContent",
1984
- "defaultProps": {},
1985
- "getStylesLiterals": {
1986
- "overflowY": "auto",
1987
- "display": "block",
1988
- "flexGrow": "1"
1908
+ "AvatarIcon": {
1909
+ "name": "AvatarIcon",
1910
+ "defaultProps": {
1911
+ "size": "md",
1912
+ "variant": "primary"
1989
1913
  },
1990
- "cxLiterals": [],
1914
+ "getStylesLiterals": {},
1915
+ "cxLiterals": [
1916
+ "overflow-hidden",
1917
+ "w-full",
1918
+ "h-full",
1919
+ "shrink-0",
1920
+ "text-center",
1921
+ "inline-flex",
1922
+ "justify-center",
1923
+ "items-center"
1924
+ ],
1991
1925
  "internalComponents": [
1926
+ "IconSlot",
1992
1927
  "Box"
1993
1928
  ],
1994
1929
  "internalComponentProps": {},
1995
1930
  "propToVariantKeys": {
1996
1931
  "size": [
1997
- "modalSizeSpacingHorizontal"
1998
- ]
1999
- },
2000
- "runtimeConfigDefaultProps": {
2001
- "size": "modal.defaultSize",
2002
- "variant": "modal.defaultVariant"
2003
- },
2004
- "runtimeConfigGetStyles": {
2005
- "modalSizeSpacingHorizontal": [
2006
- "modal.defaultSize"
1932
+ "avatarSizeIcon"
2007
1933
  ]
2008
1934
  },
1935
+ "runtimeConfigDefaultProps": {},
1936
+ "runtimeConfigGetStyles": {},
2009
1937
  "runtimeConfigInternalComponentProps": {},
2010
1938
  "motionVarPrefixes": []
2011
1939
  },
2012
- "ModalContext": {
2013
- "name": "ModalContext",
1940
+ "Avatar": {
1941
+ "name": "Avatar",
2014
1942
  "defaultProps": {},
2015
1943
  "getStylesLiterals": {},
2016
1944
  "cxLiterals": [],
2017
- "internalComponents": [],
1945
+ "internalComponents": [
1946
+ "AvatarImage"
1947
+ ],
2018
1948
  "internalComponentProps": {},
2019
1949
  "propToVariantKeys": {},
2020
1950
  "runtimeConfigDefaultProps": {},
@@ -2022,53 +1952,50 @@
2022
1952
  "runtimeConfigInternalComponentProps": {},
2023
1953
  "motionVarPrefixes": []
2024
1954
  },
2025
- "ModalDescription": {
2026
- "name": "ModalDescription",
2027
- "defaultProps": {},
1955
+ "AvatarImage": {
1956
+ "name": "AvatarImage",
1957
+ "defaultProps": {
1958
+ "size": "md",
1959
+ "variant": "primary"
1960
+ },
2028
1961
  "getStylesLiterals": {},
2029
- "cxLiterals": [],
1962
+ "cxLiterals": [
1963
+ "overflow-hidden",
1964
+ "w-full",
1965
+ "h-full",
1966
+ "shrink-0",
1967
+ "text-center",
1968
+ "inline-flex",
1969
+ "justify-center",
1970
+ "items-center",
1971
+ "object-cover"
1972
+ ],
2030
1973
  "internalComponents": [
2031
- "Text",
2032
- "DialogDescription"
1974
+ "UDSImage",
1975
+ "AvatarText",
1976
+ "AvatarIcon",
1977
+ "Box"
2033
1978
  ],
2034
- "internalComponentProps": {
2035
- "Text": {
2036
- "as": [
2037
- "span"
2038
- ]
2039
- }
2040
- },
1979
+ "internalComponentProps": {},
2041
1980
  "propToVariantKeys": {
2042
- "size": [
2043
- "modalSizeDescription"
2044
- ],
2045
- "variant": [
2046
- "modalVariantDescription"
2047
- ]
2048
- },
2049
- "runtimeConfigDefaultProps": {
2050
- "size": "modal.defaultSize",
2051
- "variant": "modal.defaultVariant"
2052
- },
2053
- "runtimeConfigGetStyles": {
2054
- "modalSizeDescription": [
2055
- "modal.defaultSize"
1981
+ "alt": [
1982
+ "name"
2056
1983
  ],
2057
- "modalVariantDescription": [
2058
- "modal.defaultVariant"
1984
+ "fallback": [
1985
+ "initials"
2059
1986
  ]
2060
1987
  },
1988
+ "runtimeConfigDefaultProps": {},
1989
+ "runtimeConfigGetStyles": {},
2061
1990
  "runtimeConfigInternalComponentProps": {},
2062
1991
  "motionVarPrefixes": []
2063
1992
  },
2064
- "ModalPortal": {
2065
- "name": "ModalPortal",
1993
+ "Menu.index": {
1994
+ "name": "Menu.index",
2066
1995
  "defaultProps": {},
2067
1996
  "getStylesLiterals": {},
2068
1997
  "cxLiterals": [],
2069
- "internalComponents": [
2070
- "ManagedModal"
2071
- ],
1998
+ "internalComponents": [],
2072
1999
  "internalComponentProps": {},
2073
2000
  "propToVariantKeys": {},
2074
2001
  "runtimeConfigDefaultProps": {},
@@ -2076,59 +2003,96 @@
2076
2003
  "runtimeConfigInternalComponentProps": {},
2077
2004
  "motionVarPrefixes": []
2078
2005
  },
2079
- "ModalTitle": {
2080
- "name": "ModalTitle",
2006
+ "Menu": {
2007
+ "name": "Menu",
2081
2008
  "defaultProps": {},
2082
2009
  "getStylesLiterals": {},
2083
2010
  "cxLiterals": [],
2011
+ "internalComponents": [],
2012
+ "internalComponentProps": {},
2013
+ "propToVariantKeys": {},
2014
+ "runtimeConfigDefaultProps": {},
2015
+ "runtimeConfigGetStyles": {},
2016
+ "runtimeConfigInternalComponentProps": {},
2017
+ "motionVarPrefixes": []
2018
+ },
2019
+ "Menu.Divider": {
2020
+ "name": "Menu.Divider",
2021
+ "defaultProps": {
2022
+ "role": "separator",
2023
+ "contentPosition": "start",
2024
+ "gap": "4"
2025
+ },
2026
+ "getStylesLiterals": {
2027
+ "menuitemDividerVariantRoot": "default",
2028
+ "menuitemDividerVariantText": "default",
2029
+ "menuitemDividerVariantLine": "default"
2030
+ },
2031
+ "cxLiterals": [],
2084
2032
  "internalComponents": [
2085
- "Text",
2086
- "DialogHeading"
2033
+ "Divider"
2087
2034
  ],
2088
2035
  "internalComponentProps": {
2089
- "Text": {
2090
- "as": [
2091
- "span"
2036
+ "Divider": {
2037
+ "variant": [
2038
+ "inherit"
2092
2039
  ]
2093
2040
  }
2094
2041
  },
2095
- "propToVariantKeys": {
2096
- "size": [
2097
- "modalSizeTitle"
2098
- ],
2099
- "variant": [
2100
- "modalVariantTitle"
2101
- ]
2102
- },
2103
- "runtimeConfigDefaultProps": {
2104
- "size": "modal.defaultSize",
2105
- "variant": "modal.defaultVariant"
2106
- },
2107
- "runtimeConfigGetStyles": {
2108
- "modalSizeTitle": [
2109
- "modal.defaultSize"
2110
- ],
2111
- "modalVariantTitle": [
2112
- "modal.defaultVariant"
2113
- ]
2042
+ "propToVariantKeys": {},
2043
+ "runtimeConfigDefaultProps": {},
2044
+ "runtimeConfigGetStyles": {},
2045
+ "runtimeConfigInternalComponentProps": {},
2046
+ "motionVarPrefixes": []
2047
+ },
2048
+ "Menu.ItemCheckbox": {
2049
+ "name": "Menu.ItemCheckbox",
2050
+ "defaultProps": {},
2051
+ "getStylesLiterals": {
2052
+ "menuitemItemCheckboxVariantRoot": "default",
2053
+ "menuitemItemCheckboxVariantActiveRoot": "on",
2054
+ "menuitemItemCheckboxVariantActiveRoot:1": "off",
2055
+ "menuitemItemCheckboxVariantText": "default",
2056
+ "menuitemItemCheckboxVariantActiveText": "on",
2057
+ "menuitemItemCheckboxVariantActiveText:1": "off",
2058
+ "menuitemItemCheckboxVariantStartIcon": "default",
2059
+ "menuitemItemCheckboxVariantActiveStartIcon": "on",
2060
+ "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
2061
+ "menuitemItemCheckboxVariantEndIcon": "default",
2062
+ "menuitemItemCheckboxVariantActiveEndIcon": "on",
2063
+ "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
2114
2064
  },
2065
+ "cxLiterals": [
2066
+ "uds-menu-item-checkbox"
2067
+ ],
2068
+ "internalComponents": [
2069
+ "MenuItemBase"
2070
+ ],
2071
+ "internalComponentProps": {},
2072
+ "propToVariantKeys": {},
2073
+ "runtimeConfigDefaultProps": {},
2074
+ "runtimeConfigGetStyles": {},
2115
2075
  "runtimeConfigInternalComponentProps": {},
2116
2076
  "motionVarPrefixes": []
2117
2077
  },
2118
- "UDSModalConfigProvider": {
2119
- "name": "UDSModalConfigProvider",
2078
+ "Menu.Provider": {
2079
+ "name": "Menu.Provider",
2120
2080
  "defaultProps": {},
2121
2081
  "getStylesLiterals": {},
2122
2082
  "cxLiterals": [],
2123
2083
  "internalComponents": [
2124
- "ModalContext.Provider"
2084
+ "AriakitMenuProvider",
2085
+ "SpringMotionConfig"
2125
2086
  ],
2126
2087
  "internalComponentProps": {},
2127
2088
  "propToVariantKeys": {},
2128
2089
  "runtimeConfigDefaultProps": {},
2129
2090
  "runtimeConfigGetStyles": {},
2130
2091
  "runtimeConfigInternalComponentProps": {},
2131
- "motionVarPrefixes": []
2092
+ "motionVarPrefixes": [
2093
+ "--uds-motion-subtle-3-",
2094
+ "--uds-motion-smooth-3-"
2095
+ ]
2132
2096
  },
2133
2097
  "Menu.Content": {
2134
2098
  "name": "Menu.Content",
@@ -2162,38 +2126,9 @@
2162
2126
  "menucontentSizeRoot"
2163
2127
  ],
2164
2128
  "variant": [
2165
- "menucontentVariantRoot"
2166
- ]
2167
- },
2168
- "runtimeConfigDefaultProps": {},
2169
- "runtimeConfigGetStyles": {},
2170
- "runtimeConfigInternalComponentProps": {},
2171
- "motionVarPrefixes": []
2172
- },
2173
- "Menu.Divider": {
2174
- "name": "Menu.Divider",
2175
- "defaultProps": {
2176
- "role": "separator",
2177
- "contentPosition": "start",
2178
- "gap": "4"
2179
- },
2180
- "getStylesLiterals": {
2181
- "menuitemDividerVariantRoot": "default",
2182
- "menuitemDividerVariantText": "default",
2183
- "menuitemDividerVariantLine": "default"
2184
- },
2185
- "cxLiterals": [],
2186
- "internalComponents": [
2187
- "Divider"
2188
- ],
2189
- "internalComponentProps": {
2190
- "Divider": {
2191
- "variant": [
2192
- "inherit"
2193
- ]
2194
- }
2129
+ "menucontentVariantRoot"
2130
+ ]
2195
2131
  },
2196
- "propToVariantKeys": {},
2197
2132
  "runtimeConfigDefaultProps": {},
2198
2133
  "runtimeConfigGetStyles": {},
2199
2134
  "runtimeConfigInternalComponentProps": {},
@@ -2304,55 +2239,6 @@
2304
2239
  "runtimeConfigInternalComponentProps": {},
2305
2240
  "motionVarPrefixes": []
2306
2241
  },
2307
- "Menu.ItemCheckbox": {
2308
- "name": "Menu.ItemCheckbox",
2309
- "defaultProps": {},
2310
- "getStylesLiterals": {
2311
- "menuitemItemCheckboxVariantRoot": "default",
2312
- "menuitemItemCheckboxVariantActiveRoot": "on",
2313
- "menuitemItemCheckboxVariantActiveRoot:1": "off",
2314
- "menuitemItemCheckboxVariantText": "default",
2315
- "menuitemItemCheckboxVariantActiveText": "on",
2316
- "menuitemItemCheckboxVariantActiveText:1": "off",
2317
- "menuitemItemCheckboxVariantStartIcon": "default",
2318
- "menuitemItemCheckboxVariantActiveStartIcon": "on",
2319
- "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
2320
- "menuitemItemCheckboxVariantEndIcon": "default",
2321
- "menuitemItemCheckboxVariantActiveEndIcon": "on",
2322
- "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
2323
- },
2324
- "cxLiterals": [
2325
- "uds-menu-item-checkbox"
2326
- ],
2327
- "internalComponents": [
2328
- "MenuItemBase"
2329
- ],
2330
- "internalComponentProps": {},
2331
- "propToVariantKeys": {},
2332
- "runtimeConfigDefaultProps": {},
2333
- "runtimeConfigGetStyles": {},
2334
- "runtimeConfigInternalComponentProps": {},
2335
- "motionVarPrefixes": []
2336
- },
2337
- "Menu.Provider": {
2338
- "name": "Menu.Provider",
2339
- "defaultProps": {},
2340
- "getStylesLiterals": {},
2341
- "cxLiterals": [],
2342
- "internalComponents": [
2343
- "AriakitMenuProvider",
2344
- "SpringMotionConfig"
2345
- ],
2346
- "internalComponentProps": {},
2347
- "propToVariantKeys": {},
2348
- "runtimeConfigDefaultProps": {},
2349
- "runtimeConfigGetStyles": {},
2350
- "runtimeConfigInternalComponentProps": {},
2351
- "motionVarPrefixes": [
2352
- "--uds-motion-subtle-3-",
2353
- "--uds-motion-smooth-3-"
2354
- ]
2355
- },
2356
2242
  "Menu.Trigger": {
2357
2243
  "name": "Menu.Trigger",
2358
2244
  "defaultProps": {},
@@ -2377,27 +2263,44 @@
2377
2263
  "runtimeConfigInternalComponentProps": {},
2378
2264
  "motionVarPrefixes": []
2379
2265
  },
2380
- "Menu.index": {
2381
- "name": "Menu.index",
2382
- "defaultProps": {},
2383
- "getStylesLiterals": {},
2384
- "cxLiterals": [],
2385
- "internalComponents": [],
2386
- "internalComponentProps": {},
2387
- "propToVariantKeys": {},
2388
- "runtimeConfigDefaultProps": {},
2389
- "runtimeConfigGetStyles": {},
2390
- "runtimeConfigInternalComponentProps": {},
2391
- "motionVarPrefixes": []
2392
- },
2393
- "Menu": {
2394
- "name": "Menu",
2266
+ "InputHelpTextInternal": {
2267
+ "name": "InputHelpTextInternal",
2395
2268
  "defaultProps": {},
2396
- "getStylesLiterals": {},
2269
+ "getStylesLiterals": {
2270
+ "inputVariantHelperText": "default",
2271
+ "inputVariantValueHelperText": "empty",
2272
+ "inputVariantValueHelperText:1": "filled",
2273
+ "inputVariantHelperIcon": "default",
2274
+ "inputVariantValueHelperIcon": "empty",
2275
+ "inputVariantValueHelperIcon:1": "filled"
2276
+ },
2397
2277
  "cxLiterals": [],
2398
- "internalComponents": [],
2399
- "internalComponentProps": {},
2400
- "propToVariantKeys": {},
2278
+ "internalComponents": [
2279
+ "IconSlot",
2280
+ "HStack"
2281
+ ],
2282
+ "internalComponentProps": {
2283
+ "HStack": {
2284
+ "gap": [
2285
+ "1"
2286
+ ],
2287
+ "alignItems": [
2288
+ "center"
2289
+ ]
2290
+ }
2291
+ },
2292
+ "propToVariantKeys": {
2293
+ "size": [
2294
+ "inputSizeHelperText",
2295
+ "inputSizeHelperIcon"
2296
+ ],
2297
+ "startIcon": [
2298
+ "icon"
2299
+ ],
2300
+ "endIcon": [
2301
+ "icon"
2302
+ ]
2303
+ },
2401
2304
  "runtimeConfigDefaultProps": {},
2402
2305
  "runtimeConfigGetStyles": {},
2403
2306
  "runtimeConfigInternalComponentProps": {},
@@ -2546,225 +2449,233 @@
2546
2449
  "runtimeConfigInternalComponentProps": {},
2547
2450
  "motionVarPrefixes": []
2548
2451
  },
2549
- "InputHelpTextInternal": {
2550
- "name": "InputHelpTextInternal",
2452
+ "ToastPortal": {
2453
+ "name": "ToastPortal",
2551
2454
  "defaultProps": {},
2552
- "getStylesLiterals": {
2553
- "inputVariantHelperText": "default",
2554
- "inputVariantValueHelperText": "empty",
2555
- "inputVariantValueHelperText:1": "filled",
2556
- "inputVariantHelperIcon": "default",
2557
- "inputVariantValueHelperIcon": "empty",
2558
- "inputVariantValueHelperIcon:1": "filled"
2559
- },
2455
+ "getStylesLiterals": {},
2560
2456
  "cxLiterals": [],
2561
2457
  "internalComponents": [
2562
- "IconSlot",
2563
- "HStack"
2458
+ "ReactToastifyToastContainer"
2564
2459
  ],
2565
- "internalComponentProps": {
2566
- "HStack": {
2567
- "gap": [
2568
- "1"
2569
- ],
2570
- "alignItems": [
2571
- "center"
2460
+ "internalComponentProps": {},
2461
+ "propToVariantKeys": {},
2462
+ "runtimeConfigDefaultProps": {
2463
+ "size": "toast.defaultSize",
2464
+ "variant": "toast.defaultVariant"
2465
+ },
2466
+ "runtimeConfigGetStyles": {},
2467
+ "runtimeConfigInternalComponentProps": {
2468
+ "ReactToastifyToastContainer": {
2469
+ "autoClose": [
2470
+ "toast.autoClose"
2572
2471
  ]
2573
2472
  }
2574
2473
  },
2575
- "propToVariantKeys": {
2576
- "size": [
2577
- "inputSizeHelperText",
2578
- "inputSizeHelperIcon"
2579
- ],
2580
- "startIcon": [
2581
- "icon"
2582
- ],
2583
- "endIcon": [
2584
- "icon"
2585
- ]
2586
- },
2474
+ "motionVarPrefixes": []
2475
+ },
2476
+ "UDSToastConfigProvider": {
2477
+ "name": "UDSToastConfigProvider",
2478
+ "defaultProps": {},
2479
+ "getStylesLiterals": {},
2480
+ "cxLiterals": [],
2481
+ "internalComponents": [
2482
+ "ToastContext.Provider"
2483
+ ],
2484
+ "internalComponentProps": {},
2485
+ "propToVariantKeys": {},
2587
2486
  "runtimeConfigDefaultProps": {},
2588
2487
  "runtimeConfigGetStyles": {},
2589
2488
  "runtimeConfigInternalComponentProps": {},
2590
2489
  "motionVarPrefixes": []
2591
2490
  },
2592
- "PaddleButton": {
2593
- "name": "PaddleButton",
2491
+ "Toast": {
2492
+ "name": "Toast",
2594
2493
  "defaultProps": {},
2595
- "getStylesLiterals": {},
2494
+ "getStylesLiterals": {
2495
+ "className": "animate-spin",
2496
+ "className:1": "flex-none",
2497
+ "spacing": "2",
2498
+ "borderRadius": "full"
2499
+ },
2596
2500
  "cxLiterals": [
2597
- "relative",
2598
- "inline-flex",
2599
- "items-center",
2600
- "justify-center",
2601
- "box-border",
2602
- "overflow-hidden",
2603
- "border-solid",
2604
- "select-none",
2605
- "uds-nested-radius",
2606
- "transition-[color,border-color,box-shadow]",
2607
- "duration-[180ms]",
2608
- "ease-[cubic-bezier(0,0,0.2,1)]",
2609
- "uds-ring",
2610
- "cursor-pointer",
2611
- "cursor-not-allowed",
2612
- "opacity-50",
2613
- "pointer-events-none",
2614
- "hidden",
2615
- "absolute",
2616
- "inset-0",
2617
- "-z-10",
2618
- "rounded-[var(--uds-nested-radius)]",
2619
- "transition-[background-color,opacity]"
2501
+ "duration-0",
2502
+ "duration-120",
2503
+ "transition-[background-color]",
2504
+ "bg-carbon-15/0",
2505
+ "hover:bg-carbon-15/10",
2506
+ "active:bg-carbon-15/15",
2507
+ "uds-ring"
2620
2508
  ],
2621
2509
  "internalComponents": [
2622
- "Icon"
2510
+ "IconSlot",
2511
+ "ToastContainer",
2512
+ "Text",
2513
+ "Button",
2514
+ "Pressable"
2623
2515
  ],
2624
- "internalComponentProps": {
2625
- "Icon": {
2516
+ "internalComponentProps": {},
2517
+ "propToVariantKeys": {
2518
+ "size": [
2519
+ "toastSizeLabel",
2520
+ "toastSizeIcon",
2521
+ "toastSizeActionButton",
2522
+ "toastSizeCloseIcon"
2523
+ ],
2524
+ "variant": [
2525
+ "toastVariantIcon",
2526
+ "toastVariantActionButton",
2527
+ "toastVariantCloseIcon"
2528
+ ],
2529
+ "closeIcon": [
2530
+ "icon"
2531
+ ],
2532
+ "onClickActionButton": [
2533
+ "onClick"
2534
+ ]
2535
+ },
2536
+ "runtimeConfigDefaultProps": {
2537
+ "size": "toast.defaultSize",
2538
+ "variant": "toast.defaultVariant"
2539
+ },
2540
+ "runtimeConfigGetStyles": {
2541
+ "toastSizeLabel": [
2542
+ "toast.defaultSize"
2543
+ ],
2544
+ "toastVariantIcon": [
2545
+ "toast.defaultVariant"
2546
+ ],
2547
+ "toastSizeIcon": [
2548
+ "toast.defaultSize"
2549
+ ],
2550
+ "toastSizeActionButton": [
2551
+ "toast.defaultSize"
2552
+ ],
2553
+ "toastVariantActionButton": [
2554
+ "toast.defaultVariant"
2555
+ ],
2556
+ "toastVariantCloseIcon": [
2557
+ "toast.defaultVariant"
2558
+ ],
2559
+ "toastSizeCloseIcon": [
2560
+ "toast.defaultSize"
2561
+ ]
2562
+ },
2563
+ "runtimeConfigInternalComponentProps": {
2564
+ "ToastContainer": {
2626
2565
  "size": [
2627
- "md"
2566
+ "toast.defaultSize"
2567
+ ],
2568
+ "variant": [
2569
+ "toast.defaultVariant"
2570
+ ]
2571
+ },
2572
+ "Text": {
2573
+ "variant": [
2574
+ "toast.textVariant.${size}"
2628
2575
  ],
2629
2576
  "color": [
2630
- "current"
2577
+ "toast.textColor.${variant}"
2631
2578
  ]
2632
- }
2633
- },
2634
- "propToVariantKeys": {
2635
- "size": [
2636
- "paddlenavSizeRoot",
2637
- "paddlenavSizeIcon"
2638
- ],
2639
- "variant": [
2640
- "paddlenavVariantRoot",
2641
- "paddlenavVariantBackground",
2642
- "paddlenavVariantIcon"
2643
- ]
2644
- },
2645
- "runtimeConfigDefaultProps": {},
2646
- "runtimeConfigGetStyles": {},
2647
- "runtimeConfigInternalComponentProps": {},
2648
- "motionVarPrefixes": []
2649
- },
2650
- "PaddleButtonNext": {
2651
- "name": "PaddleButtonNext",
2652
- "defaultProps": {},
2653
- "getStylesLiterals": {},
2654
- "cxLiterals": [],
2655
- "internalComponents": [
2656
- "PaddleButton"
2657
- ],
2658
- "internalComponentProps": {
2659
- "PaddleButton": {
2660
- "paddleRole": [
2661
- "next"
2579
+ },
2580
+ "Button": {
2581
+ "size": [
2582
+ "toast.buttonSize.${size}"
2583
+ ],
2584
+ "variant": [
2585
+ "toast.buttonVariant.${variant}"
2662
2586
  ]
2663
2587
  }
2664
2588
  },
2665
- "propToVariantKeys": {},
2666
- "runtimeConfigDefaultProps": {},
2667
- "runtimeConfigGetStyles": {},
2668
- "runtimeConfigInternalComponentProps": {},
2669
2589
  "motionVarPrefixes": []
2670
2590
  },
2671
- "PaddleButtonPrevious": {
2672
- "name": "PaddleButtonPrevious",
2591
+ "ToastContainer": {
2592
+ "name": "ToastContainer",
2673
2593
  "defaultProps": {},
2674
- "getStylesLiterals": {},
2675
- "cxLiterals": [],
2676
- "internalComponents": [
2677
- "PaddleButton"
2678
- ],
2679
- "internalComponentProps": {
2680
- "PaddleButton": {
2681
- "paddleRole": [
2682
- "previous"
2683
- ]
2684
- }
2685
- },
2686
- "propToVariantKeys": {},
2687
- "runtimeConfigDefaultProps": {},
2688
- "runtimeConfigGetStyles": {},
2689
- "runtimeConfigInternalComponentProps": {},
2690
- "motionVarPrefixes": []
2691
- },
2692
- "PaddleNav": {
2693
- "name": "PaddleNav",
2694
- "defaultProps": {
2695
- "orientation": "horizontal",
2696
- "variant": "primary",
2697
- "size": "md"
2594
+ "getStylesLiterals": {
2595
+ "position": "relative",
2596
+ "alignItems": "center",
2597
+ "display": "flex",
2598
+ "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
2698
2599
  },
2699
- "getStylesLiterals": {},
2700
2600
  "cxLiterals": [
2701
- "pointer-events-none",
2702
- "inline-flex",
2703
- "flex-row",
2704
- "gap-2",
2705
- "items-center",
2706
- "pointer-events-auto",
2707
- "flex-col",
2708
- "relative",
2709
- "min-w-0",
2710
- "min-h-0",
2711
- "flex-1",
2712
- "inline-block",
2713
- "absolute",
2714
- "z-10",
2715
- "top-2",
2716
- "left-1/2",
2717
- "-translate-x-1/2",
2718
- "left-2",
2719
- "top-1/2",
2720
- "-translate-y-1/2",
2721
- "bottom-2",
2722
- "right-2",
2723
- "-top-12",
2724
- "left-0",
2725
- "right-0",
2726
- "-bottom-12"
2601
+ "w-full"
2727
2602
  ],
2728
2603
  "internalComponents": [
2729
- "PaddleNavContext.Provider",
2730
- "Box"
2604
+ "HStack"
2731
2605
  ],
2732
2606
  "internalComponentProps": {
2733
- "Box": {
2734
- "display": [
2735
- "inline-flex"
2736
- ],
2607
+ "HStack": {
2737
2608
  "alignItems": [
2738
2609
  "center"
2739
2610
  ],
2740
2611
  "justifyContent": [
2741
- "center"
2612
+ "space-between"
2742
2613
  ],
2743
- "data-paddle-nav-outside": [
2744
- "true"
2614
+ "overflow": [
2615
+ "hidden"
2616
+ ],
2617
+ "position": [
2618
+ "relative"
2745
2619
  ]
2746
2620
  }
2747
2621
  },
2748
2622
  "propToVariantKeys": {
2749
- "orientation": [
2750
- "data-paddle-nav-orientation"
2623
+ "variant": [
2624
+ "toastVariantRoot"
2625
+ ],
2626
+ "size": [
2627
+ "toastSizeRoot"
2628
+ ]
2629
+ },
2630
+ "runtimeConfigDefaultProps": {
2631
+ "size": "toast.defaultSize",
2632
+ "variant": "toast.defaultVariant"
2633
+ },
2634
+ "runtimeConfigGetStyles": {
2635
+ "toastVariantRoot": [
2636
+ "toast.defaultVariant"
2637
+ ],
2638
+ "toastSizeRoot": [
2639
+ "toast.defaultSize"
2751
2640
  ]
2752
2641
  },
2642
+ "runtimeConfigInternalComponentProps": {
2643
+ "HStack": {
2644
+ "backgroundColor": [
2645
+ "toast.backgroundColor.${variant}"
2646
+ ]
2647
+ }
2648
+ },
2649
+ "motionVarPrefixes": []
2650
+ },
2651
+ "UDSConfigProvider": {
2652
+ "name": "UDSConfigProvider",
2653
+ "defaultProps": {},
2654
+ "getStylesLiterals": {},
2655
+ "cxLiterals": [],
2656
+ "internalComponents": [
2657
+ "UDSBreakpointsConfigProvider",
2658
+ "UDSBottomSheetConfigProvider",
2659
+ "UDSToastConfigProvider",
2660
+ "UDSTooltipConfigProvider",
2661
+ "UDSPopoverConfigProvider",
2662
+ "UDSModalConfigProvider"
2663
+ ],
2664
+ "internalComponentProps": {},
2665
+ "propToVariantKeys": {},
2753
2666
  "runtimeConfigDefaultProps": {},
2754
2667
  "runtimeConfigGetStyles": {},
2755
2668
  "runtimeConfigInternalComponentProps": {},
2756
2669
  "motionVarPrefixes": []
2757
2670
  },
2758
- "PaddleNavContent": {
2759
- "name": "PaddleNavContent",
2671
+ "UDSBreakpointsConfigProvider": {
2672
+ "name": "UDSBreakpointsConfigProvider",
2760
2673
  "defaultProps": {},
2761
2674
  "getStylesLiterals": {},
2762
- "cxLiterals": [
2763
- "min-w-0",
2764
- "min-h-0",
2765
- "relative"
2675
+ "cxLiterals": [],
2676
+ "internalComponents": [
2677
+ "UDSBreakpointsConfigContext.Provider"
2766
2678
  ],
2767
- "internalComponents": [],
2768
2679
  "internalComponentProps": {},
2769
2680
  "propToVariantKeys": {},
2770
2681
  "runtimeConfigDefaultProps": {},
@@ -2772,23 +2683,17 @@
2772
2683
  "runtimeConfigInternalComponentProps": {},
2773
2684
  "motionVarPrefixes": []
2774
2685
  },
2775
- "Popover": {
2776
- "name": "Popover",
2686
+ "UDSPopoverConfigProvider": {
2687
+ "name": "UDSPopoverConfigProvider",
2777
2688
  "defaultProps": {},
2778
2689
  "getStylesLiterals": {},
2779
- "cxLiterals": [
2780
- "uds:popover-open"
2781
- ],
2690
+ "cxLiterals": [],
2782
2691
  "internalComponents": [
2783
- "PopoverInternalContext.Provider",
2784
- "PopoverProvider"
2692
+ "PopoverContext.Provider"
2785
2693
  ],
2786
2694
  "internalComponentProps": {},
2787
2695
  "propToVariantKeys": {},
2788
- "runtimeConfigDefaultProps": {
2789
- "size": "popover.defaultSize",
2790
- "variant": "popover.defaultVariant"
2791
- },
2696
+ "runtimeConfigDefaultProps": {},
2792
2697
  "runtimeConfigGetStyles": {},
2793
2698
  "runtimeConfigInternalComponentProps": {},
2794
2699
  "motionVarPrefixes": []
@@ -2882,12 +2787,73 @@
2882
2787
  },
2883
2788
  "motionVarPrefixes": []
2884
2789
  },
2885
- "PopoverContext": {
2886
- "name": "PopoverContext",
2790
+ "PopoverContext": {
2791
+ "name": "PopoverContext",
2792
+ "defaultProps": {},
2793
+ "getStylesLiterals": {},
2794
+ "cxLiterals": [],
2795
+ "internalComponents": [],
2796
+ "internalComponentProps": {},
2797
+ "propToVariantKeys": {},
2798
+ "runtimeConfigDefaultProps": {},
2799
+ "runtimeConfigGetStyles": {},
2800
+ "runtimeConfigInternalComponentProps": {},
2801
+ "motionVarPrefixes": []
2802
+ },
2803
+ "PopoverTrigger": {
2804
+ "name": "PopoverTrigger",
2805
+ "defaultProps": {},
2806
+ "getStylesLiterals": {},
2807
+ "cxLiterals": [],
2808
+ "internalComponents": [
2809
+ "PopoverDisclosure"
2810
+ ],
2811
+ "internalComponentProps": {
2812
+ "PopoverDisclosure": {
2813
+ "className": [
2814
+ "inline"
2815
+ ]
2816
+ }
2817
+ },
2818
+ "propToVariantKeys": {
2819
+ "children": [
2820
+ "render"
2821
+ ]
2822
+ },
2823
+ "runtimeConfigDefaultProps": {},
2824
+ "runtimeConfigGetStyles": {},
2825
+ "runtimeConfigInternalComponentProps": {},
2826
+ "motionVarPrefixes": []
2827
+ },
2828
+ "Popover": {
2829
+ "name": "Popover",
2830
+ "defaultProps": {},
2831
+ "getStylesLiterals": {},
2832
+ "cxLiterals": [
2833
+ "uds:popover-open"
2834
+ ],
2835
+ "internalComponents": [
2836
+ "PopoverInternalContext.Provider",
2837
+ "PopoverProvider"
2838
+ ],
2839
+ "internalComponentProps": {},
2840
+ "propToVariantKeys": {},
2841
+ "runtimeConfigDefaultProps": {
2842
+ "size": "popover.defaultSize",
2843
+ "variant": "popover.defaultVariant"
2844
+ },
2845
+ "runtimeConfigGetStyles": {},
2846
+ "runtimeConfigInternalComponentProps": {},
2847
+ "motionVarPrefixes": []
2848
+ },
2849
+ "BottomSheetTrigger": {
2850
+ "name": "BottomSheetTrigger",
2887
2851
  "defaultProps": {},
2888
2852
  "getStylesLiterals": {},
2889
2853
  "cxLiterals": [],
2890
- "internalComponents": [],
2854
+ "internalComponents": [
2855
+ "AriakitDialogDisclosure"
2856
+ ],
2891
2857
  "internalComponentProps": {},
2892
2858
  "propToVariantKeys": {},
2893
2859
  "runtimeConfigDefaultProps": {},
@@ -2895,268 +2861,254 @@
2895
2861
  "runtimeConfigInternalComponentProps": {},
2896
2862
  "motionVarPrefixes": []
2897
2863
  },
2898
- "PopoverTrigger": {
2899
- "name": "PopoverTrigger",
2864
+ "UDSBottomSheetConfigProvider": {
2865
+ "name": "UDSBottomSheetConfigProvider",
2900
2866
  "defaultProps": {},
2901
2867
  "getStylesLiterals": {},
2902
2868
  "cxLiterals": [],
2903
2869
  "internalComponents": [
2904
- "PopoverDisclosure"
2870
+ "BottomSheetContext.Provider"
2905
2871
  ],
2906
- "internalComponentProps": {
2907
- "PopoverDisclosure": {
2908
- "className": [
2909
- "inline"
2910
- ]
2911
- }
2912
- },
2913
- "propToVariantKeys": {
2914
- "children": [
2915
- "render"
2916
- ]
2917
- },
2872
+ "internalComponentProps": {},
2873
+ "propToVariantKeys": {},
2918
2874
  "runtimeConfigDefaultProps": {},
2919
2875
  "runtimeConfigGetStyles": {},
2920
2876
  "runtimeConfigInternalComponentProps": {},
2921
2877
  "motionVarPrefixes": []
2922
2878
  },
2923
- "UDSPopoverConfigProvider": {
2924
- "name": "UDSPopoverConfigProvider",
2879
+ "BottomSheetContent": {
2880
+ "name": "BottomSheetContent",
2925
2881
  "defaultProps": {},
2926
2882
  "getStylesLiterals": {},
2927
- "cxLiterals": [],
2883
+ "cxLiterals": [
2884
+ "min-h-0",
2885
+ "touch-pan-y"
2886
+ ],
2928
2887
  "internalComponents": [
2929
- "PopoverContext.Provider"
2888
+ "Box",
2889
+ "VStack"
2930
2890
  ],
2931
- "internalComponentProps": {},
2891
+ "internalComponentProps": {
2892
+ "Box": {
2893
+ "display": [
2894
+ "block"
2895
+ ],
2896
+ "flex": [
2897
+ "1"
2898
+ ]
2899
+ },
2900
+ "VStack": {
2901
+ "className": [
2902
+ "pb-[calc(env(safe-area-inset-bottom))]"
2903
+ ]
2904
+ }
2905
+ },
2932
2906
  "propToVariantKeys": {},
2933
2907
  "runtimeConfigDefaultProps": {},
2934
2908
  "runtimeConfigGetStyles": {},
2935
2909
  "runtimeConfigInternalComponentProps": {},
2936
2910
  "motionVarPrefixes": []
2937
2911
  },
2938
- "Radio": {
2939
- "name": "Radio",
2912
+ "BottomSheet": {
2913
+ "name": "BottomSheet",
2940
2914
  "defaultProps": {
2941
- "labelPosition": "start",
2942
- "variant": "primary",
2943
- "size": "md",
2944
- "value": ""
2945
- },
2946
- "getStylesLiterals": {
2947
- "radioVariantValueRoot": "checked",
2948
- "radioVariantValueRoot:1": "unchecked",
2949
- "display": "flex",
2950
- "flexDirection": "row",
2951
- "flexDirection:1": "row-reverse",
2952
- "alignItems": "center",
2953
- "radioVariantValueRadio": "checked",
2954
- "radioVariantValueRadio:1": "unchecked",
2955
- "radioVariantValueRadioCircle": "checked",
2956
- "radioVariantValueRadioCircle:1": "unchecked"
2915
+ "variant": "default"
2957
2916
  },
2917
+ "getStylesLiterals": {},
2958
2918
  "cxLiterals": [
2959
- "cursor-pointer",
2960
- "cursor-default",
2961
- "opacity-50",
2962
- "border",
2963
- "uds-ring",
2964
- "uds-ring-within",
2965
- "transition-[background-color,border-color]",
2966
- "transition-shadow",
2967
- "pointer-events-none",
2968
- "w-[8px]",
2969
- "h-[8px]",
2970
- "transition-opacity",
2971
- "cursor-[inherit]",
2972
- "absolute",
2973
- "opacity-0",
2974
- "top-1/2",
2975
- "left-1/2",
2976
- "w-[calc(100%+2px)]",
2977
- "h-[calc(100%+2px)]",
2978
- "transform",
2979
- "translate-x-[-50%]",
2980
- "translate-y-[-50%]",
2981
- "text-start",
2982
- "text-end"
2919
+ "fixed",
2920
+ "overflow-hidden",
2921
+ "inset-x-0",
2922
+ "bottom-0",
2923
+ "z-50",
2924
+ "[will-change:transform]",
2925
+ "touch-none",
2926
+ "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
2927
+ "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
2928
+ "transition-transform",
2929
+ "duration-500",
2930
+ "ease-[cubic-bezier(0.32,0.72,0,1)]",
2931
+ "motion-reduce:transition-none",
2932
+ "top-[-4px]",
2933
+ "z-[1]",
2934
+ "touch-pan-y"
2983
2935
  ],
2984
2936
  "internalComponents": [
2937
+ "Scrim",
2938
+ "BottomSheetHandle",
2939
+ "Dialog",
2985
2940
  "Box",
2986
- "FormLabel",
2987
- "SpringMotionConfig",
2988
- "RootElement",
2989
- "MotionBox"
2941
+ "BottomSheetInternalContext.Provider"
2990
2942
  ],
2991
2943
  "internalComponentProps": {
2992
- "Box": {
2993
- "borderRadius": [
2994
- "full"
2995
- ]
2996
- },
2997
- "FormLabel": {
2998
- "as": [
2999
- "div"
3000
- ],
3001
- "variant": [
3002
- "inherit"
3003
- ],
3004
- "color": [
3005
- "inherit"
2944
+ "BottomSheetHandle": {
2945
+ "ariaLabel": [
2946
+ "Resize sheet"
3006
2947
  ]
3007
2948
  },
3008
- "RootElement": {
2949
+ "Dialog": {
3009
2950
  "data-testid": [
3010
- "container"
2951
+ "bottom-sheet"
3011
2952
  ]
3012
2953
  },
3013
- "MotionBox": {
3014
- "position": [
3015
- "relative"
3016
- ],
3017
- "borderRadius": [
3018
- "full"
2954
+ "Box": {
2955
+ "display": [
2956
+ "block",
2957
+ "flex"
3019
2958
  ],
3020
- "alignItems": [
3021
- "center"
2959
+ "position": [
2960
+ "absolute"
3022
2961
  ],
3023
- "justifyContent": [
3024
- "center"
2962
+ "flexDirection": [
2963
+ "column"
3025
2964
  ],
3026
- "flex": [
3027
- "none"
2965
+ "className": [
2966
+ "absolute inset-0 min-h-0 p-[inherit]"
3028
2967
  ]
3029
2968
  }
3030
2969
  },
3031
2970
  "propToVariantKeys": {
3032
- "size": [
3033
- "radioSizeRoot",
3034
- "radioSizeRadio"
3035
- ],
3036
2971
  "variant": [
3037
- "radioVariantRoot",
3038
- "radioVariantRadio",
3039
- "radioVariantRadioCircle"
3040
- ],
3041
- "reduceMotion": [
3042
- "reducedMotion"
2972
+ "bottomsheetVariantRoot"
3043
2973
  ]
3044
2974
  },
3045
2975
  "runtimeConfigDefaultProps": {},
3046
2976
  "runtimeConfigGetStyles": {},
3047
2977
  "runtimeConfigInternalComponentProps": {},
3048
- "motionVarPrefixes": [
3049
- "--uds-motion-subtle-3-",
3050
- "--uds-motion-smooth-3-"
3051
- ]
2978
+ "motionVarPrefixes": []
3052
2979
  },
3053
- "RadioGroupProvider": {
3054
- "name": "RadioGroupProvider",
2980
+ "BottomSheetInternalContext": {
2981
+ "name": "BottomSheetInternalContext",
2982
+ "defaultProps": {},
2983
+ "getStylesLiterals": {},
2984
+ "cxLiterals": [],
2985
+ "internalComponents": [],
2986
+ "internalComponentProps": {},
2987
+ "propToVariantKeys": {},
2988
+ "runtimeConfigDefaultProps": {},
2989
+ "runtimeConfigGetStyles": {},
2990
+ "runtimeConfigInternalComponentProps": {},
2991
+ "motionVarPrefixes": []
2992
+ },
2993
+ "BottomSheetDismiss": {
2994
+ "name": "BottomSheetDismiss",
3055
2995
  "defaultProps": {},
3056
2996
  "getStylesLiterals": {},
3057
2997
  "cxLiterals": [],
3058
2998
  "internalComponents": [
3059
- "DivProps",
3060
- "Comp",
3061
- "RadioGroupContext.Provider"
2999
+ "AriakitDialogDismiss"
3000
+ ],
3001
+ "internalComponentProps": {},
3002
+ "propToVariantKeys": {},
3003
+ "runtimeConfigDefaultProps": {},
3004
+ "runtimeConfigGetStyles": {},
3005
+ "runtimeConfigInternalComponentProps": {},
3006
+ "motionVarPrefixes": []
3007
+ },
3008
+ "BottomSheetHeader": {
3009
+ "name": "BottomSheetHeader",
3010
+ "defaultProps": {
3011
+ "variant": "default"
3012
+ },
3013
+ "getStylesLiterals": {},
3014
+ "cxLiterals": [
3015
+ "grid-cols-[40px_1fr_40px]",
3016
+ "items-center",
3017
+ "w-full",
3018
+ "min-h-10",
3019
+ "mt-2"
3020
+ ],
3021
+ "internalComponents": [
3022
+ "Box",
3023
+ "Text",
3024
+ "DialogHeading"
3062
3025
  ],
3063
3026
  "internalComponentProps": {
3064
- "Comp": {
3027
+ "Box": {
3028
+ "className": [
3029
+ "h-10 w-10 opacity-0 pointer-events-none"
3030
+ ],
3031
+ "display": [
3032
+ "grid",
3033
+ "flex"
3034
+ ],
3035
+ "justifyContent": [
3036
+ "flex-start",
3037
+ "flex-end"
3038
+ ]
3039
+ },
3040
+ "Text": {
3041
+ "as": [
3042
+ "p"
3043
+ ],
3044
+ "variant": [
3045
+ "inherit"
3046
+ ],
3047
+ "color": [
3048
+ "inherit"
3049
+ ],
3050
+ "textAlign": [
3051
+ "center"
3052
+ ],
3053
+ "className": [
3054
+ "m-0 w-full"
3055
+ ]
3056
+ },
3057
+ "DialogHeading": {
3065
3058
  "role": [
3066
- "radiogroup"
3059
+ "heading"
3067
3060
  ]
3068
3061
  }
3069
3062
  },
3070
- "propToVariantKeys": {},
3071
- "runtimeConfigDefaultProps": {},
3072
- "runtimeConfigGetStyles": {},
3073
- "runtimeConfigInternalComponentProps": {},
3074
- "motionVarPrefixes": []
3075
- },
3076
- "RadioGroupStore": {
3077
- "name": "RadioGroupStore",
3078
- "defaultProps": {},
3079
- "getStylesLiterals": {},
3080
- "cxLiterals": [],
3081
- "internalComponents": [],
3082
- "internalComponentProps": {},
3083
- "propToVariantKeys": {},
3063
+ "propToVariantKeys": {
3064
+ "variant": [
3065
+ "bottomsheetVariantHeader"
3066
+ ]
3067
+ },
3084
3068
  "runtimeConfigDefaultProps": {},
3085
3069
  "runtimeConfigGetStyles": {},
3086
3070
  "runtimeConfigInternalComponentProps": {},
3087
3071
  "motionVarPrefixes": []
3088
3072
  },
3089
- "Tab": {
3090
- "name": "Tab",
3073
+ "BottomSheetHandle": {
3074
+ "name": "BottomSheetHandle",
3091
3075
  "defaultProps": {
3092
- "variant": "primary"
3093
- },
3094
- "getStylesLiterals": {
3095
- "tabSizeRoot": "default",
3096
- "tabVariantActiveRoot": "off",
3097
- "tabVariantActiveRoot:1": "on",
3098
- "tabSizeIcon": "default"
3076
+ "variant": "default"
3099
3077
  },
3078
+ "getStylesLiterals": {},
3100
3079
  "cxLiterals": [
3101
- "pointer-events-none",
3102
- "absolute",
3103
- "bottom-0",
3104
- "left-0",
3105
- "right-0",
3106
- "h-[var(--uds-tab-underline-width,0px)]",
3107
- "bg-[var(--uds-tab-underline-color,transparent)]",
3108
- "transition-[height,background-color]",
3109
- "duration-[240ms]",
3110
- "ease-[cubic-bezier(0.2,0,0,1)]",
3111
- "!bg-transparent",
3112
- "!shadow-none",
3113
- "inline-flex",
3114
- "items-center",
3115
- "shrink-0",
3116
- "box-border",
3117
3080
  "relative",
3118
- "z-[1]",
3119
- "cursor-pointer",
3120
- "select-none",
3121
- "whitespace-nowrap",
3122
- "uds-ring",
3123
- "opacity-50",
3124
- "cursor-default",
3125
- "border-solid",
3126
- "border-b-solid",
3127
- "transition-colors"
3081
+ "h-5",
3082
+ "w-16",
3083
+ "outline-none",
3084
+ "focus-visible:outline-none",
3085
+ "[touch-action:pan-y]",
3086
+ "absolute",
3087
+ "left-1/2",
3088
+ "top-1/2",
3089
+ "-translate-x-1/2",
3090
+ "-translate-y-1/2",
3091
+ "h-1",
3092
+ "w-8",
3093
+ "rounded-full"
3128
3094
  ],
3129
3095
  "internalComponents": [
3130
- "IconSlot",
3131
- "AriakitTab",
3132
- "Text"
3096
+ "Box"
3133
3097
  ],
3134
3098
  "internalComponentProps": {
3135
- "Text": {
3136
- "variant": [
3137
- "inherit"
3138
- ],
3139
- "as": [
3140
- "span"
3099
+ "Box": {
3100
+ "display": [
3101
+ "block",
3102
+ "flex"
3141
3103
  ],
3142
- "color": [
3143
- "current"
3104
+ "justifyContent": [
3105
+ "center"
3144
3106
  ]
3145
3107
  }
3146
3108
  },
3147
3109
  "propToVariantKeys": {
3148
3110
  "variant": [
3149
- "tabVariantRoot",
3150
- "tabVariantIcon"
3151
- ],
3152
- "activeState": [
3153
- "tabVariantActiveIcon"
3154
- ],
3155
- "startIcon": [
3156
- "icon"
3157
- ],
3158
- "endIcon": [
3159
- "icon"
3111
+ "bottomsheetVariantHandleIndicator"
3160
3112
  ]
3161
3113
  },
3162
3114
  "runtimeConfigDefaultProps": {},
@@ -3164,6 +3116,21 @@
3164
3116
  "runtimeConfigInternalComponentProps": {},
3165
3117
  "motionVarPrefixes": []
3166
3118
  },
3119
+ "BottomSheetProvider": {
3120
+ "name": "BottomSheetProvider",
3121
+ "defaultProps": {},
3122
+ "getStylesLiterals": {},
3123
+ "cxLiterals": [],
3124
+ "internalComponents": [
3125
+ "AriakitDialogProvider"
3126
+ ],
3127
+ "internalComponentProps": {},
3128
+ "propToVariantKeys": {},
3129
+ "runtimeConfigDefaultProps": {},
3130
+ "runtimeConfigGetStyles": {},
3131
+ "runtimeConfigInternalComponentProps": {},
3132
+ "motionVarPrefixes": []
3133
+ },
3167
3134
  "TabList": {
3168
3135
  "name": "TabList",
3169
3136
  "defaultProps": {
@@ -3228,21 +3195,6 @@
3228
3195
  "runtimeConfigInternalComponentProps": {},
3229
3196
  "motionVarPrefixes": []
3230
3197
  },
3231
- "TabPanel": {
3232
- "name": "TabPanel",
3233
- "defaultProps": {},
3234
- "getStylesLiterals": {},
3235
- "cxLiterals": [],
3236
- "internalComponents": [
3237
- "AriakitTabPanel"
3238
- ],
3239
- "internalComponentProps": {},
3240
- "propToVariantKeys": {},
3241
- "runtimeConfigDefaultProps": {},
3242
- "runtimeConfigGetStyles": {},
3243
- "runtimeConfigInternalComponentProps": {},
3244
- "motionVarPrefixes": []
3245
- },
3246
3198
  "Tabs": {
3247
3199
  "name": "Tabs",
3248
3200
  "defaultProps": {
@@ -3258,204 +3210,113 @@
3258
3210
  "propToVariantKeys": {
3259
3211
  "onSelectionChange": [
3260
3212
  "setSelectedId"
3261
- ]
3262
- },
3263
- "runtimeConfigDefaultProps": {},
3264
- "runtimeConfigGetStyles": {},
3265
- "runtimeConfigInternalComponentProps": {},
3266
- "motionVarPrefixes": []
3267
- },
3268
- "Toast": {
3269
- "name": "Toast",
3270
- "defaultProps": {},
3271
- "getStylesLiterals": {
3272
- "className": "animate-spin",
3273
- "className:1": "flex-none",
3274
- "spacing": "2",
3275
- "borderRadius": "full"
3276
- },
3277
- "cxLiterals": [
3278
- "duration-0",
3279
- "duration-120",
3280
- "transition-[background-color]",
3281
- "bg-carbon-15/0",
3282
- "hover:bg-carbon-15/10",
3283
- "active:bg-carbon-15/15",
3284
- "uds-ring"
3285
- ],
3286
- "internalComponents": [
3287
- "IconSlot",
3288
- "ToastContainer",
3289
- "Text",
3290
- "Button",
3291
- "Pressable"
3292
- ],
3293
- "internalComponentProps": {},
3294
- "propToVariantKeys": {
3295
- "size": [
3296
- "toastSizeLabel",
3297
- "toastSizeIcon",
3298
- "toastSizeActionButton",
3299
- "toastSizeCloseIcon"
3300
- ],
3301
- "variant": [
3302
- "toastVariantIcon",
3303
- "toastVariantActionButton",
3304
- "toastVariantCloseIcon"
3305
- ],
3306
- "closeIcon": [
3307
- "icon"
3308
- ],
3309
- "onClickActionButton": [
3310
- "onClick"
3311
- ]
3312
- },
3313
- "runtimeConfigDefaultProps": {
3314
- "size": "toast.defaultSize",
3315
- "variant": "toast.defaultVariant"
3316
- },
3317
- "runtimeConfigGetStyles": {
3318
- "toastSizeLabel": [
3319
- "toast.defaultSize"
3320
- ],
3321
- "toastVariantIcon": [
3322
- "toast.defaultVariant"
3323
- ],
3324
- "toastSizeIcon": [
3325
- "toast.defaultSize"
3326
- ],
3327
- "toastSizeActionButton": [
3328
- "toast.defaultSize"
3329
- ],
3330
- "toastVariantActionButton": [
3331
- "toast.defaultVariant"
3332
- ],
3333
- "toastVariantCloseIcon": [
3334
- "toast.defaultVariant"
3335
- ],
3336
- "toastSizeCloseIcon": [
3337
- "toast.defaultSize"
3338
- ]
3339
- },
3340
- "runtimeConfigInternalComponentProps": {
3341
- "ToastContainer": {
3342
- "size": [
3343
- "toast.defaultSize"
3344
- ],
3345
- "variant": [
3346
- "toast.defaultVariant"
3347
- ]
3348
- },
3349
- "Text": {
3350
- "variant": [
3351
- "toast.textVariant.${size}"
3352
- ],
3353
- "color": [
3354
- "toast.textColor.${variant}"
3355
- ]
3356
- },
3357
- "Button": {
3358
- "size": [
3359
- "toast.buttonSize.${size}"
3360
- ],
3361
- "variant": [
3362
- "toast.buttonVariant.${variant}"
3363
- ]
3364
- }
3213
+ ]
3365
3214
  },
3215
+ "runtimeConfigDefaultProps": {},
3216
+ "runtimeConfigGetStyles": {},
3217
+ "runtimeConfigInternalComponentProps": {},
3366
3218
  "motionVarPrefixes": []
3367
3219
  },
3368
- "ToastContainer": {
3369
- "name": "ToastContainer",
3370
- "defaultProps": {},
3220
+ "Tab": {
3221
+ "name": "Tab",
3222
+ "defaultProps": {
3223
+ "variant": "primary"
3224
+ },
3371
3225
  "getStylesLiterals": {
3372
- "position": "relative",
3373
- "alignItems": "center",
3374
- "display": "flex",
3375
- "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
3226
+ "tabSizeRoot": "default",
3227
+ "tabVariantActiveRoot": "off",
3228
+ "tabVariantActiveRoot:1": "on",
3229
+ "tabSizeIcon": "default"
3376
3230
  },
3377
3231
  "cxLiterals": [
3378
- "w-full"
3232
+ "pointer-events-none",
3233
+ "absolute",
3234
+ "bottom-0",
3235
+ "left-0",
3236
+ "right-0",
3237
+ "h-[var(--uds-tab-underline-width,0px)]",
3238
+ "bg-[var(--uds-tab-underline-color,transparent)]",
3239
+ "transition-[height,background-color]",
3240
+ "duration-[240ms]",
3241
+ "ease-[cubic-bezier(0.2,0,0,1)]",
3242
+ "!bg-transparent",
3243
+ "!shadow-none",
3244
+ "inline-flex",
3245
+ "items-center",
3246
+ "shrink-0",
3247
+ "box-border",
3248
+ "relative",
3249
+ "z-[1]",
3250
+ "cursor-pointer",
3251
+ "select-none",
3252
+ "whitespace-nowrap",
3253
+ "uds-ring",
3254
+ "opacity-50",
3255
+ "cursor-default",
3256
+ "border-solid",
3257
+ "border-b-solid",
3258
+ "transition-colors"
3379
3259
  ],
3380
3260
  "internalComponents": [
3381
- "HStack"
3261
+ "IconSlot",
3262
+ "AriakitTab",
3263
+ "Text"
3382
3264
  ],
3383
3265
  "internalComponentProps": {
3384
- "HStack": {
3385
- "alignItems": [
3386
- "center"
3387
- ],
3388
- "justifyContent": [
3389
- "space-between"
3266
+ "Text": {
3267
+ "variant": [
3268
+ "inherit"
3390
3269
  ],
3391
- "overflow": [
3392
- "hidden"
3270
+ "as": [
3271
+ "span"
3393
3272
  ],
3394
- "position": [
3395
- "relative"
3273
+ "color": [
3274
+ "current"
3396
3275
  ]
3397
3276
  }
3398
3277
  },
3399
3278
  "propToVariantKeys": {
3400
3279
  "variant": [
3401
- "toastVariantRoot"
3280
+ "tabVariantRoot",
3281
+ "tabVariantIcon"
3402
3282
  ],
3403
- "size": [
3404
- "toastSizeRoot"
3405
- ]
3406
- },
3407
- "runtimeConfigDefaultProps": {
3408
- "size": "toast.defaultSize",
3409
- "variant": "toast.defaultVariant"
3410
- },
3411
- "runtimeConfigGetStyles": {
3412
- "toastVariantRoot": [
3413
- "toast.defaultVariant"
3283
+ "activeState": [
3284
+ "tabVariantActiveIcon"
3414
3285
  ],
3415
- "toastSizeRoot": [
3416
- "toast.defaultSize"
3286
+ "startIcon": [
3287
+ "icon"
3288
+ ],
3289
+ "endIcon": [
3290
+ "icon"
3417
3291
  ]
3418
3292
  },
3419
- "runtimeConfigInternalComponentProps": {
3420
- "HStack": {
3421
- "backgroundColor": [
3422
- "toast.backgroundColor.${variant}"
3423
- ]
3424
- }
3425
- },
3293
+ "runtimeConfigDefaultProps": {},
3294
+ "runtimeConfigGetStyles": {},
3295
+ "runtimeConfigInternalComponentProps": {},
3426
3296
  "motionVarPrefixes": []
3427
3297
  },
3428
- "ToastPortal": {
3429
- "name": "ToastPortal",
3298
+ "TabPanel": {
3299
+ "name": "TabPanel",
3430
3300
  "defaultProps": {},
3431
3301
  "getStylesLiterals": {},
3432
3302
  "cxLiterals": [],
3433
3303
  "internalComponents": [
3434
- "ReactToastifyToastContainer"
3304
+ "AriakitTabPanel"
3435
3305
  ],
3436
3306
  "internalComponentProps": {},
3437
3307
  "propToVariantKeys": {},
3438
- "runtimeConfigDefaultProps": {
3439
- "size": "toast.defaultSize",
3440
- "variant": "toast.defaultVariant"
3441
- },
3308
+ "runtimeConfigDefaultProps": {},
3442
3309
  "runtimeConfigGetStyles": {},
3443
- "runtimeConfigInternalComponentProps": {
3444
- "ReactToastifyToastContainer": {
3445
- "autoClose": [
3446
- "toast.autoClose"
3447
- ]
3448
- }
3449
- },
3310
+ "runtimeConfigInternalComponentProps": {},
3450
3311
  "motionVarPrefixes": []
3451
3312
  },
3452
- "UDSToastConfigProvider": {
3453
- "name": "UDSToastConfigProvider",
3313
+ "UDSTooltipConfigProvider": {
3314
+ "name": "UDSTooltipConfigProvider",
3454
3315
  "defaultProps": {},
3455
3316
  "getStylesLiterals": {},
3456
3317
  "cxLiterals": [],
3457
3318
  "internalComponents": [
3458
- "ToastContext.Provider"
3319
+ "TooltipContext.Provider"
3459
3320
  ],
3460
3321
  "internalComponentProps": {},
3461
3322
  "propToVariantKeys": {},
@@ -3464,6 +3325,31 @@
3464
3325
  "runtimeConfigInternalComponentProps": {},
3465
3326
  "motionVarPrefixes": []
3466
3327
  },
3328
+ "TooltipTrigger": {
3329
+ "name": "TooltipTrigger",
3330
+ "defaultProps": {},
3331
+ "getStylesLiterals": {},
3332
+ "cxLiterals": [],
3333
+ "internalComponents": [
3334
+ "TooltipAnchor"
3335
+ ],
3336
+ "internalComponentProps": {
3337
+ "TooltipAnchor": {
3338
+ "className": [
3339
+ "inline"
3340
+ ]
3341
+ }
3342
+ },
3343
+ "propToVariantKeys": {
3344
+ "children": [
3345
+ "render"
3346
+ ]
3347
+ },
3348
+ "runtimeConfigDefaultProps": {},
3349
+ "runtimeConfigGetStyles": {},
3350
+ "runtimeConfigInternalComponentProps": {},
3351
+ "motionVarPrefixes": []
3352
+ },
3467
3353
  "Tooltip": {
3468
3354
  "name": "Tooltip",
3469
3355
  "defaultProps": {},
@@ -3525,110 +3411,35 @@
3525
3411
  ],
3526
3412
  "internalComponentProps": {
3527
3413
  "SvgFloatingOverlay": {
3528
- "contentOverflow": [
3529
- "visible"
3530
- ]
3531
- },
3532
- "VStack": {
3533
- "className": [
3534
- "gap-[inherit]"
3535
- ]
3536
- },
3537
- "Box": {
3538
- "alignItems": [
3539
- "center"
3540
- ],
3541
- "columnGap": [
3542
- "1",
3543
- "1.5"
3544
- ]
3545
- },
3546
- "Text": {
3547
- "color": [
3548
- "inherit"
3549
- ]
3550
- }
3551
- },
3552
- "propToVariantKeys": {
3553
- "startTitleIcon": [
3554
- "icon"
3555
- ]
3556
- },
3557
- "runtimeConfigDefaultProps": {},
3558
- "runtimeConfigGetStyles": {},
3559
- "runtimeConfigInternalComponentProps": {},
3560
- "motionVarPrefixes": []
3561
- },
3562
- "TooltipTrigger": {
3563
- "name": "TooltipTrigger",
3564
- "defaultProps": {},
3565
- "getStylesLiterals": {},
3566
- "cxLiterals": [],
3567
- "internalComponents": [
3568
- "TooltipAnchor"
3569
- ],
3570
- "internalComponentProps": {
3571
- "TooltipAnchor": {
3572
- "className": [
3573
- "inline"
3574
- ]
3575
- }
3576
- },
3577
- "propToVariantKeys": {
3578
- "children": [
3579
- "render"
3580
- ]
3581
- },
3582
- "runtimeConfigDefaultProps": {},
3583
- "runtimeConfigGetStyles": {},
3584
- "runtimeConfigInternalComponentProps": {},
3585
- "motionVarPrefixes": []
3586
- },
3587
- "UDSTooltipConfigProvider": {
3588
- "name": "UDSTooltipConfigProvider",
3589
- "defaultProps": {},
3590
- "getStylesLiterals": {},
3591
- "cxLiterals": [],
3592
- "internalComponents": [
3593
- "TooltipContext.Provider"
3594
- ],
3595
- "internalComponentProps": {},
3596
- "propToVariantKeys": {},
3597
- "runtimeConfigDefaultProps": {},
3598
- "runtimeConfigGetStyles": {},
3599
- "runtimeConfigInternalComponentProps": {},
3600
- "motionVarPrefixes": []
3601
- },
3602
- "UDSBreakpointsConfigProvider": {
3603
- "name": "UDSBreakpointsConfigProvider",
3604
- "defaultProps": {},
3605
- "getStylesLiterals": {},
3606
- "cxLiterals": [],
3607
- "internalComponents": [
3608
- "UDSBreakpointsConfigContext.Provider"
3609
- ],
3610
- "internalComponentProps": {},
3611
- "propToVariantKeys": {},
3612
- "runtimeConfigDefaultProps": {},
3613
- "runtimeConfigGetStyles": {},
3614
- "runtimeConfigInternalComponentProps": {},
3615
- "motionVarPrefixes": []
3616
- },
3617
- "UDSConfigProvider": {
3618
- "name": "UDSConfigProvider",
3619
- "defaultProps": {},
3620
- "getStylesLiterals": {},
3621
- "cxLiterals": [],
3622
- "internalComponents": [
3623
- "UDSBreakpointsConfigProvider",
3624
- "UDSBottomSheetConfigProvider",
3625
- "UDSToastConfigProvider",
3626
- "UDSTooltipConfigProvider",
3627
- "UDSPopoverConfigProvider",
3628
- "UDSModalConfigProvider"
3629
- ],
3630
- "internalComponentProps": {},
3631
- "propToVariantKeys": {},
3414
+ "contentOverflow": [
3415
+ "visible"
3416
+ ]
3417
+ },
3418
+ "VStack": {
3419
+ "className": [
3420
+ "gap-[inherit]"
3421
+ ]
3422
+ },
3423
+ "Box": {
3424
+ "alignItems": [
3425
+ "center"
3426
+ ],
3427
+ "columnGap": [
3428
+ "1",
3429
+ "1.5"
3430
+ ]
3431
+ },
3432
+ "Text": {
3433
+ "color": [
3434
+ "inherit"
3435
+ ]
3436
+ }
3437
+ },
3438
+ "propToVariantKeys": {
3439
+ "startTitleIcon": [
3440
+ "icon"
3441
+ ]
3442
+ },
3632
3443
  "runtimeConfigDefaultProps": {},
3633
3444
  "runtimeConfigGetStyles": {},
3634
3445
  "runtimeConfigInternalComponentProps": {},
@@ -3722,19 +3533,6 @@
3722
3533
  "--uds-motion-smooth-3-"
3723
3534
  ]
3724
3535
  },
3725
- "AvoidMotionLibraryProvider": {
3726
- "name": "AvoidMotionLibraryProvider",
3727
- "defaultProps": {},
3728
- "getStylesLiterals": {},
3729
- "cxLiterals": [],
3730
- "internalComponents": [],
3731
- "internalComponentProps": {},
3732
- "propToVariantKeys": {},
3733
- "runtimeConfigDefaultProps": {},
3734
- "runtimeConfigGetStyles": {},
3735
- "runtimeConfigInternalComponentProps": {},
3736
- "motionVarPrefixes": []
3737
- },
3738
3536
  "SegmentedControl": {
3739
3537
  "name": "SegmentedControl",
3740
3538
  "defaultProps": {
@@ -3952,5 +3750,219 @@
3952
3750
  "--uds-motion-bouncy-4-",
3953
3751
  "--uds-motion-smooth-3-"
3954
3752
  ]
3753
+ },
3754
+ "AvoidMotionLibraryProvider": {
3755
+ "name": "AvoidMotionLibraryProvider",
3756
+ "defaultProps": {},
3757
+ "getStylesLiterals": {},
3758
+ "cxLiterals": [],
3759
+ "internalComponents": [],
3760
+ "internalComponentProps": {},
3761
+ "propToVariantKeys": {},
3762
+ "runtimeConfigDefaultProps": {},
3763
+ "runtimeConfigGetStyles": {},
3764
+ "runtimeConfigInternalComponentProps": {},
3765
+ "motionVarPrefixes": []
3766
+ },
3767
+ "ChipLink": {
3768
+ "name": "ChipLink",
3769
+ "defaultProps": {
3770
+ "variant": "primary"
3771
+ },
3772
+ "getStylesLiterals": {},
3773
+ "cxLiterals": [
3774
+ "uds-ring"
3775
+ ],
3776
+ "internalComponents": [
3777
+ "ChipBase"
3778
+ ],
3779
+ "internalComponentProps": {
3780
+ "ChipBase": {
3781
+ "as": [
3782
+ "a"
3783
+ ]
3784
+ }
3785
+ },
3786
+ "propToVariantKeys": {
3787
+ "variant": [
3788
+ "chipLinkVariantRoot",
3789
+ "chipLinkVariantIcon"
3790
+ ]
3791
+ },
3792
+ "runtimeConfigDefaultProps": {},
3793
+ "runtimeConfigGetStyles": {},
3794
+ "runtimeConfigInternalComponentProps": {},
3795
+ "motionVarPrefixes": []
3796
+ },
3797
+ "Chip": {
3798
+ "name": "Chip",
3799
+ "defaultProps": {},
3800
+ "getStylesLiterals": {},
3801
+ "cxLiterals": [],
3802
+ "internalComponents": [
3803
+ "ChipDismissible",
3804
+ "ChipToggle",
3805
+ "ChipLink",
3806
+ "ChipButton"
3807
+ ],
3808
+ "internalComponentProps": {},
3809
+ "propToVariantKeys": {},
3810
+ "runtimeConfigDefaultProps": {},
3811
+ "runtimeConfigGetStyles": {},
3812
+ "runtimeConfigInternalComponentProps": {},
3813
+ "motionVarPrefixes": []
3814
+ },
3815
+ "ChipToggle": {
3816
+ "name": "ChipToggle",
3817
+ "defaultProps": {
3818
+ "variant": "primary",
3819
+ "role": "checkbox"
3820
+ },
3821
+ "getStylesLiterals": {
3822
+ "chipToggleVariantActiveRoot": "on",
3823
+ "chipToggleVariantActiveRoot:1": "off"
3824
+ },
3825
+ "cxLiterals": [
3826
+ "uds-ring"
3827
+ ],
3828
+ "internalComponents": [
3829
+ "ChipBase"
3830
+ ],
3831
+ "internalComponentProps": {
3832
+ "ChipBase": {
3833
+ "as": [
3834
+ "button"
3835
+ ]
3836
+ }
3837
+ },
3838
+ "propToVariantKeys": {
3839
+ "variant": [
3840
+ "chipToggleVariantRoot",
3841
+ "chipToggleVariantIcon"
3842
+ ]
3843
+ },
3844
+ "runtimeConfigDefaultProps": {},
3845
+ "runtimeConfigGetStyles": {},
3846
+ "runtimeConfigInternalComponentProps": {},
3847
+ "motionVarPrefixes": []
3848
+ },
3849
+ "ChipDismissible": {
3850
+ "name": "ChipDismissible",
3851
+ "defaultProps": {
3852
+ "variant": "primary"
3853
+ },
3854
+ "getStylesLiterals": {},
3855
+ "cxLiterals": [
3856
+ "uds-chip-dismissible-button",
3857
+ "uds-hit-target",
3858
+ "uds-ring",
3859
+ "rounded-full"
3860
+ ],
3861
+ "internalComponents": [
3862
+ "ChipBase",
3863
+ "IconSlot",
3864
+ "Pressable"
3865
+ ],
3866
+ "internalComponentProps": {},
3867
+ "propToVariantKeys": {
3868
+ "variant": [
3869
+ "chipDismissibleVariantRoot",
3870
+ "chipDismissibleVariantIcon"
3871
+ ],
3872
+ "dismissButtonAriaLabel": [
3873
+ "aria-label"
3874
+ ]
3875
+ },
3876
+ "runtimeConfigDefaultProps": {},
3877
+ "runtimeConfigGetStyles": {},
3878
+ "runtimeConfigInternalComponentProps": {},
3879
+ "motionVarPrefixes": []
3880
+ },
3881
+ "ChipButton": {
3882
+ "name": "ChipButton",
3883
+ "defaultProps": {
3884
+ "variant": "primary"
3885
+ },
3886
+ "getStylesLiterals": {},
3887
+ "cxLiterals": [
3888
+ "uds-ring"
3889
+ ],
3890
+ "internalComponents": [
3891
+ "ChipBase"
3892
+ ],
3893
+ "internalComponentProps": {
3894
+ "ChipBase": {
3895
+ "as": [
3896
+ "button"
3897
+ ]
3898
+ }
3899
+ },
3900
+ "propToVariantKeys": {
3901
+ "variant": [
3902
+ "chipLinkVariantRoot",
3903
+ "chipLinkVariantIcon"
3904
+ ]
3905
+ },
3906
+ "runtimeConfigDefaultProps": {},
3907
+ "runtimeConfigGetStyles": {},
3908
+ "runtimeConfigInternalComponentProps": {},
3909
+ "motionVarPrefixes": []
3910
+ },
3911
+ "ChipBase": {
3912
+ "name": "ChipBase",
3913
+ "defaultProps": {
3914
+ "size": "md",
3915
+ "as": "div"
3916
+ },
3917
+ "getStylesLiterals": {},
3918
+ "cxLiterals": [
3919
+ "pointer-events-none",
3920
+ "cursor-default",
3921
+ "opacity-50",
3922
+ "inline-flex",
3923
+ "items-center",
3924
+ "transition-[background-color,outline-color,box-shadow]",
3925
+ "truncate",
3926
+ "whitespace-nowrap",
3927
+ "text-center",
3928
+ "flex-1",
3929
+ "md",
3930
+ "primary"
3931
+ ],
3932
+ "internalComponents": [
3933
+ "IconSlot",
3934
+ "HStack",
3935
+ "As",
3936
+ "Text"
3937
+ ],
3938
+ "internalComponentProps": {
3939
+ "Text": {
3940
+ "as": [
3941
+ "span"
3942
+ ],
3943
+ "color": [
3944
+ "current"
3945
+ ],
3946
+ "variant": [
3947
+ "inherit"
3948
+ ]
3949
+ }
3950
+ },
3951
+ "propToVariantKeys": {
3952
+ "size": [
3953
+ "chipSizeRoot",
3954
+ "chipSizeIcon"
3955
+ ],
3956
+ "startIcon": [
3957
+ "icon"
3958
+ ],
3959
+ "endIcon": [
3960
+ "icon"
3961
+ ]
3962
+ },
3963
+ "runtimeConfigDefaultProps": {},
3964
+ "runtimeConfigGetStyles": {},
3965
+ "runtimeConfigInternalComponentProps": {},
3966
+ "motionVarPrefixes": []
3955
3967
  }
3956
3968
  }