@yahoo/uds 3.128.0 → 3.128.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.
@@ -1,60 +1,5 @@
1
1
  /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
2
2
  //#region generated/componentData.json
3
- var Box = {
4
- "name": "Box",
5
- "defaultProps": {
6
- "as": "div",
7
- "display": "flex"
8
- },
9
- "getStylesLiterals": {},
10
- "cxLiterals": [],
11
- "internalComponents": ["Comp"],
12
- "internalComponentProps": {},
13
- "propToVariantKeys": { "elevationAlias": [
14
- "backgroundColor",
15
- "borderColor",
16
- "borderWidth",
17
- "dropShadow"
18
- ] },
19
- "runtimeConfigDefaultProps": {},
20
- "runtimeConfigGetStyles": {},
21
- "runtimeConfigInternalComponentProps": {},
22
- "motionVarPrefixes": []
23
- };
24
- var FormLabel = {
25
- "name": "FormLabel",
26
- "defaultProps": {
27
- "color": "muted",
28
- "variant": "label3",
29
- "as": "label"
30
- },
31
- "getStylesLiterals": {},
32
- "cxLiterals": ["cursor-[inherit]"],
33
- "internalComponents": ["Text"],
34
- "internalComponentProps": { "Text": {
35
- "as": ["sup"],
36
- "variant": ["inherit"],
37
- "spacingStart": ["0.5"]
38
- } },
39
- "propToVariantKeys": {},
40
- "runtimeConfigDefaultProps": {},
41
- "runtimeConfigGetStyles": {},
42
- "runtimeConfigInternalComponentProps": {},
43
- "motionVarPrefixes": []
44
- };
45
- var HStack = {
46
- "name": "HStack",
47
- "defaultProps": {},
48
- "getStylesLiterals": {},
49
- "cxLiterals": [],
50
- "internalComponents": ["Box"],
51
- "internalComponentProps": { "Box": { "flexDirection": ["row"] } },
52
- "propToVariantKeys": { "gap": ["rowGap", "columnGap"] },
53
- "runtimeConfigDefaultProps": {},
54
- "runtimeConfigGetStyles": {},
55
- "runtimeConfigInternalComponentProps": {},
56
- "motionVarPrefixes": []
57
- };
58
3
  var Icon = {
59
4
  "name": "Icon",
60
5
  "defaultProps": {
@@ -72,14 +17,24 @@ var Icon = {
72
17
  "runtimeConfigInternalComponentProps": {},
73
18
  "motionVarPrefixes": []
74
19
  };
75
- var IconSlot = {
76
- "name": "IconSlot",
77
- "defaultProps": {},
20
+ var Text = {
21
+ "name": "Text",
22
+ "defaultProps": {
23
+ "color": "primary",
24
+ "variant": "body1"
25
+ },
78
26
  "getStylesLiterals": {},
79
27
  "cxLiterals": [],
80
- "internalComponents": ["Icon"],
28
+ "internalComponents": ["Comp"],
81
29
  "internalComponentProps": {},
82
- "propToVariantKeys": {},
30
+ "propToVariantKeys": { "variant": [
31
+ "fontFamily",
32
+ "fontSize",
33
+ "fontWeight",
34
+ "lineHeight",
35
+ "textTransform",
36
+ "letterSpacing"
37
+ ] },
83
38
  "runtimeConfigDefaultProps": {},
84
39
  "runtimeConfigGetStyles": {},
85
40
  "runtimeConfigInternalComponentProps": {},
@@ -98,44 +53,6 @@ var Image = {
98
53
  "runtimeConfigInternalComponentProps": {},
99
54
  "motionVarPrefixes": []
100
55
  };
101
- var Link = {
102
- "name": "Link",
103
- "defaultProps": { "variant": "primary" },
104
- "getStylesLiterals": {
105
- "display": "inline-flex",
106
- "alignItems": "center"
107
- },
108
- "cxLiterals": [
109
- "uds-ring",
110
- "underline",
111
- "w-[0.7em]",
112
- "h-[0.7em]"
113
- ],
114
- "internalComponents": ["IconSlot"],
115
- "internalComponentProps": { "IconSlot": { "data-testid": ["start-icon", "end-icon"] } },
116
- "propToVariantKeys": {
117
- "textVariant": [
118
- "linkTextStyleRoot",
119
- "fontSize",
120
- "fontFamily",
121
- "fontWeight",
122
- "lineHeight",
123
- "textTransform",
124
- "linkTextStyleIcon"
125
- ],
126
- "variant": [
127
- "linkVariantRoot",
128
- "linkVariantIconStart",
129
- "linkVariantIconEnd"
130
- ],
131
- "startIcon": ["icon"],
132
- "endIcon": ["icon"]
133
- },
134
- "runtimeConfigDefaultProps": {},
135
- "runtimeConfigGetStyles": {},
136
- "runtimeConfigInternalComponentProps": {},
137
- "motionVarPrefixes": []
138
- };
139
56
  var Scrim = {
140
57
  "name": "Scrim",
141
58
  "defaultProps": {
@@ -163,6 +80,74 @@ var Scrim = {
163
80
  "runtimeConfigInternalComponentProps": {},
164
81
  "motionVarPrefixes": []
165
82
  };
83
+ var FormLabel = {
84
+ "name": "FormLabel",
85
+ "defaultProps": {
86
+ "color": "muted",
87
+ "variant": "label3",
88
+ "as": "label"
89
+ },
90
+ "getStylesLiterals": {},
91
+ "cxLiterals": ["cursor-[inherit]"],
92
+ "internalComponents": ["Text"],
93
+ "internalComponentProps": { "Text": {
94
+ "as": ["sup"],
95
+ "variant": ["inherit"],
96
+ "spacingStart": ["0.5"]
97
+ } },
98
+ "propToVariantKeys": {},
99
+ "runtimeConfigDefaultProps": {},
100
+ "runtimeConfigGetStyles": {},
101
+ "runtimeConfigInternalComponentProps": {},
102
+ "motionVarPrefixes": []
103
+ };
104
+ var VStack = {
105
+ "name": "VStack",
106
+ "defaultProps": {},
107
+ "getStylesLiterals": {},
108
+ "cxLiterals": [],
109
+ "internalComponents": ["Box"],
110
+ "internalComponentProps": { "Box": { "flexDirection": ["column"] } },
111
+ "propToVariantKeys": { "gap": ["columnGap", "rowGap"] },
112
+ "runtimeConfigDefaultProps": {},
113
+ "runtimeConfigGetStyles": {},
114
+ "runtimeConfigInternalComponentProps": {},
115
+ "motionVarPrefixes": []
116
+ };
117
+ var IconSlot = {
118
+ "name": "IconSlot",
119
+ "defaultProps": {},
120
+ "getStylesLiterals": {},
121
+ "cxLiterals": [],
122
+ "internalComponents": ["Icon"],
123
+ "internalComponentProps": {},
124
+ "propToVariantKeys": {},
125
+ "runtimeConfigDefaultProps": {},
126
+ "runtimeConfigGetStyles": {},
127
+ "runtimeConfigInternalComponentProps": {},
128
+ "motionVarPrefixes": []
129
+ };
130
+ var Box = {
131
+ "name": "Box",
132
+ "defaultProps": {
133
+ "as": "div",
134
+ "display": "flex"
135
+ },
136
+ "getStylesLiterals": {},
137
+ "cxLiterals": [],
138
+ "internalComponents": ["Comp"],
139
+ "internalComponentProps": {},
140
+ "propToVariantKeys": { "elevationAlias": [
141
+ "backgroundColor",
142
+ "borderColor",
143
+ "borderWidth",
144
+ "dropShadow"
145
+ ] },
146
+ "runtimeConfigDefaultProps": {},
147
+ "runtimeConfigGetStyles": {},
148
+ "runtimeConfigInternalComponentProps": {},
149
+ "motionVarPrefixes": []
150
+ };
166
151
  var SvgFloatingOverlay = {
167
152
  "name": "SvgFloatingOverlay",
168
153
  "defaultProps": { "contentOverflow": "auto" },
@@ -197,37 +182,68 @@ var SvgFloatingOverlay = {
197
182
  "runtimeConfigInternalComponentProps": {},
198
183
  "motionVarPrefixes": []
199
184
  };
200
- var Text = {
201
- "name": "Text",
202
- "defaultProps": {
203
- "color": "primary",
204
- "variant": "body1"
205
- },
185
+ var HStack = {
186
+ "name": "HStack",
187
+ "defaultProps": {},
206
188
  "getStylesLiterals": {},
207
189
  "cxLiterals": [],
208
- "internalComponents": ["Comp"],
209
- "internalComponentProps": {},
210
- "propToVariantKeys": { "variant": [
211
- "fontFamily",
212
- "fontSize",
213
- "fontWeight",
214
- "lineHeight",
215
- "textTransform",
216
- "letterSpacing"
217
- ] },
190
+ "internalComponents": ["Box"],
191
+ "internalComponentProps": { "Box": { "flexDirection": ["row"] } },
192
+ "propToVariantKeys": { "gap": ["rowGap", "columnGap"] },
218
193
  "runtimeConfigDefaultProps": {},
219
194
  "runtimeConfigGetStyles": {},
220
195
  "runtimeConfigInternalComponentProps": {},
221
196
  "motionVarPrefixes": []
222
197
  };
223
- var VStack = {
224
- "name": "VStack",
198
+ var Link = {
199
+ "name": "Link",
200
+ "defaultProps": { "variant": "primary" },
201
+ "getStylesLiterals": {
202
+ "display": "inline-flex",
203
+ "alignItems": "center"
204
+ },
205
+ "cxLiterals": [
206
+ "uds-ring",
207
+ "underline",
208
+ "w-[0.7em]",
209
+ "h-[0.7em]"
210
+ ],
211
+ "internalComponents": ["IconSlot"],
212
+ "internalComponentProps": { "IconSlot": { "data-testid": ["start-icon", "end-icon"] } },
213
+ "propToVariantKeys": {
214
+ "textVariant": [
215
+ "linkTextStyleRoot",
216
+ "fontSize",
217
+ "fontFamily",
218
+ "fontWeight",
219
+ "lineHeight",
220
+ "textTransform",
221
+ "linkTextStyleIcon"
222
+ ],
223
+ "variant": [
224
+ "linkVariantRoot",
225
+ "linkVariantIconStart",
226
+ "linkVariantIconEnd"
227
+ ],
228
+ "startIcon": ["icon"],
229
+ "endIcon": ["icon"]
230
+ },
231
+ "runtimeConfigDefaultProps": {},
232
+ "runtimeConfigGetStyles": {},
233
+ "runtimeConfigInternalComponentProps": {},
234
+ "motionVarPrefixes": []
235
+ };
236
+ var BannerDescription = {
237
+ "name": "BannerDescription",
225
238
  "defaultProps": {},
226
- "getStylesLiterals": {},
239
+ "getStylesLiterals": {
240
+ "bannerSizeDescription": "default",
241
+ "className": "w-full line-clamp-3"
242
+ },
227
243
  "cxLiterals": [],
228
- "internalComponents": ["Box"],
229
- "internalComponentProps": { "Box": { "flexDirection": ["column"] } },
230
- "propToVariantKeys": { "gap": ["columnGap", "rowGap"] },
244
+ "internalComponents": ["Text"],
245
+ "internalComponentProps": {},
246
+ "propToVariantKeys": {},
231
247
  "runtimeConfigDefaultProps": {},
232
248
  "runtimeConfigGetStyles": {},
233
249
  "runtimeConfigInternalComponentProps": {},
@@ -244,7 +260,8 @@ var Banner = {
244
260
  "className": "truncate",
245
261
  "className:1": "line-clamp-3",
246
262
  "spacing": "2",
247
- "borderRadius": "full"
263
+ "borderRadius": "full",
264
+ "color": "primary"
248
265
  },
249
266
  "cxLiterals": [
250
267
  "flex",
@@ -329,22 +346,6 @@ var BannerContent = {
329
346
  "runtimeConfigInternalComponentProps": {},
330
347
  "motionVarPrefixes": []
331
348
  };
332
- var BannerDescription = {
333
- "name": "BannerDescription",
334
- "defaultProps": {},
335
- "getStylesLiterals": {
336
- "bannerSizeDescription": "default",
337
- "className": "w-full line-clamp-3"
338
- },
339
- "cxLiterals": [],
340
- "internalComponents": ["Text"],
341
- "internalComponentProps": {},
342
- "propToVariantKeys": {},
343
- "runtimeConfigDefaultProps": {},
344
- "runtimeConfigGetStyles": {},
345
- "runtimeConfigInternalComponentProps": {},
346
- "motionVarPrefixes": []
347
- };
348
349
  var BannerTitle = {
349
350
  "name": "BannerTitle",
350
351
  "defaultProps": {},
@@ -420,6 +421,19 @@ var DividerInternal = {
420
421
  "runtimeConfigInternalComponentProps": {},
421
422
  "motionVarPrefixes": []
422
423
  };
424
+ var Table_mocks = {
425
+ "name": "Table.mocks",
426
+ "defaultProps": {},
427
+ "getStylesLiterals": {},
428
+ "cxLiterals": [],
429
+ "internalComponents": [],
430
+ "internalComponentProps": {},
431
+ "propToVariantKeys": {},
432
+ "runtimeConfigDefaultProps": {},
433
+ "runtimeConfigGetStyles": {},
434
+ "runtimeConfigInternalComponentProps": {},
435
+ "motionVarPrefixes": []
436
+ };
423
437
  var Spinner = {
424
438
  "name": "Spinner",
425
439
  "defaultProps": {
@@ -444,19 +458,6 @@ var Spinner = {
444
458
  "runtimeConfigInternalComponentProps": {},
445
459
  "motionVarPrefixes": []
446
460
  };
447
- var Table_mocks = {
448
- "name": "Table.mocks",
449
- "defaultProps": {},
450
- "getStylesLiterals": {},
451
- "cxLiterals": [],
452
- "internalComponents": [],
453
- "internalComponentProps": {},
454
- "propToVariantKeys": {},
455
- "runtimeConfigDefaultProps": {},
456
- "runtimeConfigGetStyles": {},
457
- "runtimeConfigInternalComponentProps": {},
458
- "motionVarPrefixes": []
459
- };
460
461
  var Table = {
461
462
  "name": "Table",
462
463
  "defaultProps": {
@@ -488,6 +489,32 @@ var Table = {
488
489
  "runtimeConfigInternalComponentProps": {},
489
490
  "motionVarPrefixes": []
490
491
  };
492
+ var Pressable = {
493
+ "name": "Pressable",
494
+ "defaultProps": {},
495
+ "getStylesLiterals": {},
496
+ "cxLiterals": [],
497
+ "internalComponents": ["Comp"],
498
+ "internalComponentProps": {},
499
+ "propToVariantKeys": {},
500
+ "runtimeConfigDefaultProps": {},
501
+ "runtimeConfigGetStyles": {},
502
+ "runtimeConfigInternalComponentProps": {},
503
+ "motionVarPrefixes": []
504
+ };
505
+ var SpringMotionConfig = {
506
+ "name": "SpringMotionConfig",
507
+ "defaultProps": { "reducedMotion": "user" },
508
+ "getStylesLiterals": {},
509
+ "cxLiterals": [],
510
+ "internalComponents": ["LazyMotion", "MotionConfig"],
511
+ "internalComponentProps": {},
512
+ "propToVariantKeys": { "loadFeatures": ["features"] },
513
+ "runtimeConfigDefaultProps": {},
514
+ "runtimeConfigGetStyles": {},
515
+ "runtimeConfigInternalComponentProps": {},
516
+ "motionVarPrefixes": []
517
+ };
491
518
  var AnimateHeightChange = {
492
519
  "name": "AnimateHeightChange",
493
520
  "defaultProps": {},
@@ -501,41 +528,101 @@ var AnimateHeightChange = {
501
528
  "runtimeConfigInternalComponentProps": {},
502
529
  "motionVarPrefixes": ["--uds-motion-subtle-4-", "--uds-motion-smooth-3-"]
503
530
  };
504
- var Badge = {
505
- "name": "Badge",
531
+ var Switch = {
532
+ "name": "Switch",
506
533
  "defaultProps": {
507
- "variant": "primary",
534
+ "labelPosition": "start",
508
535
  "size": "md"
509
536
  },
510
- "getStylesLiterals": {},
537
+ "getStylesLiterals": {
538
+ "switchVariantRoot": "default",
539
+ "switchVariantActiveRoot": "on",
540
+ "switchVariantActiveRoot:1": "off",
541
+ "display": "flex",
542
+ "flexDirection": "row",
543
+ "flexDirection:1": "row-reverse",
544
+ "alignItems": "center",
545
+ "switchVariantSwitch": "default",
546
+ "switchVariantActiveSwitch": "on",
547
+ "switchVariantActiveSwitch:1": "off",
548
+ "borderRadius": "full",
549
+ "position": "relative",
550
+ "switchVariantActiveHandle": "on",
551
+ "switchVariantActiveHandle:1": "off",
552
+ "switchVariantHandle": "default",
553
+ "switchVariantHandleIcon": "default",
554
+ "switchVariantActiveHandleIcon": "on",
555
+ "switchVariantActiveHandleIcon:1": "off"
556
+ },
511
557
  "cxLiterals": [
512
- "flex-1",
513
- "truncate",
514
- "whitespace-nowrap",
515
- "text-center"
558
+ "group",
559
+ "cursor-pointer",
560
+ "cursor-default",
561
+ "opacity-50",
562
+ "uds-ring",
563
+ "uds-ring-within",
564
+ "transition-[background-color,box-shadow]",
565
+ "relative",
566
+ "pointer-events-none",
567
+ "uds-border-radius-full",
568
+ "overflow-hidden",
569
+ "absolute",
570
+ "top-0",
571
+ "left-0",
572
+ "right-0",
573
+ "bottom-0",
574
+ "opacity-95",
575
+ "group-hover:opacity-100",
576
+ "transition-[background-color,box-shadow,opacity]",
577
+ "opacity-0",
578
+ "top-1/2",
579
+ "left-1/2",
580
+ "transform",
581
+ "translate-x-[-50%]",
582
+ "translate-y-[-50%]",
583
+ "transition-opacity",
584
+ "cursor-[inherit]",
585
+ "w-[calc(100%+2px)]",
586
+ "h-[calc(100%+2px)]",
587
+ "text-start",
588
+ "text-end",
589
+ "opacity-100"
590
+ ],
591
+ "internalComponents": [
592
+ "IconSlot",
593
+ "Box",
594
+ "FormLabel",
595
+ "SpringMotionConfig",
596
+ "RootElement",
597
+ "MotionBox"
516
598
  ],
517
- "internalComponents": ["IconSlot", "HStack"],
518
599
  "internalComponentProps": {
519
- "IconSlot": { "data-testid": ["start-icon", "end-icon"] },
520
- "HStack": {
521
- "gap": ["2"],
522
- "display": ["inline-flex"],
523
- "alignItems": ["center"]
524
- }
600
+ "IconSlot": { "data-testid": ["on-icon", "off-icon"] },
601
+ "FormLabel": {
602
+ "as": ["div"],
603
+ "variant": ["inherit"],
604
+ "color": ["inherit"]
605
+ },
606
+ "RootElement": { "data-testid": ["container"] }
525
607
  },
526
608
  "propToVariantKeys": {
527
- "size": ["badgeSizeRoot", "badgeSizeIcon"],
528
- "variant": ["badgeVariantRoot", "badgeVariantIcon"],
529
- "startIcon": ["icon"],
530
- "endIcon": ["icon"]
609
+ "size": [
610
+ "switchSizeRoot",
611
+ "switchSizeSwitch",
612
+ "switchSizeHandle",
613
+ "switchSizeHandleIcon"
614
+ ],
615
+ "onIcon": ["icon"],
616
+ "offIcon": ["icon"],
617
+ "reduceMotion": ["reducedMotion"]
531
618
  },
532
619
  "runtimeConfigDefaultProps": {},
533
620
  "runtimeConfigGetStyles": {},
534
621
  "runtimeConfigInternalComponentProps": {},
535
- "motionVarPrefixes": []
622
+ "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
536
623
  };
537
- var Button = {
538
- "name": "Button",
624
+ var IconButton = {
625
+ "name": "IconButton",
539
626
  "defaultProps": { "type": "button" },
540
627
  "getStylesLiterals": {},
541
628
  "cxLiterals": [
@@ -545,48 +632,69 @@ var Button = {
545
632
  "overflow-hidden",
546
633
  "justify-center",
547
634
  "items-center",
548
- "whitespace-nowrap",
549
- "select-none",
550
635
  "[transform-origin:center]",
551
636
  "[backface-visibility:hidden]",
552
- "[transition-property:color,background-color,border-color,box-shadow,text-decoration-color,fill,stroke]",
637
+ "[transition-property:color,background-color,border-color,",
638
+ "box-shadow,text-decoration-color,fill,stroke]",
553
639
  "[transition-timing-function:cubic-bezier(0,0,0.2,1)]",
554
640
  "[transition-duration:220ms]",
555
641
  "cursor-not-allowed",
556
642
  "uds-button-loading",
557
643
  "uds-button-without-effects",
558
- "withIcon",
559
- "uds-button-with-gap",
560
- "animate-spin",
561
- "truncate"
644
+ "animate-spin"
562
645
  ],
563
646
  "internalComponents": [
564
647
  "Icon",
565
- "IconSlot",
566
- "AnimatePresence",
567
648
  "SpringMotionConfig",
568
- "MotionSlot"
649
+ "AnimatePresence"
569
650
  ],
570
651
  "internalComponentProps": {
571
652
  "Icon": { "color": ["current"] },
572
- "AnimatePresence": { "mode": ["popLayout"] },
573
653
  "SpringMotionConfig": { "layoutSpeed": ["3"] },
574
- "MotionSlot": {
575
- "whileHover": ["hover"],
576
- "whileTap": ["pressed"]
577
- }
654
+ "AnimatePresence": { "mode": ["popLayout"] }
578
655
  },
579
656
  "propToVariantKeys": {
580
- "size": ["buttonSizeRoot", "buttonSizeIcon"],
657
+ "size": ["iconbuttonSizeRoot", "iconbuttonSizeIcon"],
581
658
  "variant": ["buttonVariantRoot", "buttonVariantIcon"],
582
- "iconVariant": ["variant"],
659
+ "iconVariant": ["variant"]
660
+ },
661
+ "runtimeConfigDefaultProps": {},
662
+ "runtimeConfigGetStyles": {},
663
+ "runtimeConfigInternalComponentProps": {},
664
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
665
+ };
666
+ var Badge = {
667
+ "name": "Badge",
668
+ "defaultProps": {
669
+ "variant": "primary",
670
+ "size": "md"
671
+ },
672
+ "getStylesLiterals": {},
673
+ "cxLiterals": [
674
+ "flex-1",
675
+ "truncate",
676
+ "whitespace-nowrap",
677
+ "text-center"
678
+ ],
679
+ "internalComponents": ["IconSlot", "HStack"],
680
+ "internalComponentProps": {
681
+ "IconSlot": { "data-testid": ["start-icon", "end-icon"] },
682
+ "HStack": {
683
+ "gap": ["2"],
684
+ "display": ["inline-flex"],
685
+ "alignItems": ["center"]
686
+ }
687
+ },
688
+ "propToVariantKeys": {
689
+ "size": ["badgeSizeRoot", "badgeSizeIcon"],
690
+ "variant": ["badgeVariantRoot", "badgeVariantIcon"],
583
691
  "startIcon": ["icon"],
584
692
  "endIcon": ["icon"]
585
693
  },
586
694
  "runtimeConfigDefaultProps": {},
587
695
  "runtimeConfigGetStyles": {},
588
696
  "runtimeConfigInternalComponentProps": {},
589
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
697
+ "motionVarPrefixes": []
590
698
  };
591
699
  var Checkbox = {
592
700
  "name": "Checkbox",
@@ -664,8 +772,8 @@ var Checkbox = {
664
772
  "runtimeConfigInternalComponentProps": {},
665
773
  "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
666
774
  };
667
- var IconButton = {
668
- "name": "IconButton",
775
+ var Button = {
776
+ "name": "Button",
669
777
  "defaultProps": { "type": "button" },
670
778
  "getStylesLiterals": {},
671
779
  "cxLiterals": [
@@ -675,156 +783,49 @@ var IconButton = {
675
783
  "overflow-hidden",
676
784
  "justify-center",
677
785
  "items-center",
786
+ "whitespace-nowrap",
787
+ "select-none",
678
788
  "[transform-origin:center]",
679
789
  "[backface-visibility:hidden]",
680
- "[transition-property:color,background-color,border-color,",
681
- "box-shadow,text-decoration-color,fill,stroke]",
790
+ "[transition-property:color,background-color,border-color,box-shadow,text-decoration-color,fill,stroke]",
682
791
  "[transition-timing-function:cubic-bezier(0,0,0.2,1)]",
683
792
  "[transition-duration:220ms]",
684
793
  "cursor-not-allowed",
685
794
  "uds-button-loading",
686
795
  "uds-button-without-effects",
687
- "animate-spin"
796
+ "withIcon",
797
+ "uds-button-with-gap",
798
+ "animate-spin",
799
+ "truncate"
688
800
  ],
689
801
  "internalComponents": [
690
802
  "Icon",
803
+ "IconSlot",
804
+ "AnimatePresence",
691
805
  "SpringMotionConfig",
692
- "AnimatePresence"
806
+ "MotionSlot"
693
807
  ],
694
808
  "internalComponentProps": {
695
809
  "Icon": { "color": ["current"] },
810
+ "AnimatePresence": { "mode": ["popLayout"] },
696
811
  "SpringMotionConfig": { "layoutSpeed": ["3"] },
697
- "AnimatePresence": { "mode": ["popLayout"] }
812
+ "MotionSlot": {
813
+ "whileHover": ["hover"],
814
+ "whileTap": ["pressed"]
815
+ }
698
816
  },
699
817
  "propToVariantKeys": {
700
- "size": ["iconbuttonSizeRoot", "iconbuttonSizeIcon"],
818
+ "size": ["buttonSizeRoot", "buttonSizeIcon"],
701
819
  "variant": ["buttonVariantRoot", "buttonVariantIcon"],
702
- "iconVariant": ["variant"]
820
+ "iconVariant": ["variant"],
821
+ "startIcon": ["icon"],
822
+ "endIcon": ["icon"]
703
823
  },
704
824
  "runtimeConfigDefaultProps": {},
705
825
  "runtimeConfigGetStyles": {},
706
826
  "runtimeConfigInternalComponentProps": {},
707
827
  "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
708
828
  };
709
- var Pressable = {
710
- "name": "Pressable",
711
- "defaultProps": {},
712
- "getStylesLiterals": {},
713
- "cxLiterals": [],
714
- "internalComponents": ["Comp"],
715
- "internalComponentProps": {},
716
- "propToVariantKeys": {},
717
- "runtimeConfigDefaultProps": {},
718
- "runtimeConfigGetStyles": {},
719
- "runtimeConfigInternalComponentProps": {},
720
- "motionVarPrefixes": []
721
- };
722
- var SpringMotionConfig = {
723
- "name": "SpringMotionConfig",
724
- "defaultProps": { "reducedMotion": "user" },
725
- "getStylesLiterals": {},
726
- "cxLiterals": [],
727
- "internalComponents": ["LazyMotion", "MotionConfig"],
728
- "internalComponentProps": {},
729
- "propToVariantKeys": { "loadFeatures": ["features"] },
730
- "runtimeConfigDefaultProps": {},
731
- "runtimeConfigGetStyles": {},
732
- "runtimeConfigInternalComponentProps": {},
733
- "motionVarPrefixes": []
734
- };
735
- var Switch = {
736
- "name": "Switch",
737
- "defaultProps": {
738
- "labelPosition": "start",
739
- "size": "md"
740
- },
741
- "getStylesLiterals": {
742
- "switchVariantRoot": "default",
743
- "switchVariantActiveRoot": "on",
744
- "switchVariantActiveRoot:1": "off",
745
- "display": "flex",
746
- "flexDirection": "row",
747
- "flexDirection:1": "row-reverse",
748
- "alignItems": "center",
749
- "switchVariantSwitch": "default",
750
- "switchVariantActiveSwitch": "on",
751
- "switchVariantActiveSwitch:1": "off",
752
- "borderRadius": "full",
753
- "position": "relative",
754
- "switchVariantActiveHandle": "on",
755
- "switchVariantActiveHandle:1": "off",
756
- "switchVariantHandle": "default",
757
- "switchVariantHandleIcon": "default",
758
- "switchVariantActiveHandleIcon": "on",
759
- "switchVariantActiveHandleIcon:1": "off"
760
- },
761
- "cxLiterals": [
762
- "group",
763
- "cursor-pointer",
764
- "cursor-default",
765
- "opacity-50",
766
- "uds-ring",
767
- "uds-ring-within",
768
- "transition-[background-color,box-shadow]",
769
- "relative",
770
- "pointer-events-none",
771
- "uds-border-radius-full",
772
- "overflow-hidden",
773
- "absolute",
774
- "top-0",
775
- "left-0",
776
- "right-0",
777
- "bottom-0",
778
- "opacity-95",
779
- "group-hover:opacity-100",
780
- "transition-[background-color,box-shadow,opacity]",
781
- "opacity-0",
782
- "top-1/2",
783
- "left-1/2",
784
- "transform",
785
- "translate-x-[-50%]",
786
- "translate-y-[-50%]",
787
- "transition-opacity",
788
- "cursor-[inherit]",
789
- "w-[calc(100%+2px)]",
790
- "h-[calc(100%+2px)]",
791
- "text-start",
792
- "text-end",
793
- "opacity-100"
794
- ],
795
- "internalComponents": [
796
- "IconSlot",
797
- "Box",
798
- "FormLabel",
799
- "SpringMotionConfig",
800
- "RootElement",
801
- "MotionBox"
802
- ],
803
- "internalComponentProps": {
804
- "IconSlot": { "data-testid": ["on-icon", "off-icon"] },
805
- "FormLabel": {
806
- "as": ["div"],
807
- "variant": ["inherit"],
808
- "color": ["inherit"]
809
- },
810
- "RootElement": { "data-testid": ["container"] }
811
- },
812
- "propToVariantKeys": {
813
- "size": [
814
- "switchSizeRoot",
815
- "switchSizeSwitch",
816
- "switchSizeHandle",
817
- "switchSizeHandleIcon"
818
- ],
819
- "onIcon": ["icon"],
820
- "offIcon": ["icon"],
821
- "reduceMotion": ["reducedMotion"]
822
- },
823
- "runtimeConfigDefaultProps": {},
824
- "runtimeConfigGetStyles": {},
825
- "runtimeConfigInternalComponentProps": {},
826
- "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
827
- };
828
829
  var Accordion = {
829
830
  "name": "Accordion",
830
831
  "defaultProps": {
@@ -876,19 +877,6 @@ var Accordion = {
876
877
  "runtimeConfigInternalComponentProps": {},
877
878
  "motionVarPrefixes": ["--uds-motion-smooth-3-"]
878
879
  };
879
- var AvoidMotionLibraryProvider = {
880
- "name": "AvoidMotionLibraryProvider",
881
- "defaultProps": {},
882
- "getStylesLiterals": {},
883
- "cxLiterals": [],
884
- "internalComponents": [],
885
- "internalComponentProps": {},
886
- "propToVariantKeys": {},
887
- "runtimeConfigDefaultProps": {},
888
- "runtimeConfigGetStyles": {},
889
- "runtimeConfigInternalComponentProps": {},
890
- "motionVarPrefixes": []
891
- };
892
880
  var Modal = {
893
881
  "name": "Modal",
894
882
  "defaultProps": {},
@@ -948,6 +936,19 @@ var Modal = {
948
936
  "runtimeConfigInternalComponentProps": {},
949
937
  "motionVarPrefixes": []
950
938
  };
939
+ var AvoidMotionLibraryProvider = {
940
+ "name": "AvoidMotionLibraryProvider",
941
+ "defaultProps": {},
942
+ "getStylesLiterals": {},
943
+ "cxLiterals": [],
944
+ "internalComponents": [],
945
+ "internalComponentProps": {},
946
+ "propToVariantKeys": {},
947
+ "runtimeConfigDefaultProps": {},
948
+ "runtimeConfigGetStyles": {},
949
+ "runtimeConfigInternalComponentProps": {},
950
+ "motionVarPrefixes": []
951
+ };
951
952
  var SegmentedControl = {
952
953
  "name": "SegmentedControl",
953
954
  "defaultProps": { "textVariant": "label2" },
@@ -1105,12 +1106,12 @@ var SwitchV2 = {
1105
1106
  "runtimeConfigInternalComponentProps": {},
1106
1107
  "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
1107
1108
  };
1108
- var Avatar = {
1109
- "name": "Avatar",
1109
+ var UDSToastConfigProvider = {
1110
+ "name": "UDSToastConfigProvider",
1110
1111
  "defaultProps": {},
1111
1112
  "getStylesLiterals": {},
1112
1113
  "cxLiterals": [],
1113
- "internalComponents": ["AvatarImage"],
1114
+ "internalComponents": ["ToastContext.Provider"],
1114
1115
  "internalComponentProps": {},
1115
1116
  "propToVariantKeys": {},
1116
1117
  "runtimeConfigDefaultProps": {},
@@ -1118,134 +1119,132 @@ var Avatar = {
1118
1119
  "runtimeConfigInternalComponentProps": {},
1119
1120
  "motionVarPrefixes": []
1120
1121
  };
1121
- var AvatarIcon = {
1122
- "name": "AvatarIcon",
1123
- "defaultProps": {
1124
- "size": "md",
1125
- "variant": "primary"
1126
- },
1122
+ var ToastPortal = {
1123
+ "name": "ToastPortal",
1124
+ "defaultProps": {},
1127
1125
  "getStylesLiterals": {},
1128
- "cxLiterals": [
1129
- "overflow-hidden",
1130
- "w-full",
1131
- "h-full",
1132
- "shrink-0",
1133
- "text-center",
1134
- "inline-flex",
1135
- "justify-center",
1136
- "items-center"
1137
- ],
1138
- "internalComponents": ["IconSlot", "Box"],
1126
+ "cxLiterals": [],
1127
+ "internalComponents": ["ReactToastifyToastContainer"],
1139
1128
  "internalComponentProps": {},
1140
- "propToVariantKeys": { "size": ["avatarSizeIcon"] },
1141
- "runtimeConfigDefaultProps": {},
1129
+ "propToVariantKeys": {},
1130
+ "runtimeConfigDefaultProps": {
1131
+ "size": "toast.defaultSize",
1132
+ "variant": "toast.defaultVariant"
1133
+ },
1142
1134
  "runtimeConfigGetStyles": {},
1143
- "runtimeConfigInternalComponentProps": {},
1135
+ "runtimeConfigInternalComponentProps": { "ReactToastifyToastContainer": { "autoClose": ["toast.autoClose"] } },
1144
1136
  "motionVarPrefixes": []
1145
1137
  };
1146
- var AvatarImage = {
1147
- "name": "AvatarImage",
1148
- "defaultProps": {
1149
- "size": "md",
1150
- "variant": "primary"
1138
+ var Toast = {
1139
+ "name": "Toast",
1140
+ "defaultProps": {},
1141
+ "getStylesLiterals": {
1142
+ "className": "animate-spin",
1143
+ "className:1": "flex-none",
1144
+ "spacing": "2",
1145
+ "borderRadius": "full"
1151
1146
  },
1152
- "getStylesLiterals": {},
1153
1147
  "cxLiterals": [
1154
- "overflow-hidden",
1155
- "w-full",
1156
- "h-full",
1157
- "shrink-0",
1158
- "text-center",
1159
- "inline-flex",
1160
- "justify-center",
1161
- "items-center",
1162
- "object-cover"
1148
+ "duration-0",
1149
+ "duration-120",
1150
+ "transition-[background-color]",
1151
+ "bg-carbon-15/0",
1152
+ "hover:bg-carbon-15/10",
1153
+ "active:bg-carbon-15/15",
1154
+ "uds-ring"
1163
1155
  ],
1164
1156
  "internalComponents": [
1165
- "UDSImage",
1166
- "AvatarText",
1167
- "AvatarIcon",
1168
- "Box"
1157
+ "IconSlot",
1158
+ "ToastContainer",
1159
+ "Text",
1160
+ "Button",
1161
+ "Pressable"
1169
1162
  ],
1170
1163
  "internalComponentProps": {},
1171
1164
  "propToVariantKeys": {
1172
- "alt": ["name"],
1173
- "fallback": ["initials"]
1165
+ "size": [
1166
+ "toastSizeLabel",
1167
+ "toastSizeIcon",
1168
+ "toastSizeActionButton",
1169
+ "toastSizeCloseIcon"
1170
+ ],
1171
+ "variant": [
1172
+ "toastVariantIcon",
1173
+ "toastVariantActionButton",
1174
+ "toastVariantCloseIcon"
1175
+ ],
1176
+ "closeIcon": ["icon"],
1177
+ "onClickActionButton": ["onClick"]
1174
1178
  },
1175
- "runtimeConfigDefaultProps": {},
1176
- "runtimeConfigGetStyles": {},
1177
- "runtimeConfigInternalComponentProps": {},
1178
- "motionVarPrefixes": []
1179
- };
1180
- var AvatarText = {
1181
- "name": "AvatarText",
1182
- "defaultProps": {
1183
- "size": "md",
1184
- "variant": "primary"
1179
+ "runtimeConfigDefaultProps": {
1180
+ "size": "toast.defaultSize",
1181
+ "variant": "toast.defaultVariant"
1185
1182
  },
1186
- "getStylesLiterals": {},
1187
- "cxLiterals": [
1188
- "overflow-hidden",
1189
- "truncate",
1190
- "w-full",
1191
- "h-full",
1192
- "shrink-0",
1193
- "text-center",
1194
- "inline-flex",
1195
- "justify-center",
1196
- "items-center"
1197
- ],
1198
- "internalComponents": ["Box", "Text"],
1199
- "internalComponentProps": { "Text": {
1200
- "color": ["inherit"],
1201
- "variant": ["inherit"]
1183
+ "runtimeConfigGetStyles": {
1184
+ "toastSizeLabel": ["toast.defaultSize"],
1185
+ "toastVariantIcon": ["toast.defaultVariant"],
1186
+ "toastSizeIcon": ["toast.defaultSize"],
1187
+ "toastSizeActionButton": ["toast.defaultSize"],
1188
+ "toastVariantActionButton": ["toast.defaultVariant"],
1189
+ "toastVariantCloseIcon": ["toast.defaultVariant"],
1190
+ "toastSizeCloseIcon": ["toast.defaultSize"]
1191
+ },
1192
+ "runtimeConfigInternalComponentProps": {
1193
+ "ToastContainer": {
1194
+ "size": ["toast.defaultSize"],
1195
+ "variant": ["toast.defaultVariant"]
1196
+ },
1197
+ "Text": {
1198
+ "variant": ["toast.textVariant.${size}"],
1199
+ "color": ["toast.textColor.${variant}"]
1200
+ },
1201
+ "Button": {
1202
+ "size": ["toast.buttonSize.${size}"],
1203
+ "variant": ["toast.buttonVariant.${variant}"]
1204
+ }
1205
+ },
1206
+ "motionVarPrefixes": []
1207
+ };
1208
+ var ToastContainer = {
1209
+ "name": "ToastContainer",
1210
+ "defaultProps": {},
1211
+ "getStylesLiterals": {
1212
+ "position": "relative",
1213
+ "alignItems": "center",
1214
+ "display": "flex",
1215
+ "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
1216
+ },
1217
+ "cxLiterals": ["w-full"],
1218
+ "internalComponents": ["HStack"],
1219
+ "internalComponentProps": { "HStack": {
1220
+ "alignItems": ["center"],
1221
+ "justifyContent": ["space-between"],
1222
+ "overflow": ["hidden"],
1223
+ "position": ["relative"]
1202
1224
  } },
1203
- "propToVariantKeys": {},
1204
- "runtimeConfigDefaultProps": {},
1205
- "runtimeConfigGetStyles": {},
1206
- "runtimeConfigInternalComponentProps": {},
1225
+ "propToVariantKeys": {
1226
+ "variant": ["toastVariantRoot"],
1227
+ "size": ["toastSizeRoot"]
1228
+ },
1229
+ "runtimeConfigDefaultProps": {
1230
+ "size": "toast.defaultSize",
1231
+ "variant": "toast.defaultVariant"
1232
+ },
1233
+ "runtimeConfigGetStyles": {
1234
+ "toastVariantRoot": ["toast.defaultVariant"],
1235
+ "toastSizeRoot": ["toast.defaultSize"]
1236
+ },
1237
+ "runtimeConfigInternalComponentProps": { "HStack": { "backgroundColor": ["toast.backgroundColor.${variant}"] } },
1207
1238
  "motionVarPrefixes": []
1208
1239
  };
1209
- var BottomSheet = {
1210
- "name": "BottomSheet",
1211
- "defaultProps": { "variant": "default" },
1240
+ var BottomSheetInternalContext = {
1241
+ "name": "BottomSheetInternalContext",
1242
+ "defaultProps": {},
1212
1243
  "getStylesLiterals": {},
1213
- "cxLiterals": [
1214
- "fixed",
1215
- "overflow-hidden",
1216
- "inset-x-0",
1217
- "bottom-0",
1218
- "z-50",
1219
- "[will-change:transform]",
1220
- "touch-none",
1221
- "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
1222
- "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
1223
- "transition-transform",
1224
- "duration-500",
1225
- "ease-[cubic-bezier(0.32,0.72,0,1)]",
1226
- "motion-reduce:transition-none",
1227
- "top-[-4px]",
1228
- "z-[1]",
1229
- "touch-pan-y"
1230
- ],
1231
- "internalComponents": [
1232
- "Scrim",
1233
- "BottomSheetHandle",
1234
- "Dialog",
1235
- "Box",
1236
- "BottomSheetInternalContext.Provider"
1237
- ],
1238
- "internalComponentProps": {
1239
- "BottomSheetHandle": { "ariaLabel": ["Resize sheet"] },
1240
- "Dialog": { "data-testid": ["bottom-sheet"] },
1241
- "Box": {
1242
- "display": ["block", "flex"],
1243
- "position": ["absolute"],
1244
- "flexDirection": ["column"],
1245
- "className": ["absolute inset-0 min-h-0 p-[inherit]"]
1246
- }
1247
- },
1248
- "propToVariantKeys": { "variant": ["bottomsheetVariantRoot"] },
1244
+ "cxLiterals": [],
1245
+ "internalComponents": [],
1246
+ "internalComponentProps": {},
1247
+ "propToVariantKeys": {},
1249
1248
  "runtimeConfigDefaultProps": {},
1250
1249
  "runtimeConfigGetStyles": {},
1251
1250
  "runtimeConfigInternalComponentProps": {},
@@ -1270,19 +1269,6 @@ var BottomSheetContent = {
1270
1269
  "runtimeConfigInternalComponentProps": {},
1271
1270
  "motionVarPrefixes": []
1272
1271
  };
1273
- var BottomSheetDismiss = {
1274
- "name": "BottomSheetDismiss",
1275
- "defaultProps": {},
1276
- "getStylesLiterals": {},
1277
- "cxLiterals": [],
1278
- "internalComponents": ["AriakitDialogDismiss"],
1279
- "internalComponentProps": {},
1280
- "propToVariantKeys": {},
1281
- "runtimeConfigDefaultProps": {},
1282
- "runtimeConfigGetStyles": {},
1283
- "runtimeConfigInternalComponentProps": {},
1284
- "motionVarPrefixes": []
1285
- };
1286
1272
  var BottomSheetHandle = {
1287
1273
  "name": "BottomSheetHandle",
1288
1274
  "defaultProps": { "variant": "default" },
@@ -1314,6 +1300,51 @@ var BottomSheetHandle = {
1314
1300
  "runtimeConfigInternalComponentProps": {},
1315
1301
  "motionVarPrefixes": []
1316
1302
  };
1303
+ var BottomSheet = {
1304
+ "name": "BottomSheet",
1305
+ "defaultProps": { "variant": "default" },
1306
+ "getStylesLiterals": {},
1307
+ "cxLiterals": [
1308
+ "fixed",
1309
+ "overflow-hidden",
1310
+ "inset-x-0",
1311
+ "bottom-0",
1312
+ "z-50",
1313
+ "[will-change:transform]",
1314
+ "touch-none",
1315
+ "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
1316
+ "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
1317
+ "transition-transform",
1318
+ "duration-500",
1319
+ "ease-[cubic-bezier(0.32,0.72,0,1)]",
1320
+ "motion-reduce:transition-none",
1321
+ "top-[-4px]",
1322
+ "z-[1]",
1323
+ "touch-pan-y"
1324
+ ],
1325
+ "internalComponents": [
1326
+ "Scrim",
1327
+ "BottomSheetHandle",
1328
+ "Dialog",
1329
+ "Box",
1330
+ "BottomSheetInternalContext.Provider"
1331
+ ],
1332
+ "internalComponentProps": {
1333
+ "BottomSheetHandle": { "ariaLabel": ["Resize sheet"] },
1334
+ "Dialog": { "data-testid": ["bottom-sheet"] },
1335
+ "Box": {
1336
+ "display": ["block", "flex"],
1337
+ "position": ["absolute"],
1338
+ "flexDirection": ["column"],
1339
+ "className": ["absolute inset-0 min-h-0 p-[inherit]"]
1340
+ }
1341
+ },
1342
+ "propToVariantKeys": { "variant": ["bottomsheetVariantRoot"] },
1343
+ "runtimeConfigDefaultProps": {},
1344
+ "runtimeConfigGetStyles": {},
1345
+ "runtimeConfigInternalComponentProps": {},
1346
+ "motionVarPrefixes": []
1347
+ };
1317
1348
  var BottomSheetHeader = {
1318
1349
  "name": "BottomSheetHeader",
1319
1350
  "defaultProps": { "variant": "default" },
@@ -1345,12 +1376,12 @@ var BottomSheetHeader = {
1345
1376
  "runtimeConfigInternalComponentProps": {},
1346
1377
  "motionVarPrefixes": []
1347
1378
  };
1348
- var BottomSheetInternalContext = {
1349
- "name": "BottomSheetInternalContext",
1379
+ var BottomSheetTrigger = {
1380
+ "name": "BottomSheetTrigger",
1350
1381
  "defaultProps": {},
1351
1382
  "getStylesLiterals": {},
1352
1383
  "cxLiterals": [],
1353
- "internalComponents": [],
1384
+ "internalComponents": ["AriakitDialogDisclosure"],
1354
1385
  "internalComponentProps": {},
1355
1386
  "propToVariantKeys": {},
1356
1387
  "runtimeConfigDefaultProps": {},
@@ -1358,12 +1389,12 @@ var BottomSheetInternalContext = {
1358
1389
  "runtimeConfigInternalComponentProps": {},
1359
1390
  "motionVarPrefixes": []
1360
1391
  };
1361
- var BottomSheetProvider = {
1362
- "name": "BottomSheetProvider",
1392
+ var UDSBottomSheetConfigProvider = {
1393
+ "name": "UDSBottomSheetConfigProvider",
1363
1394
  "defaultProps": {},
1364
1395
  "getStylesLiterals": {},
1365
1396
  "cxLiterals": [],
1366
- "internalComponents": ["AriakitDialogProvider"],
1397
+ "internalComponents": ["BottomSheetContext.Provider"],
1367
1398
  "internalComponentProps": {},
1368
1399
  "propToVariantKeys": {},
1369
1400
  "runtimeConfigDefaultProps": {},
@@ -1371,12 +1402,12 @@ var BottomSheetProvider = {
1371
1402
  "runtimeConfigInternalComponentProps": {},
1372
1403
  "motionVarPrefixes": []
1373
1404
  };
1374
- var BottomSheetTrigger = {
1375
- "name": "BottomSheetTrigger",
1405
+ var BottomSheetDismiss = {
1406
+ "name": "BottomSheetDismiss",
1376
1407
  "defaultProps": {},
1377
1408
  "getStylesLiterals": {},
1378
1409
  "cxLiterals": [],
1379
- "internalComponents": ["AriakitDialogDisclosure"],
1410
+ "internalComponents": ["AriakitDialogDismiss"],
1380
1411
  "internalComponentProps": {},
1381
1412
  "propToVariantKeys": {},
1382
1413
  "runtimeConfigDefaultProps": {},
@@ -1384,12 +1415,12 @@ var BottomSheetTrigger = {
1384
1415
  "runtimeConfigInternalComponentProps": {},
1385
1416
  "motionVarPrefixes": []
1386
1417
  };
1387
- var UDSBottomSheetConfigProvider = {
1388
- "name": "UDSBottomSheetConfigProvider",
1418
+ var BottomSheetProvider = {
1419
+ "name": "BottomSheetProvider",
1389
1420
  "defaultProps": {},
1390
1421
  "getStylesLiterals": {},
1391
1422
  "cxLiterals": [],
1392
- "internalComponents": ["BottomSheetContext.Provider"],
1423
+ "internalComponents": ["AriakitDialogProvider"],
1393
1424
  "internalComponentProps": {},
1394
1425
  "propToVariantKeys": {},
1395
1426
  "runtimeConfigDefaultProps": {},
@@ -1397,148 +1428,58 @@ var UDSBottomSheetConfigProvider = {
1397
1428
  "runtimeConfigInternalComponentProps": {},
1398
1429
  "motionVarPrefixes": []
1399
1430
  };
1400
- var Input = {
1401
- "name": "Input",
1431
+ var ChipLink = {
1432
+ "name": "ChipLink",
1433
+ "defaultProps": { "variant": "primary" },
1434
+ "getStylesLiterals": {},
1435
+ "cxLiterals": ["uds-ring"],
1436
+ "internalComponents": ["ChipBase"],
1437
+ "internalComponentProps": { "ChipBase": { "as": ["a"] } },
1438
+ "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1439
+ "runtimeConfigDefaultProps": {},
1440
+ "runtimeConfigGetStyles": {},
1441
+ "runtimeConfigInternalComponentProps": {},
1442
+ "motionVarPrefixes": []
1443
+ };
1444
+ var ChipDismissible = {
1445
+ "name": "ChipDismissible",
1446
+ "defaultProps": { "variant": "primary" },
1447
+ "getStylesLiterals": {},
1448
+ "cxLiterals": [
1449
+ "uds-chip-dismissible-button",
1450
+ "uds-hit-target",
1451
+ "uds-ring",
1452
+ "rounded-full"
1453
+ ],
1454
+ "internalComponents": [
1455
+ "ChipBase",
1456
+ "IconSlot",
1457
+ "Pressable"
1458
+ ],
1459
+ "internalComponentProps": {},
1460
+ "propToVariantKeys": {
1461
+ "variant": ["chipDismissibleVariantRoot", "chipDismissibleVariantIcon"],
1462
+ "dismissButtonAriaLabel": ["aria-label"]
1463
+ },
1464
+ "runtimeConfigDefaultProps": {},
1465
+ "runtimeConfigGetStyles": {},
1466
+ "runtimeConfigInternalComponentProps": {},
1467
+ "motionVarPrefixes": []
1468
+ };
1469
+ var ChipToggle = {
1470
+ "name": "ChipToggle",
1402
1471
  "defaultProps": {
1403
- "type": "text",
1404
- "size": "md",
1405
- "width": "full"
1472
+ "variant": "primary",
1473
+ "role": "checkbox"
1406
1474
  },
1407
1475
  "getStylesLiterals": {
1408
- "inputVariantRoot": "default",
1409
- "inputVariantValueRoot": "empty",
1410
- "inputVariantValueRoot:1": "filled",
1411
- "inputVariantInputWrapper": "default",
1412
- "inputVariantValueInputWrapper": "empty",
1413
- "inputVariantValueInputWrapper:1": "filled",
1414
- "inputVariantInput": "default",
1415
- "inputVariantValueInput": "empty",
1416
- "inputVariantValueInput:1": "filled",
1417
- "inputVariantInputPlaceholder": "default",
1418
- "inputVariantValueInputPlaceholder": "empty",
1419
- "inputVariantValueInputPlaceholder:1": "filled",
1420
- "inputVariantLabel": "default",
1421
- "inputVariantValueLabel": "empty",
1422
- "inputVariantValueLabel:1": "filled",
1423
- "inputVariantLabelRequired": "default",
1424
- "inputVariantValueLabelRequired": "empty",
1425
- "inputVariantValueLabelRequired:1": "filled",
1426
- "inputVariantStartIcon": "default",
1427
- "inputVariantValueStartIcon": "empty",
1428
- "inputVariantValueStartIcon:1": "filled",
1429
- "inputVariantEndIcon": "default",
1430
- "inputVariantValueEndIcon": "empty",
1431
- "inputVariantValueEndIcon:1": "filled"
1432
- },
1433
- "cxLiterals": [
1434
- "opacity-50",
1435
- "min-w-[200px]",
1436
- "grow",
1437
- "uds-hit-target",
1438
- "bg-clip-text",
1439
- "focus:outline-none",
1440
- "cursor-text",
1441
- "cursor-not-allowed"
1442
- ],
1443
- "internalComponents": [
1444
- "IconSlot",
1445
- "StartIcon",
1446
- "EndIcon",
1447
- "HelpTextContent",
1448
- "Box",
1449
- "InputHelpTextInternal",
1450
- "VStack",
1451
- "HStack",
1452
- "AnimateHeightChange"
1453
- ],
1454
- "internalComponentProps": {
1455
- "HelpTextContent": { "spacingTop": ["2"] },
1456
- "Box": {
1457
- "spacingBottom": ["2"],
1458
- "columnGap": ["0.5"],
1459
- "alignItems": ["flex-end", "center"],
1460
- "position": ["relative"]
1461
- },
1462
- "HStack": {
1463
- "alignItems": ["center"],
1464
- "gap": ["1"]
1465
- }
1466
- },
1467
- "propToVariantKeys": {
1468
- "size": [
1469
- "inputSizeRoot",
1470
- "inputSizeInputWrapper",
1471
- "inputSizeInput",
1472
- "inputSizeLabel",
1473
- "inputSizeStartIcon",
1474
- "inputSizeEndIcon"
1475
- ],
1476
- "startIcon": ["icon"],
1477
- "endIcon": ["icon"],
1478
- "helperTextIcon": ["startIcon"]
1479
- },
1480
- "runtimeConfigDefaultProps": {},
1481
- "runtimeConfigGetStyles": {},
1482
- "runtimeConfigInternalComponentProps": {},
1483
- "motionVarPrefixes": []
1484
- };
1485
- var InputHelpText = {
1486
- "name": "InputHelpText",
1487
- "defaultProps": { "size": "md" },
1488
- "getStylesLiterals": {
1489
- "inputVariantRoot": "default",
1490
- "inputVariantValueRoot": "empty",
1491
- "inputVariantValueRoot:1": "filled"
1492
- },
1493
- "cxLiterals": [],
1494
- "internalComponents": ["InputHelpTextInternal", "Box"],
1495
- "internalComponentProps": { "Box": { "spacingTop": ["2"] } },
1496
- "propToVariantKeys": { "size": ["inputSizeRoot"] },
1497
- "runtimeConfigDefaultProps": {},
1498
- "runtimeConfigGetStyles": {},
1499
- "runtimeConfigInternalComponentProps": {},
1500
- "motionVarPrefixes": []
1501
- };
1502
- var InputHelpTextInternal = {
1503
- "name": "InputHelpTextInternal",
1504
- "defaultProps": {},
1505
- "getStylesLiterals": {
1506
- "inputVariantHelperText": "default",
1507
- "inputVariantValueHelperText": "empty",
1508
- "inputVariantValueHelperText:1": "filled",
1509
- "inputVariantHelperIcon": "default",
1510
- "inputVariantValueHelperIcon": "empty",
1511
- "inputVariantValueHelperIcon:1": "filled"
1512
- },
1513
- "cxLiterals": [],
1514
- "internalComponents": ["IconSlot", "HStack"],
1515
- "internalComponentProps": { "HStack": {
1516
- "gap": ["1"],
1517
- "alignItems": ["center"]
1518
- } },
1519
- "propToVariantKeys": {
1520
- "size": ["inputSizeHelperText", "inputSizeHelperIcon"],
1521
- "startIcon": ["icon"],
1522
- "endIcon": ["icon"]
1476
+ "chipToggleVariantActiveRoot": "on",
1477
+ "chipToggleVariantActiveRoot:1": "off"
1523
1478
  },
1524
- "runtimeConfigDefaultProps": {},
1525
- "runtimeConfigGetStyles": {},
1526
- "runtimeConfigInternalComponentProps": {},
1527
- "motionVarPrefixes": []
1528
- };
1529
- var Chip = {
1530
- "name": "Chip",
1531
- "defaultProps": {},
1532
- "getStylesLiterals": {},
1533
- "cxLiterals": [],
1534
- "internalComponents": [
1535
- "ChipDismissible",
1536
- "ChipToggle",
1537
- "ChipLink",
1538
- "ChipButton"
1539
- ],
1540
- "internalComponentProps": {},
1541
- "propToVariantKeys": {},
1479
+ "cxLiterals": ["uds-ring"],
1480
+ "internalComponents": ["ChipBase"],
1481
+ "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1482
+ "propToVariantKeys": { "variant": ["chipToggleVariantRoot", "chipToggleVariantIcon"] },
1542
1483
  "runtimeConfigDefaultProps": {},
1543
1484
  "runtimeConfigGetStyles": {},
1544
1485
  "runtimeConfigInternalComponentProps": {},
@@ -1584,149 +1525,97 @@ var ChipBase = {
1584
1525
  "runtimeConfigInternalComponentProps": {},
1585
1526
  "motionVarPrefixes": []
1586
1527
  };
1587
- var ChipButton = {
1588
- "name": "ChipButton",
1589
- "defaultProps": { "variant": "primary" },
1590
- "getStylesLiterals": {},
1591
- "cxLiterals": ["uds-ring"],
1592
- "internalComponents": ["ChipBase"],
1593
- "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1594
- "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1595
- "runtimeConfigDefaultProps": {},
1596
- "runtimeConfigGetStyles": {},
1597
- "runtimeConfigInternalComponentProps": {},
1598
- "motionVarPrefixes": []
1599
- };
1600
- var ChipDismissible = {
1601
- "name": "ChipDismissible",
1602
- "defaultProps": { "variant": "primary" },
1528
+ var Chip = {
1529
+ "name": "Chip",
1530
+ "defaultProps": {},
1603
1531
  "getStylesLiterals": {},
1604
- "cxLiterals": [
1605
- "uds-chip-dismissible-button",
1606
- "uds-hit-target",
1607
- "uds-ring",
1608
- "rounded-full"
1609
- ],
1532
+ "cxLiterals": [],
1610
1533
  "internalComponents": [
1611
- "ChipBase",
1612
- "IconSlot",
1613
- "Pressable"
1534
+ "ChipDismissible",
1535
+ "ChipToggle",
1536
+ "ChipLink",
1537
+ "ChipButton"
1614
1538
  ],
1615
1539
  "internalComponentProps": {},
1616
- "propToVariantKeys": {
1617
- "variant": ["chipDismissibleVariantRoot", "chipDismissibleVariantIcon"],
1618
- "dismissButtonAriaLabel": ["aria-label"]
1619
- },
1540
+ "propToVariantKeys": {},
1620
1541
  "runtimeConfigDefaultProps": {},
1621
1542
  "runtimeConfigGetStyles": {},
1622
1543
  "runtimeConfigInternalComponentProps": {},
1623
1544
  "motionVarPrefixes": []
1624
1545
  };
1625
- var ChipLink = {
1626
- "name": "ChipLink",
1546
+ var ChipButton = {
1547
+ "name": "ChipButton",
1627
1548
  "defaultProps": { "variant": "primary" },
1628
1549
  "getStylesLiterals": {},
1629
1550
  "cxLiterals": ["uds-ring"],
1630
1551
  "internalComponents": ["ChipBase"],
1631
- "internalComponentProps": { "ChipBase": { "as": ["a"] } },
1552
+ "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1632
1553
  "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1633
1554
  "runtimeConfigDefaultProps": {},
1634
1555
  "runtimeConfigGetStyles": {},
1635
1556
  "runtimeConfigInternalComponentProps": {},
1636
1557
  "motionVarPrefixes": []
1637
1558
  };
1638
- var ChipToggle = {
1639
- "name": "ChipToggle",
1559
+ var AvatarText = {
1560
+ "name": "AvatarText",
1640
1561
  "defaultProps": {
1641
- "variant": "primary",
1642
- "role": "checkbox"
1643
- },
1644
- "getStylesLiterals": {
1645
- "chipToggleVariantActiveRoot": "on",
1646
- "chipToggleVariantActiveRoot:1": "off"
1562
+ "size": "md",
1563
+ "variant": "primary"
1647
1564
  },
1648
- "cxLiterals": ["uds-ring"],
1649
- "internalComponents": ["ChipBase"],
1650
- "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1651
- "propToVariantKeys": { "variant": ["chipToggleVariantRoot", "chipToggleVariantIcon"] },
1565
+ "getStylesLiterals": {},
1566
+ "cxLiterals": [
1567
+ "overflow-hidden",
1568
+ "truncate",
1569
+ "w-full",
1570
+ "h-full",
1571
+ "shrink-0",
1572
+ "text-center",
1573
+ "inline-flex",
1574
+ "justify-center",
1575
+ "items-center"
1576
+ ],
1577
+ "internalComponents": ["Box", "Text"],
1578
+ "internalComponentProps": { "Text": {
1579
+ "color": ["inherit"],
1580
+ "variant": ["inherit"]
1581
+ } },
1582
+ "propToVariantKeys": {},
1652
1583
  "runtimeConfigDefaultProps": {},
1653
1584
  "runtimeConfigGetStyles": {},
1654
1585
  "runtimeConfigInternalComponentProps": {},
1655
1586
  "motionVarPrefixes": []
1656
1587
  };
1657
- var Menu_Content = {
1658
- "name": "Menu.Content",
1588
+ var AvatarIcon = {
1589
+ "name": "AvatarIcon",
1659
1590
  "defaultProps": {
1660
- "size": "default",
1661
- "variant": "default",
1662
- "gutter": "1"
1591
+ "size": "md",
1592
+ "variant": "primary"
1663
1593
  },
1664
1594
  "getStylesLiterals": {},
1665
1595
  "cxLiterals": [
1666
- "uds-menu-content",
1667
- "transition-shadow",
1668
- "duration-200",
1669
- "ease-in-out",
1670
- "min-w-60",
1671
- "max-w-lg",
1672
- "max-h-96",
1673
- "overflow-auto",
1674
- "uds-ring",
1675
- "z-10",
1676
- "group"
1677
- ],
1678
- "internalComponents": [
1679
- "AriakitMenu",
1680
- "AnimatePresence",
1681
- "MotionVStack"
1596
+ "overflow-hidden",
1597
+ "w-full",
1598
+ "h-full",
1599
+ "shrink-0",
1600
+ "text-center",
1601
+ "inline-flex",
1602
+ "justify-center",
1603
+ "items-center"
1682
1604
  ],
1605
+ "internalComponents": ["IconSlot", "Box"],
1683
1606
  "internalComponentProps": {},
1684
- "propToVariantKeys": {
1685
- "size": ["menucontentSizeRoot"],
1686
- "variant": ["menucontentVariantRoot"]
1687
- },
1607
+ "propToVariantKeys": { "size": ["avatarSizeIcon"] },
1688
1608
  "runtimeConfigDefaultProps": {},
1689
1609
  "runtimeConfigGetStyles": {},
1690
1610
  "runtimeConfigInternalComponentProps": {},
1691
1611
  "motionVarPrefixes": []
1692
1612
  };
1693
- var Menu_Divider = {
1694
- "name": "Menu.Divider",
1695
- "defaultProps": {
1696
- "role": "separator",
1697
- "contentPosition": "start",
1698
- "gap": "4"
1699
- },
1700
- "getStylesLiterals": {
1701
- "menuitemDividerVariantRoot": "default",
1702
- "menuitemDividerVariantText": "default",
1703
- "menuitemDividerVariantLine": "default"
1704
- },
1705
- "cxLiterals": [],
1706
- "internalComponents": ["DividerInternal"],
1707
- "internalComponentProps": { "DividerInternal": { "variant": ["inherit"] } },
1708
- "propToVariantKeys": {},
1709
- "runtimeConfigDefaultProps": {},
1710
- "runtimeConfigGetStyles": {},
1711
- "runtimeConfigInternalComponentProps": {},
1712
- "motionVarPrefixes": []
1713
- };
1714
- var Menu_Item = {
1715
- "name": "Menu.Item",
1613
+ var Avatar = {
1614
+ "name": "Avatar",
1716
1615
  "defaultProps": {},
1717
- "getStylesLiterals": {
1718
- "menuitemItemVariantRoot": "default",
1719
- "menuitemItemVariantActiveRoot": "on",
1720
- "menuitemItemVariantActiveRoot:1": "off",
1721
- "menuitemItemVariantText": "default",
1722
- "menuitemItemVariantActiveText": "on",
1723
- "menuitemItemVariantActiveText:1": "off",
1724
- "menuitemItemVariantIcon": "default",
1725
- "menuitemItemVariantActiveIcon": "on",
1726
- "menuitemItemVariantActiveIcon:1": "off"
1727
- },
1616
+ "getStylesLiterals": {},
1728
1617
  "cxLiterals": [],
1729
- "internalComponents": ["MenuItemBase"],
1618
+ "internalComponents": ["AvatarImage"],
1730
1619
  "internalComponentProps": {},
1731
1620
  "propToVariantKeys": {},
1732
1621
  "runtimeConfigDefaultProps": {},
@@ -1734,83 +1623,46 @@ var Menu_Item = {
1734
1623
  "runtimeConfigInternalComponentProps": {},
1735
1624
  "motionVarPrefixes": []
1736
1625
  };
1737
- var Menu_ItemBase = {
1738
- "name": "Menu.ItemBase",
1626
+ var AvatarImage = {
1627
+ "name": "AvatarImage",
1739
1628
  "defaultProps": {
1740
- "spacing": "0",
1741
- "spacingHorizontal": "4",
1742
- "spacingVertical": "3.5",
1743
- "columnGap": "2",
1744
- "alignItems": "center",
1745
- "justifyContent": "space-between"
1746
- },
1747
- "getStylesLiterals": {
1748
- "textAlign": "start",
1749
- "menuitemSizeRoot": "default",
1750
- "flexDirection": "row",
1751
- "menuitemSizeStartIcon": "default",
1752
- "menuitemSizeEndIcon": "default"
1629
+ "size": "md",
1630
+ "variant": "primary"
1753
1631
  },
1632
+ "getStylesLiterals": {},
1754
1633
  "cxLiterals": [
1755
- "flex",
1756
- "focus-visible:text-brand",
1757
- "focus-visible:bg-brand-secondary",
1758
- "focus-visible:z-10",
1759
- "uds-ring",
1760
- "!-outline-offset-2",
1761
- "[&:not([aria-checked])]:cursor-default",
1762
- "opacity-25",
1763
- "cursor-not-allowed",
1764
- "duration-20",
1765
- "transition-[font-variation-settings]",
1766
- "ease-in-out",
1767
- "z-0",
1768
- "uds-start-icon",
1769
- "uds-end-icon"
1634
+ "overflow-hidden",
1635
+ "w-full",
1636
+ "h-full",
1637
+ "shrink-0",
1638
+ "text-center",
1639
+ "inline-flex",
1640
+ "justify-center",
1641
+ "items-center",
1642
+ "object-cover"
1770
1643
  ],
1771
1644
  "internalComponents": [
1772
- "Pressable",
1773
- "IconSlot",
1774
- "RootComponent",
1775
- "HStack",
1776
- "AnimatePresence"
1645
+ "UDSImage",
1646
+ "AvatarText",
1647
+ "AvatarIcon",
1648
+ "Box"
1777
1649
  ],
1778
- "internalComponentProps": {
1779
- "HStack": {
1780
- "alignItems": ["center"],
1781
- "width": ["full"]
1782
- },
1783
- "AnimatePresence": { "mode": ["popLayout"] }
1784
- },
1650
+ "internalComponentProps": {},
1785
1651
  "propToVariantKeys": {
1786
- "startIcon": ["icon"],
1787
- "endIcon": ["icon"],
1788
- "columnGap": ["gap"]
1652
+ "alt": ["name"],
1653
+ "fallback": ["initials"]
1789
1654
  },
1790
1655
  "runtimeConfigDefaultProps": {},
1791
1656
  "runtimeConfigGetStyles": {},
1792
1657
  "runtimeConfigInternalComponentProps": {},
1793
1658
  "motionVarPrefixes": []
1794
1659
  };
1795
- var Menu_ItemCheckbox = {
1796
- "name": "Menu.ItemCheckbox",
1660
+ var TabPanel = {
1661
+ "name": "TabPanel",
1797
1662
  "defaultProps": {},
1798
- "getStylesLiterals": {
1799
- "menuitemItemCheckboxVariantRoot": "default",
1800
- "menuitemItemCheckboxVariantActiveRoot": "on",
1801
- "menuitemItemCheckboxVariantActiveRoot:1": "off",
1802
- "menuitemItemCheckboxVariantText": "default",
1803
- "menuitemItemCheckboxVariantActiveText": "on",
1804
- "menuitemItemCheckboxVariantActiveText:1": "off",
1805
- "menuitemItemCheckboxVariantStartIcon": "default",
1806
- "menuitemItemCheckboxVariantActiveStartIcon": "on",
1807
- "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
1808
- "menuitemItemCheckboxVariantEndIcon": "default",
1809
- "menuitemItemCheckboxVariantActiveEndIcon": "on",
1810
- "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
1811
- },
1812
- "cxLiterals": ["uds-menu-item-checkbox"],
1813
- "internalComponents": ["MenuItemBase"],
1663
+ "getStylesLiterals": {},
1664
+ "cxLiterals": [],
1665
+ "internalComponents": ["AriakitTabPanel"],
1814
1666
  "internalComponentProps": {},
1815
1667
  "propToVariantKeys": {},
1816
1668
  "runtimeConfigDefaultProps": {},
@@ -1818,51 +1670,128 @@ var Menu_ItemCheckbox = {
1818
1670
  "runtimeConfigInternalComponentProps": {},
1819
1671
  "motionVarPrefixes": []
1820
1672
  };
1821
- var Menu_Provider = {
1822
- "name": "Menu.Provider",
1823
- "defaultProps": {},
1673
+ var Tabs = {
1674
+ "name": "Tabs",
1675
+ "defaultProps": { "variant": "primary" },
1824
1676
  "getStylesLiterals": {},
1825
1677
  "cxLiterals": [],
1826
- "internalComponents": ["AriakitMenuProvider", "SpringMotionConfig"],
1678
+ "internalComponents": ["TabsContext.Provider", "TabProvider"],
1827
1679
  "internalComponentProps": {},
1828
- "propToVariantKeys": {},
1680
+ "propToVariantKeys": { "onSelectionChange": ["setSelectedId"] },
1829
1681
  "runtimeConfigDefaultProps": {},
1830
1682
  "runtimeConfigGetStyles": {},
1831
1683
  "runtimeConfigInternalComponentProps": {},
1832
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1684
+ "motionVarPrefixes": []
1833
1685
  };
1834
- var Menu_Trigger = {
1835
- "name": "Menu.Trigger",
1836
- "defaultProps": {},
1837
- "getStylesLiterals": {},
1838
- "cxLiterals": ["uds-menu-trigger"],
1839
- "internalComponents": ["AriakitMenuTrigger", "Box"],
1840
- "internalComponentProps": { "Box": { "className": ["uds-ring h-fit w-fit"] } },
1841
- "propToVariantKeys": {},
1686
+ var TabList = {
1687
+ "name": "TabList",
1688
+ "defaultProps": { "variant": "primary" },
1689
+ "getStylesLiterals": {
1690
+ "tabSizeRoot": "default",
1691
+ "tabVariantActiveRoot": "on"
1692
+ },
1693
+ "cxLiterals": [
1694
+ "pointer-events-none",
1695
+ "absolute",
1696
+ "bottom-0",
1697
+ "left-0",
1698
+ "right-0",
1699
+ "h-[var(--uds-tab-underline-width,0px)]",
1700
+ "bg-[var(--uds-tab-underline-color,transparent)]",
1701
+ "transition-[height,background-color]",
1702
+ "duration-[240ms]",
1703
+ "ease-[cubic-bezier(0.2,0,0,1)]",
1704
+ "!m-0",
1705
+ "!p-0",
1706
+ "!gap-0",
1707
+ "box-border",
1708
+ "z-0",
1709
+ "min-w-0",
1710
+ "min-h-0",
1711
+ "flex",
1712
+ "flex-row",
1713
+ "items-center",
1714
+ "overflow-x-auto",
1715
+ "overflow-y-clip",
1716
+ "scrollbar-none",
1717
+ "[overflow-clip-margin:6px]",
1718
+ "overflow-clip",
1719
+ "[overflow-clip-margin:8px]",
1720
+ "relative"
1721
+ ],
1722
+ "internalComponents": ["AriakitTabList"],
1723
+ "internalComponentProps": {},
1724
+ "propToVariantKeys": { "variant": ["tabsVariantRoot", "tabVariantRoot"] },
1842
1725
  "runtimeConfigDefaultProps": {},
1843
1726
  "runtimeConfigGetStyles": {},
1844
1727
  "runtimeConfigInternalComponentProps": {},
1845
1728
  "motionVarPrefixes": []
1846
1729
  };
1847
- var Menu_index = {
1848
- "name": "Menu.index",
1849
- "defaultProps": {},
1850
- "getStylesLiterals": {},
1851
- "cxLiterals": [],
1852
- "internalComponents": [],
1853
- "internalComponentProps": {},
1854
- "propToVariantKeys": {},
1730
+ var Tab = {
1731
+ "name": "Tab",
1732
+ "defaultProps": { "variant": "primary" },
1733
+ "getStylesLiterals": {
1734
+ "tabSizeRoot": "default",
1735
+ "tabVariantActiveRoot": "off",
1736
+ "tabVariantActiveRoot:1": "on",
1737
+ "tabSizeIcon": "default"
1738
+ },
1739
+ "cxLiterals": [
1740
+ "pointer-events-none",
1741
+ "absolute",
1742
+ "bottom-0",
1743
+ "left-0",
1744
+ "right-0",
1745
+ "h-[var(--uds-tab-underline-width,0px)]",
1746
+ "bg-[var(--uds-tab-underline-color,transparent)]",
1747
+ "transition-[height,background-color]",
1748
+ "duration-[240ms]",
1749
+ "ease-[cubic-bezier(0.2,0,0,1)]",
1750
+ "!bg-transparent",
1751
+ "!shadow-none",
1752
+ "inline-flex",
1753
+ "items-center",
1754
+ "shrink-0",
1755
+ "box-border",
1756
+ "relative",
1757
+ "z-[1]",
1758
+ "cursor-pointer",
1759
+ "select-none",
1760
+ "whitespace-nowrap",
1761
+ "uds-ring",
1762
+ "opacity-50",
1763
+ "cursor-default",
1764
+ "border-solid",
1765
+ "border-b-solid",
1766
+ "transition-colors"
1767
+ ],
1768
+ "internalComponents": [
1769
+ "IconSlot",
1770
+ "AriakitTab",
1771
+ "Text"
1772
+ ],
1773
+ "internalComponentProps": { "Text": {
1774
+ "variant": ["inherit"],
1775
+ "as": ["span"],
1776
+ "color": ["current"]
1777
+ } },
1778
+ "propToVariantKeys": {
1779
+ "variant": ["tabVariantRoot", "tabVariantIcon"],
1780
+ "activeState": ["tabVariantActiveIcon"],
1781
+ "startIcon": ["icon"],
1782
+ "endIcon": ["icon"]
1783
+ },
1855
1784
  "runtimeConfigDefaultProps": {},
1856
1785
  "runtimeConfigGetStyles": {},
1857
1786
  "runtimeConfigInternalComponentProps": {},
1858
1787
  "motionVarPrefixes": []
1859
1788
  };
1860
- var Menu = {
1861
- "name": "Menu",
1789
+ var UDSPopoverConfigProvider = {
1790
+ "name": "UDSPopoverConfigProvider",
1862
1791
  "defaultProps": {},
1863
1792
  "getStylesLiterals": {},
1864
1793
  "cxLiterals": [],
1865
- "internalComponents": [],
1794
+ "internalComponents": ["PopoverContext.Provider"],
1866
1795
  "internalComponentProps": {},
1867
1796
  "propToVariantKeys": {},
1868
1797
  "runtimeConfigDefaultProps": {},
@@ -1886,14 +1815,40 @@ var Popover = {
1886
1815
  "runtimeConfigInternalComponentProps": {},
1887
1816
  "motionVarPrefixes": []
1888
1817
  };
1889
- var PopoverContent = {
1890
- "name": "PopoverContent",
1818
+ var PopoverTrigger = {
1819
+ "name": "PopoverTrigger",
1891
1820
  "defaultProps": {},
1892
- "getStylesLiterals": {
1893
- "popoverSizeRoot": "default",
1894
- "popoverVariantRoot": "default",
1895
- "display": "flex",
1896
- "position": "relative",
1821
+ "getStylesLiterals": {},
1822
+ "cxLiterals": [],
1823
+ "internalComponents": ["PopoverDisclosure"],
1824
+ "internalComponentProps": { "PopoverDisclosure": { "className": ["inline"] } },
1825
+ "propToVariantKeys": { "children": ["render"] },
1826
+ "runtimeConfigDefaultProps": {},
1827
+ "runtimeConfigGetStyles": {},
1828
+ "runtimeConfigInternalComponentProps": {},
1829
+ "motionVarPrefixes": []
1830
+ };
1831
+ var PopoverContext = {
1832
+ "name": "PopoverContext",
1833
+ "defaultProps": {},
1834
+ "getStylesLiterals": {},
1835
+ "cxLiterals": [],
1836
+ "internalComponents": [],
1837
+ "internalComponentProps": {},
1838
+ "propToVariantKeys": {},
1839
+ "runtimeConfigDefaultProps": {},
1840
+ "runtimeConfigGetStyles": {},
1841
+ "runtimeConfigInternalComponentProps": {},
1842
+ "motionVarPrefixes": []
1843
+ };
1844
+ var PopoverContent = {
1845
+ "name": "PopoverContent",
1846
+ "defaultProps": {},
1847
+ "getStylesLiterals": {
1848
+ "popoverSizeRoot": "default",
1849
+ "popoverVariantRoot": "default",
1850
+ "display": "flex",
1851
+ "position": "relative",
1897
1852
  "display:1": "block",
1898
1853
  "spacingTop": "0",
1899
1854
  "spacingStart": "0",
@@ -1957,267 +1912,164 @@ var PopoverContent = {
1957
1912
  "runtimeConfigInternalComponentProps": { "SvgFloatingOverlay": { "borderRadius": ["popover.borderRadius.${size}"] } },
1958
1913
  "motionVarPrefixes": []
1959
1914
  };
1960
- var PopoverContext = {
1961
- "name": "PopoverContext",
1962
- "defaultProps": {},
1963
- "getStylesLiterals": {},
1964
- "cxLiterals": [],
1965
- "internalComponents": [],
1966
- "internalComponentProps": {},
1967
- "propToVariantKeys": {},
1968
- "runtimeConfigDefaultProps": {},
1969
- "runtimeConfigGetStyles": {},
1970
- "runtimeConfigInternalComponentProps": {},
1971
- "motionVarPrefixes": []
1972
- };
1973
- var PopoverTrigger = {
1974
- "name": "PopoverTrigger",
1975
- "defaultProps": {},
1976
- "getStylesLiterals": {},
1977
- "cxLiterals": [],
1978
- "internalComponents": ["PopoverDisclosure"],
1979
- "internalComponentProps": { "PopoverDisclosure": { "className": ["inline"] } },
1980
- "propToVariantKeys": { "children": ["render"] },
1981
- "runtimeConfigDefaultProps": {},
1982
- "runtimeConfigGetStyles": {},
1983
- "runtimeConfigInternalComponentProps": {},
1984
- "motionVarPrefixes": []
1985
- };
1986
- var UDSPopoverConfigProvider = {
1987
- "name": "UDSPopoverConfigProvider",
1988
- "defaultProps": {},
1989
- "getStylesLiterals": {},
1990
- "cxLiterals": [],
1991
- "internalComponents": ["PopoverContext.Provider"],
1992
- "internalComponentProps": {},
1993
- "propToVariantKeys": {},
1994
- "runtimeConfigDefaultProps": {},
1995
- "runtimeConfigGetStyles": {},
1996
- "runtimeConfigInternalComponentProps": {},
1997
- "motionVarPrefixes": []
1998
- };
1999
- var Radio = {
2000
- "name": "Radio",
1915
+ var Input = {
1916
+ "name": "Input",
2001
1917
  "defaultProps": {
2002
- "labelPosition": "start",
2003
- "variant": "primary",
1918
+ "type": "text",
2004
1919
  "size": "md",
2005
- "value": ""
1920
+ "width": "full"
2006
1921
  },
2007
1922
  "getStylesLiterals": {
2008
- "radioVariantValueRoot": "checked",
2009
- "radioVariantValueRoot:1": "unchecked",
2010
- "display": "flex",
2011
- "flexDirection": "row",
2012
- "flexDirection:1": "row-reverse",
2013
- "alignItems": "center",
2014
- "radioVariantValueRadio": "checked",
2015
- "radioVariantValueRadio:1": "unchecked",
2016
- "radioVariantValueRadioCircle": "checked",
2017
- "radioVariantValueRadioCircle:1": "unchecked"
1923
+ "inputVariantRoot": "default",
1924
+ "inputVariantValueRoot": "empty",
1925
+ "inputVariantValueRoot:1": "filled",
1926
+ "inputVariantInputWrapper": "default",
1927
+ "inputVariantValueInputWrapper": "empty",
1928
+ "inputVariantValueInputWrapper:1": "filled",
1929
+ "inputVariantInput": "default",
1930
+ "inputVariantValueInput": "empty",
1931
+ "inputVariantValueInput:1": "filled",
1932
+ "inputVariantInputPlaceholder": "default",
1933
+ "inputVariantValueInputPlaceholder": "empty",
1934
+ "inputVariantValueInputPlaceholder:1": "filled",
1935
+ "inputVariantLabel": "default",
1936
+ "inputVariantValueLabel": "empty",
1937
+ "inputVariantValueLabel:1": "filled",
1938
+ "inputVariantLabelRequired": "default",
1939
+ "inputVariantValueLabelRequired": "empty",
1940
+ "inputVariantValueLabelRequired:1": "filled",
1941
+ "inputVariantStartIcon": "default",
1942
+ "inputVariantValueStartIcon": "empty",
1943
+ "inputVariantValueStartIcon:1": "filled",
1944
+ "inputVariantEndIcon": "default",
1945
+ "inputVariantValueEndIcon": "empty",
1946
+ "inputVariantValueEndIcon:1": "filled"
2018
1947
  },
2019
1948
  "cxLiterals": [
2020
- "cursor-pointer",
2021
- "cursor-default",
2022
1949
  "opacity-50",
2023
- "border",
2024
- "uds-ring",
2025
- "uds-ring-within",
2026
- "transition-[background-color,border-color]",
2027
- "transition-shadow",
2028
- "pointer-events-none",
2029
- "w-[8px]",
2030
- "h-[8px]",
2031
- "transition-opacity",
2032
- "cursor-[inherit]",
2033
- "absolute",
2034
- "opacity-0",
2035
- "top-1/2",
2036
- "left-1/2",
2037
- "w-[calc(100%+2px)]",
2038
- "h-[calc(100%+2px)]",
2039
- "transform",
2040
- "translate-x-[-50%]",
2041
- "translate-y-[-50%]",
2042
- "text-start",
2043
- "text-end"
1950
+ "min-w-[200px]",
1951
+ "grow",
1952
+ "uds-hit-target",
1953
+ "bg-clip-text",
1954
+ "focus:outline-none",
1955
+ "cursor-text",
1956
+ "cursor-not-allowed"
2044
1957
  ],
2045
1958
  "internalComponents": [
1959
+ "IconSlot",
1960
+ "StartIcon",
1961
+ "EndIcon",
1962
+ "HelpTextContent",
2046
1963
  "Box",
2047
- "FormLabel",
2048
- "SpringMotionConfig",
2049
- "RootElement",
2050
- "MotionBox"
1964
+ "InputHelpTextInternal",
1965
+ "VStack",
1966
+ "HStack",
1967
+ "AnimateHeightChange"
2051
1968
  ],
2052
1969
  "internalComponentProps": {
2053
- "Box": { "borderRadius": ["full"] },
2054
- "FormLabel": {
2055
- "as": ["div"],
2056
- "variant": ["inherit"],
2057
- "color": ["inherit"]
1970
+ "HelpTextContent": { "spacingTop": ["2"] },
1971
+ "Box": {
1972
+ "spacingBottom": ["2"],
1973
+ "columnGap": ["0.5"],
1974
+ "alignItems": ["flex-end", "center"],
1975
+ "position": ["relative"]
2058
1976
  },
2059
- "RootElement": { "data-testid": ["container"] },
2060
- "MotionBox": {
2061
- "position": ["relative"],
2062
- "borderRadius": ["full"],
1977
+ "HStack": {
2063
1978
  "alignItems": ["center"],
2064
- "justifyContent": ["center"],
2065
- "flex": ["none"]
1979
+ "gap": ["1"]
2066
1980
  }
2067
1981
  },
2068
1982
  "propToVariantKeys": {
2069
- "size": ["radioSizeRoot", "radioSizeRadio"],
2070
- "variant": [
2071
- "radioVariantRoot",
2072
- "radioVariantRadio",
2073
- "radioVariantRadioCircle"
1983
+ "size": [
1984
+ "inputSizeRoot",
1985
+ "inputSizeInputWrapper",
1986
+ "inputSizeInput",
1987
+ "inputSizeLabel",
1988
+ "inputSizeStartIcon",
1989
+ "inputSizeEndIcon"
2074
1990
  ],
2075
- "reduceMotion": ["reducedMotion"]
1991
+ "startIcon": ["icon"],
1992
+ "endIcon": ["icon"],
1993
+ "helperTextIcon": ["startIcon"]
2076
1994
  },
2077
1995
  "runtimeConfigDefaultProps": {},
2078
1996
  "runtimeConfigGetStyles": {},
2079
1997
  "runtimeConfigInternalComponentProps": {},
2080
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1998
+ "motionVarPrefixes": []
2081
1999
  };
2082
- var RadioGroupProvider = {
2083
- "name": "RadioGroupProvider",
2084
- "defaultProps": {},
2085
- "getStylesLiterals": {},
2000
+ var InputHelpText = {
2001
+ "name": "InputHelpText",
2002
+ "defaultProps": { "size": "md" },
2003
+ "getStylesLiterals": {
2004
+ "inputVariantRoot": "default",
2005
+ "inputVariantValueRoot": "empty",
2006
+ "inputVariantValueRoot:1": "filled"
2007
+ },
2086
2008
  "cxLiterals": [],
2087
- "internalComponents": [
2088
- "DivProps",
2089
- "Comp",
2090
- "RadioGroupContext.Provider"
2091
- ],
2092
- "internalComponentProps": { "Comp": { "role": ["radiogroup"] } },
2093
- "propToVariantKeys": {},
2009
+ "internalComponents": ["InputHelpTextInternal", "Box"],
2010
+ "internalComponentProps": { "Box": { "spacingTop": ["2"] } },
2011
+ "propToVariantKeys": { "size": ["inputSizeRoot"] },
2094
2012
  "runtimeConfigDefaultProps": {},
2095
2013
  "runtimeConfigGetStyles": {},
2096
2014
  "runtimeConfigInternalComponentProps": {},
2097
2015
  "motionVarPrefixes": []
2098
2016
  };
2099
- var RadioGroupStore = {
2100
- "name": "RadioGroupStore",
2017
+ var InputHelpTextInternal = {
2018
+ "name": "InputHelpTextInternal",
2101
2019
  "defaultProps": {},
2102
- "getStylesLiterals": {},
2020
+ "getStylesLiterals": {
2021
+ "inputVariantHelperText": "default",
2022
+ "inputVariantValueHelperText": "empty",
2023
+ "inputVariantValueHelperText:1": "filled",
2024
+ "inputVariantHelperIcon": "default",
2025
+ "inputVariantValueHelperIcon": "empty",
2026
+ "inputVariantValueHelperIcon:1": "filled"
2027
+ },
2103
2028
  "cxLiterals": [],
2104
- "internalComponents": [],
2105
- "internalComponentProps": {},
2106
- "propToVariantKeys": {},
2029
+ "internalComponents": ["IconSlot", "HStack"],
2030
+ "internalComponentProps": { "HStack": {
2031
+ "gap": ["1"],
2032
+ "alignItems": ["center"]
2033
+ } },
2034
+ "propToVariantKeys": {
2035
+ "size": ["inputSizeHelperText", "inputSizeHelperIcon"],
2036
+ "startIcon": ["icon"],
2037
+ "endIcon": ["icon"]
2038
+ },
2107
2039
  "runtimeConfigDefaultProps": {},
2108
2040
  "runtimeConfigGetStyles": {},
2109
2041
  "runtimeConfigInternalComponentProps": {},
2110
2042
  "motionVarPrefixes": []
2111
2043
  };
2112
- var Tab = {
2113
- "name": "Tab",
2114
- "defaultProps": { "variant": "primary" },
2044
+ var Menu_Item = {
2045
+ "name": "Menu.Item",
2046
+ "defaultProps": {},
2115
2047
  "getStylesLiterals": {
2116
- "tabSizeRoot": "default",
2117
- "tabVariantActiveRoot": "off",
2118
- "tabVariantActiveRoot:1": "on",
2119
- "tabSizeIcon": "default"
2120
- },
2121
- "cxLiterals": [
2122
- "pointer-events-none",
2123
- "absolute",
2124
- "bottom-0",
2125
- "left-0",
2126
- "right-0",
2127
- "h-[var(--uds-tab-underline-width,0px)]",
2128
- "bg-[var(--uds-tab-underline-color,transparent)]",
2129
- "transition-[height,background-color]",
2130
- "duration-[240ms]",
2131
- "ease-[cubic-bezier(0.2,0,0,1)]",
2132
- "!bg-transparent",
2133
- "!shadow-none",
2134
- "inline-flex",
2135
- "items-center",
2136
- "shrink-0",
2137
- "box-border",
2138
- "relative",
2139
- "z-[1]",
2140
- "cursor-pointer",
2141
- "select-none",
2142
- "whitespace-nowrap",
2143
- "uds-ring",
2144
- "opacity-50",
2145
- "cursor-default",
2146
- "border-solid",
2147
- "border-b-solid",
2148
- "transition-colors"
2149
- ],
2150
- "internalComponents": [
2151
- "IconSlot",
2152
- "AriakitTab",
2153
- "Text"
2154
- ],
2155
- "internalComponentProps": { "Text": {
2156
- "variant": ["inherit"],
2157
- "as": ["span"],
2158
- "color": ["current"]
2159
- } },
2160
- "propToVariantKeys": {
2161
- "variant": ["tabVariantRoot", "tabVariantIcon"],
2162
- "activeState": ["tabVariantActiveIcon"],
2163
- "startIcon": ["icon"],
2164
- "endIcon": ["icon"]
2165
- },
2166
- "runtimeConfigDefaultProps": {},
2167
- "runtimeConfigGetStyles": {},
2168
- "runtimeConfigInternalComponentProps": {},
2169
- "motionVarPrefixes": []
2170
- };
2171
- var TabList = {
2172
- "name": "TabList",
2173
- "defaultProps": { "variant": "primary" },
2174
- "getStylesLiterals": {
2175
- "tabSizeRoot": "default",
2176
- "tabVariantActiveRoot": "on"
2048
+ "menuitemItemVariantRoot": "default",
2049
+ "menuitemItemVariantActiveRoot": "on",
2050
+ "menuitemItemVariantActiveRoot:1": "off",
2051
+ "menuitemItemVariantText": "default",
2052
+ "menuitemItemVariantActiveText": "on",
2053
+ "menuitemItemVariantActiveText:1": "off",
2054
+ "menuitemItemVariantIcon": "default",
2055
+ "menuitemItemVariantActiveIcon": "on",
2056
+ "menuitemItemVariantActiveIcon:1": "off"
2177
2057
  },
2178
- "cxLiterals": [
2179
- "pointer-events-none",
2180
- "absolute",
2181
- "bottom-0",
2182
- "left-0",
2183
- "right-0",
2184
- "h-[var(--uds-tab-underline-width,0px)]",
2185
- "bg-[var(--uds-tab-underline-color,transparent)]",
2186
- "transition-[height,background-color]",
2187
- "duration-[240ms]",
2188
- "ease-[cubic-bezier(0.2,0,0,1)]",
2189
- "!m-0",
2190
- "!p-0",
2191
- "!gap-0",
2192
- "box-border",
2193
- "z-0",
2194
- "min-w-0",
2195
- "min-h-0",
2196
- "flex",
2197
- "flex-row",
2198
- "items-center",
2199
- "overflow-x-auto",
2200
- "overflow-y-clip",
2201
- "scrollbar-none",
2202
- "[overflow-clip-margin:6px]",
2203
- "overflow-clip",
2204
- "[overflow-clip-margin:8px]",
2205
- "relative"
2206
- ],
2207
- "internalComponents": ["AriakitTabList"],
2058
+ "cxLiterals": [],
2059
+ "internalComponents": ["MenuItemBase"],
2208
2060
  "internalComponentProps": {},
2209
- "propToVariantKeys": { "variant": ["tabsVariantRoot", "tabVariantRoot"] },
2061
+ "propToVariantKeys": {},
2210
2062
  "runtimeConfigDefaultProps": {},
2211
2063
  "runtimeConfigGetStyles": {},
2212
2064
  "runtimeConfigInternalComponentProps": {},
2213
2065
  "motionVarPrefixes": []
2214
2066
  };
2215
- var TabPanel = {
2216
- "name": "TabPanel",
2067
+ var Menu_index = {
2068
+ "name": "Menu.index",
2217
2069
  "defaultProps": {},
2218
2070
  "getStylesLiterals": {},
2219
2071
  "cxLiterals": [],
2220
- "internalComponents": ["AriakitTabPanel"],
2072
+ "internalComponents": [],
2221
2073
  "internalComponentProps": {},
2222
2074
  "propToVariantKeys": {},
2223
2075
  "runtimeConfigDefaultProps": {},
@@ -2225,143 +2077,211 @@ var TabPanel = {
2225
2077
  "runtimeConfigInternalComponentProps": {},
2226
2078
  "motionVarPrefixes": []
2227
2079
  };
2228
- var Tabs = {
2229
- "name": "Tabs",
2230
- "defaultProps": { "variant": "primary" },
2080
+ var Menu = {
2081
+ "name": "Menu",
2082
+ "defaultProps": {},
2231
2083
  "getStylesLiterals": {},
2232
2084
  "cxLiterals": [],
2233
- "internalComponents": ["TabsContext.Provider", "TabProvider"],
2085
+ "internalComponents": [],
2234
2086
  "internalComponentProps": {},
2235
- "propToVariantKeys": { "onSelectionChange": ["setSelectedId"] },
2087
+ "propToVariantKeys": {},
2236
2088
  "runtimeConfigDefaultProps": {},
2237
2089
  "runtimeConfigGetStyles": {},
2238
2090
  "runtimeConfigInternalComponentProps": {},
2239
2091
  "motionVarPrefixes": []
2240
2092
  };
2241
- var Toast = {
2242
- "name": "Toast",
2243
- "defaultProps": {},
2244
- "getStylesLiterals": {
2245
- "className": "animate-spin",
2246
- "className:1": "flex-none",
2247
- "spacing": "2",
2248
- "borderRadius": "full"
2093
+ var Menu_Content = {
2094
+ "name": "Menu.Content",
2095
+ "defaultProps": {
2096
+ "size": "default",
2097
+ "variant": "default",
2098
+ "gutter": "1"
2249
2099
  },
2100
+ "getStylesLiterals": {},
2250
2101
  "cxLiterals": [
2251
- "duration-0",
2252
- "duration-120",
2253
- "transition-[background-color]",
2254
- "bg-carbon-15/0",
2255
- "hover:bg-carbon-15/10",
2256
- "active:bg-carbon-15/15",
2257
- "uds-ring"
2102
+ "uds-menu-content",
2103
+ "transition-shadow",
2104
+ "duration-200",
2105
+ "ease-in-out",
2106
+ "min-w-60",
2107
+ "max-w-lg",
2108
+ "max-h-96",
2109
+ "overflow-auto",
2110
+ "uds-ring",
2111
+ "z-10",
2112
+ "group"
2258
2113
  ],
2259
2114
  "internalComponents": [
2260
- "IconSlot",
2261
- "ToastContainer",
2262
- "Text",
2263
- "Button",
2264
- "Pressable"
2115
+ "AriakitMenu",
2116
+ "AnimatePresence",
2117
+ "MotionVStack"
2265
2118
  ],
2266
2119
  "internalComponentProps": {},
2267
2120
  "propToVariantKeys": {
2268
- "size": [
2269
- "toastSizeLabel",
2270
- "toastSizeIcon",
2271
- "toastSizeActionButton",
2272
- "toastSizeCloseIcon"
2273
- ],
2274
- "variant": [
2275
- "toastVariantIcon",
2276
- "toastVariantActionButton",
2277
- "toastVariantCloseIcon"
2278
- ],
2279
- "closeIcon": ["icon"],
2280
- "onClickActionButton": ["onClick"]
2281
- },
2282
- "runtimeConfigDefaultProps": {
2283
- "size": "toast.defaultSize",
2284
- "variant": "toast.defaultVariant"
2121
+ "size": ["menucontentSizeRoot"],
2122
+ "variant": ["menucontentVariantRoot"]
2285
2123
  },
2286
- "runtimeConfigGetStyles": {
2287
- "toastSizeLabel": ["toast.defaultSize"],
2288
- "toastVariantIcon": ["toast.defaultVariant"],
2289
- "toastSizeIcon": ["toast.defaultSize"],
2290
- "toastSizeActionButton": ["toast.defaultSize"],
2291
- "toastVariantActionButton": ["toast.defaultVariant"],
2292
- "toastVariantCloseIcon": ["toast.defaultVariant"],
2293
- "toastSizeCloseIcon": ["toast.defaultSize"]
2124
+ "runtimeConfigDefaultProps": {},
2125
+ "runtimeConfigGetStyles": {},
2126
+ "runtimeConfigInternalComponentProps": {},
2127
+ "motionVarPrefixes": []
2128
+ };
2129
+ var Menu_Trigger = {
2130
+ "name": "Menu.Trigger",
2131
+ "defaultProps": {},
2132
+ "getStylesLiterals": {},
2133
+ "cxLiterals": ["uds-menu-trigger"],
2134
+ "internalComponents": ["AriakitMenuTrigger", "Box"],
2135
+ "internalComponentProps": { "Box": { "className": ["uds-ring h-fit w-fit"] } },
2136
+ "propToVariantKeys": {},
2137
+ "runtimeConfigDefaultProps": {},
2138
+ "runtimeConfigGetStyles": {},
2139
+ "runtimeConfigInternalComponentProps": {},
2140
+ "motionVarPrefixes": []
2141
+ };
2142
+ var Menu_Divider = {
2143
+ "name": "Menu.Divider",
2144
+ "defaultProps": {
2145
+ "role": "separator",
2146
+ "contentPosition": "start",
2147
+ "gap": "4"
2294
2148
  },
2295
- "runtimeConfigInternalComponentProps": {
2296
- "ToastContainer": {
2297
- "size": ["toast.defaultSize"],
2298
- "variant": ["toast.defaultVariant"]
2299
- },
2300
- "Text": {
2301
- "variant": ["toast.textVariant.${size}"],
2302
- "color": ["toast.textColor.${variant}"]
2303
- },
2304
- "Button": {
2305
- "size": ["toast.buttonSize.${size}"],
2306
- "variant": ["toast.buttonVariant.${variant}"]
2307
- }
2149
+ "getStylesLiterals": {
2150
+ "menuitemDividerVariantRoot": "default",
2151
+ "menuitemDividerVariantText": "default",
2152
+ "menuitemDividerVariantLine": "default"
2308
2153
  },
2154
+ "cxLiterals": [],
2155
+ "internalComponents": ["DividerInternal"],
2156
+ "internalComponentProps": { "DividerInternal": { "variant": ["inherit"] } },
2157
+ "propToVariantKeys": {},
2158
+ "runtimeConfigDefaultProps": {},
2159
+ "runtimeConfigGetStyles": {},
2160
+ "runtimeConfigInternalComponentProps": {},
2309
2161
  "motionVarPrefixes": []
2310
2162
  };
2311
- var ToastContainer = {
2312
- "name": "ToastContainer",
2163
+ var Menu_Provider = {
2164
+ "name": "Menu.Provider",
2165
+ "defaultProps": {},
2166
+ "getStylesLiterals": {},
2167
+ "cxLiterals": [],
2168
+ "internalComponents": ["AriakitMenuProvider", "SpringMotionConfig"],
2169
+ "internalComponentProps": {},
2170
+ "propToVariantKeys": {},
2171
+ "runtimeConfigDefaultProps": {},
2172
+ "runtimeConfigGetStyles": {},
2173
+ "runtimeConfigInternalComponentProps": {},
2174
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
2175
+ };
2176
+ var Menu_ItemCheckbox = {
2177
+ "name": "Menu.ItemCheckbox",
2313
2178
  "defaultProps": {},
2314
2179
  "getStylesLiterals": {
2315
- "position": "relative",
2180
+ "menuitemItemCheckboxVariantRoot": "default",
2181
+ "menuitemItemCheckboxVariantActiveRoot": "on",
2182
+ "menuitemItemCheckboxVariantActiveRoot:1": "off",
2183
+ "menuitemItemCheckboxVariantText": "default",
2184
+ "menuitemItemCheckboxVariantActiveText": "on",
2185
+ "menuitemItemCheckboxVariantActiveText:1": "off",
2186
+ "menuitemItemCheckboxVariantStartIcon": "default",
2187
+ "menuitemItemCheckboxVariantActiveStartIcon": "on",
2188
+ "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
2189
+ "menuitemItemCheckboxVariantEndIcon": "default",
2190
+ "menuitemItemCheckboxVariantActiveEndIcon": "on",
2191
+ "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
2192
+ },
2193
+ "cxLiterals": ["uds-menu-item-checkbox"],
2194
+ "internalComponents": ["MenuItemBase"],
2195
+ "internalComponentProps": {},
2196
+ "propToVariantKeys": {},
2197
+ "runtimeConfigDefaultProps": {},
2198
+ "runtimeConfigGetStyles": {},
2199
+ "runtimeConfigInternalComponentProps": {},
2200
+ "motionVarPrefixes": []
2201
+ };
2202
+ var Menu_ItemBase = {
2203
+ "name": "Menu.ItemBase",
2204
+ "defaultProps": {
2205
+ "spacing": "0",
2206
+ "spacingHorizontal": "4",
2207
+ "spacingVertical": "3.5",
2208
+ "columnGap": "2",
2316
2209
  "alignItems": "center",
2317
- "display": "flex",
2318
- "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
2210
+ "justifyContent": "space-between"
2319
2211
  },
2320
- "cxLiterals": ["w-full"],
2321
- "internalComponents": ["HStack"],
2322
- "internalComponentProps": { "HStack": {
2323
- "alignItems": ["center"],
2324
- "justifyContent": ["space-between"],
2325
- "overflow": ["hidden"],
2326
- "position": ["relative"]
2327
- } },
2328
- "propToVariantKeys": {
2329
- "variant": ["toastVariantRoot"],
2330
- "size": ["toastSizeRoot"]
2212
+ "getStylesLiterals": {
2213
+ "textAlign": "start",
2214
+ "menuitemSizeRoot": "default",
2215
+ "flexDirection": "row",
2216
+ "menuitemSizeStartIcon": "default",
2217
+ "menuitemSizeEndIcon": "default"
2331
2218
  },
2332
- "runtimeConfigDefaultProps": {
2333
- "size": "toast.defaultSize",
2334
- "variant": "toast.defaultVariant"
2219
+ "cxLiterals": [
2220
+ "flex",
2221
+ "focus-visible:text-brand",
2222
+ "focus-visible:bg-brand-secondary",
2223
+ "focus-visible:z-10",
2224
+ "uds-ring",
2225
+ "!-outline-offset-2",
2226
+ "[&:not([aria-checked])]:cursor-default",
2227
+ "opacity-25",
2228
+ "cursor-not-allowed",
2229
+ "duration-20",
2230
+ "transition-[font-variation-settings]",
2231
+ "ease-in-out",
2232
+ "z-0",
2233
+ "uds-start-icon",
2234
+ "uds-end-icon"
2235
+ ],
2236
+ "internalComponents": [
2237
+ "Pressable",
2238
+ "IconSlot",
2239
+ "RootComponent",
2240
+ "HStack",
2241
+ "AnimatePresence"
2242
+ ],
2243
+ "internalComponentProps": {
2244
+ "HStack": {
2245
+ "alignItems": ["center"],
2246
+ "width": ["full"]
2247
+ },
2248
+ "AnimatePresence": { "mode": ["popLayout"] }
2335
2249
  },
2336
- "runtimeConfigGetStyles": {
2337
- "toastVariantRoot": ["toast.defaultVariant"],
2338
- "toastSizeRoot": ["toast.defaultSize"]
2250
+ "propToVariantKeys": {
2251
+ "startIcon": ["icon"],
2252
+ "endIcon": ["icon"],
2253
+ "columnGap": ["gap"]
2339
2254
  },
2340
- "runtimeConfigInternalComponentProps": { "HStack": { "backgroundColor": ["toast.backgroundColor.${variant}"] } },
2255
+ "runtimeConfigDefaultProps": {},
2256
+ "runtimeConfigGetStyles": {},
2257
+ "runtimeConfigInternalComponentProps": {},
2341
2258
  "motionVarPrefixes": []
2342
2259
  };
2343
- var ToastPortal = {
2344
- "name": "ToastPortal",
2260
+ var UDSBreakpointsConfigProvider = {
2261
+ "name": "UDSBreakpointsConfigProvider",
2345
2262
  "defaultProps": {},
2346
2263
  "getStylesLiterals": {},
2347
2264
  "cxLiterals": [],
2348
- "internalComponents": ["ReactToastifyToastContainer"],
2265
+ "internalComponents": ["UDSBreakpointsConfigContext.Provider"],
2349
2266
  "internalComponentProps": {},
2350
2267
  "propToVariantKeys": {},
2351
- "runtimeConfigDefaultProps": {
2352
- "size": "toast.defaultSize",
2353
- "variant": "toast.defaultVariant"
2354
- },
2268
+ "runtimeConfigDefaultProps": {},
2355
2269
  "runtimeConfigGetStyles": {},
2356
- "runtimeConfigInternalComponentProps": { "ReactToastifyToastContainer": { "autoClose": ["toast.autoClose"] } },
2270
+ "runtimeConfigInternalComponentProps": {},
2357
2271
  "motionVarPrefixes": []
2358
2272
  };
2359
- var UDSToastConfigProvider = {
2360
- "name": "UDSToastConfigProvider",
2273
+ var UDSConfigProvider = {
2274
+ "name": "UDSConfigProvider",
2361
2275
  "defaultProps": {},
2362
2276
  "getStylesLiterals": {},
2363
2277
  "cxLiterals": [],
2364
- "internalComponents": ["ToastContext.Provider"],
2278
+ "internalComponents": [
2279
+ "UDSBreakpointsConfigProvider",
2280
+ "UDSBottomSheetConfigProvider",
2281
+ "UDSToastConfigProvider",
2282
+ "UDSTooltipConfigProvider",
2283
+ "UDSPopoverConfigProvider"
2284
+ ],
2365
2285
  "internalComponentProps": {},
2366
2286
  "propToVariantKeys": {},
2367
2287
  "runtimeConfigDefaultProps": {},
@@ -2434,6 +2354,19 @@ var TooltipContent = {
2434
2354
  "runtimeConfigInternalComponentProps": {},
2435
2355
  "motionVarPrefixes": []
2436
2356
  };
2357
+ var UDSTooltipConfigProvider = {
2358
+ "name": "UDSTooltipConfigProvider",
2359
+ "defaultProps": {},
2360
+ "getStylesLiterals": {},
2361
+ "cxLiterals": [],
2362
+ "internalComponents": ["TooltipContext.Provider"],
2363
+ "internalComponentProps": {},
2364
+ "propToVariantKeys": {},
2365
+ "runtimeConfigDefaultProps": {},
2366
+ "runtimeConfigGetStyles": {},
2367
+ "runtimeConfigInternalComponentProps": {},
2368
+ "motionVarPrefixes": []
2369
+ };
2437
2370
  var TooltipTrigger = {
2438
2371
  "name": "TooltipTrigger",
2439
2372
  "defaultProps": {},
@@ -2447,25 +2380,29 @@ var TooltipTrigger = {
2447
2380
  "runtimeConfigInternalComponentProps": {},
2448
2381
  "motionVarPrefixes": []
2449
2382
  };
2450
- var UDSTooltipConfigProvider = {
2451
- "name": "UDSTooltipConfigProvider",
2383
+ var RadioGroupProvider = {
2384
+ "name": "RadioGroupProvider",
2452
2385
  "defaultProps": {},
2453
2386
  "getStylesLiterals": {},
2454
2387
  "cxLiterals": [],
2455
- "internalComponents": ["TooltipContext.Provider"],
2456
- "internalComponentProps": {},
2388
+ "internalComponents": [
2389
+ "DivProps",
2390
+ "Comp",
2391
+ "RadioGroupContext.Provider"
2392
+ ],
2393
+ "internalComponentProps": { "Comp": { "role": ["radiogroup"] } },
2457
2394
  "propToVariantKeys": {},
2458
2395
  "runtimeConfigDefaultProps": {},
2459
2396
  "runtimeConfigGetStyles": {},
2460
2397
  "runtimeConfigInternalComponentProps": {},
2461
2398
  "motionVarPrefixes": []
2462
2399
  };
2463
- var UDSBreakpointsConfigProvider = {
2464
- "name": "UDSBreakpointsConfigProvider",
2400
+ var RadioGroupStore = {
2401
+ "name": "RadioGroupStore",
2465
2402
  "defaultProps": {},
2466
2403
  "getStylesLiterals": {},
2467
2404
  "cxLiterals": [],
2468
- "internalComponents": ["UDSBreakpointsConfigContext.Provider"],
2405
+ "internalComponents": [],
2469
2406
  "internalComponentProps": {},
2470
2407
  "propToVariantKeys": {},
2471
2408
  "runtimeConfigDefaultProps": {},
@@ -2473,113 +2410,177 @@ var UDSBreakpointsConfigProvider = {
2473
2410
  "runtimeConfigInternalComponentProps": {},
2474
2411
  "motionVarPrefixes": []
2475
2412
  };
2476
- var UDSConfigProvider = {
2477
- "name": "UDSConfigProvider",
2478
- "defaultProps": {},
2479
- "getStylesLiterals": {},
2480
- "cxLiterals": [],
2413
+ var Radio = {
2414
+ "name": "Radio",
2415
+ "defaultProps": {
2416
+ "labelPosition": "start",
2417
+ "variant": "primary",
2418
+ "size": "md",
2419
+ "value": ""
2420
+ },
2421
+ "getStylesLiterals": {
2422
+ "radioVariantValueRoot": "checked",
2423
+ "radioVariantValueRoot:1": "unchecked",
2424
+ "display": "flex",
2425
+ "flexDirection": "row",
2426
+ "flexDirection:1": "row-reverse",
2427
+ "alignItems": "center",
2428
+ "radioVariantValueRadio": "checked",
2429
+ "radioVariantValueRadio:1": "unchecked",
2430
+ "radioVariantValueRadioCircle": "checked",
2431
+ "radioVariantValueRadioCircle:1": "unchecked"
2432
+ },
2433
+ "cxLiterals": [
2434
+ "cursor-pointer",
2435
+ "cursor-default",
2436
+ "opacity-50",
2437
+ "border",
2438
+ "uds-ring",
2439
+ "uds-ring-within",
2440
+ "transition-[background-color,border-color]",
2441
+ "transition-shadow",
2442
+ "pointer-events-none",
2443
+ "w-[8px]",
2444
+ "h-[8px]",
2445
+ "transition-opacity",
2446
+ "cursor-[inherit]",
2447
+ "absolute",
2448
+ "opacity-0",
2449
+ "top-1/2",
2450
+ "left-1/2",
2451
+ "w-[calc(100%+2px)]",
2452
+ "h-[calc(100%+2px)]",
2453
+ "transform",
2454
+ "translate-x-[-50%]",
2455
+ "translate-y-[-50%]",
2456
+ "text-start",
2457
+ "text-end"
2458
+ ],
2481
2459
  "internalComponents": [
2482
- "UDSBreakpointsConfigProvider",
2483
- "UDSBottomSheetConfigProvider",
2484
- "UDSToastConfigProvider",
2485
- "UDSTooltipConfigProvider",
2486
- "UDSPopoverConfigProvider"
2460
+ "Box",
2461
+ "FormLabel",
2462
+ "SpringMotionConfig",
2463
+ "RootElement",
2464
+ "MotionBox"
2487
2465
  ],
2488
- "internalComponentProps": {},
2489
- "propToVariantKeys": {},
2466
+ "internalComponentProps": {
2467
+ "Box": { "borderRadius": ["full"] },
2468
+ "FormLabel": {
2469
+ "as": ["div"],
2470
+ "variant": ["inherit"],
2471
+ "color": ["inherit"]
2472
+ },
2473
+ "RootElement": { "data-testid": ["container"] },
2474
+ "MotionBox": {
2475
+ "position": ["relative"],
2476
+ "borderRadius": ["full"],
2477
+ "alignItems": ["center"],
2478
+ "justifyContent": ["center"],
2479
+ "flex": ["none"]
2480
+ }
2481
+ },
2482
+ "propToVariantKeys": {
2483
+ "size": ["radioSizeRoot", "radioSizeRadio"],
2484
+ "variant": [
2485
+ "radioVariantRoot",
2486
+ "radioVariantRadio",
2487
+ "radioVariantRadioCircle"
2488
+ ],
2489
+ "reduceMotion": ["reducedMotion"]
2490
+ },
2490
2491
  "runtimeConfigDefaultProps": {},
2491
2492
  "runtimeConfigGetStyles": {},
2492
2493
  "runtimeConfigInternalComponentProps": {},
2493
- "motionVarPrefixes": []
2494
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
2494
2495
  };
2495
2496
  var componentData_default = {
2496
- Box,
2497
- FormLabel,
2498
- HStack,
2499
2497
  Icon,
2500
- IconSlot,
2498
+ Text,
2501
2499
  Image,
2502
- Link,
2503
2500
  Scrim,
2504
- SvgFloatingOverlay,
2505
- Text,
2501
+ FormLabel,
2506
2502
  VStack,
2503
+ IconSlot,
2504
+ Box,
2505
+ SvgFloatingOverlay,
2506
+ HStack,
2507
+ Link,
2508
+ BannerDescription,
2507
2509
  Banner,
2508
2510
  BannerContent,
2509
- BannerDescription,
2510
2511
  BannerTitle,
2511
2512
  Divider,
2512
2513
  DividerCore,
2513
2514
  DividerInternal,
2514
- Spinner,
2515
2515
  "Table.mocks": Table_mocks,
2516
+ Spinner,
2516
2517
  Table,
2517
- AnimateHeightChange,
2518
- Badge,
2519
- Button,
2520
- Checkbox,
2521
- IconButton,
2522
2518
  Pressable,
2523
2519
  SpringMotionConfig,
2520
+ AnimateHeightChange,
2524
2521
  Switch,
2522
+ IconButton,
2523
+ Badge,
2524
+ Checkbox,
2525
+ Button,
2525
2526
  Accordion,
2526
- AvoidMotionLibraryProvider,
2527
2527
  Modal,
2528
+ AvoidMotionLibraryProvider,
2528
2529
  SegmentedControl,
2529
2530
  SwitchV2,
2530
- Avatar,
2531
- AvatarIcon,
2532
- AvatarImage,
2533
- AvatarText,
2534
- BottomSheet,
2531
+ UDSToastConfigProvider,
2532
+ ToastPortal,
2533
+ Toast,
2534
+ ToastContainer,
2535
+ BottomSheetInternalContext,
2535
2536
  BottomSheetContent,
2536
- BottomSheetDismiss,
2537
2537
  BottomSheetHandle,
2538
+ BottomSheet,
2538
2539
  BottomSheetHeader,
2539
- BottomSheetInternalContext,
2540
- BottomSheetProvider,
2541
2540
  BottomSheetTrigger,
2542
2541
  UDSBottomSheetConfigProvider,
2542
+ BottomSheetDismiss,
2543
+ BottomSheetProvider,
2544
+ ChipLink,
2545
+ ChipDismissible,
2546
+ ChipToggle,
2547
+ ChipBase,
2548
+ Chip,
2549
+ ChipButton,
2550
+ AvatarText,
2551
+ AvatarIcon,
2552
+ Avatar,
2553
+ AvatarImage,
2554
+ TabPanel,
2555
+ Tabs,
2556
+ TabList,
2557
+ Tab,
2558
+ UDSPopoverConfigProvider,
2559
+ Popover,
2560
+ PopoverTrigger,
2561
+ PopoverContext,
2562
+ PopoverContent,
2543
2563
  Input,
2544
2564
  InputHelpText,
2545
2565
  InputHelpTextInternal,
2546
- Chip,
2547
- ChipBase,
2548
- ChipButton,
2549
- ChipDismissible,
2550
- ChipLink,
2551
- ChipToggle,
2552
- "Menu.Content": Menu_Content,
2553
- "Menu.Divider": Menu_Divider,
2554
2566
  "Menu.Item": Menu_Item,
2555
- "Menu.ItemBase": Menu_ItemBase,
2556
- "Menu.ItemCheckbox": Menu_ItemCheckbox,
2557
- "Menu.Provider": Menu_Provider,
2558
- "Menu.Trigger": Menu_Trigger,
2559
2567
  "Menu.index": Menu_index,
2560
2568
  Menu,
2561
- Popover,
2562
- PopoverContent,
2563
- PopoverContext,
2564
- PopoverTrigger,
2565
- UDSPopoverConfigProvider,
2566
- Radio,
2567
- RadioGroupProvider,
2568
- RadioGroupStore,
2569
- Tab,
2570
- TabList,
2571
- TabPanel,
2572
- Tabs,
2573
- Toast,
2574
- ToastContainer,
2575
- ToastPortal,
2576
- UDSToastConfigProvider,
2569
+ "Menu.Content": Menu_Content,
2570
+ "Menu.Trigger": Menu_Trigger,
2571
+ "Menu.Divider": Menu_Divider,
2572
+ "Menu.Provider": Menu_Provider,
2573
+ "Menu.ItemCheckbox": Menu_ItemCheckbox,
2574
+ "Menu.ItemBase": Menu_ItemBase,
2575
+ UDSBreakpointsConfigProvider,
2576
+ UDSConfigProvider,
2577
2577
  Tooltip,
2578
2578
  TooltipContent,
2579
- TooltipTrigger,
2580
2579
  UDSTooltipConfigProvider,
2581
- UDSBreakpointsConfigProvider,
2582
- UDSConfigProvider
2580
+ TooltipTrigger,
2581
+ RadioGroupProvider,
2582
+ RadioGroupStore,
2583
+ Radio
2583
2584
  };
2584
2585
 
2585
2586
  //#endregion