@yahoo/uds 3.129.0-beta.1 → 3.129.0-beta.3

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