@yahoo/uds 3.133.0 → 3.133.1

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