@yahoo/uds 3.115.0 → 3.115.2

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,5 +1,85 @@
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
+ "motionVarPrefixes": []
20
+ };
21
+ var FormLabel = {
22
+ "name": "FormLabel",
23
+ "defaultProps": {
24
+ "color": "muted",
25
+ "variant": "label3",
26
+ "as": "label"
27
+ },
28
+ "getStylesLiterals": {},
29
+ "cxLiterals": ["cursor-[inherit]"],
30
+ "internalComponents": ["Text"],
31
+ "internalComponentProps": { "Text": {
32
+ "as": ["sup"],
33
+ "variant": ["inherit"],
34
+ "spacingStart": ["0.5"]
35
+ } },
36
+ "propToVariantKeys": {},
37
+ "motionVarPrefixes": []
38
+ };
39
+ var HStack = {
40
+ "name": "HStack",
41
+ "defaultProps": {},
42
+ "getStylesLiterals": {},
43
+ "cxLiterals": [],
44
+ "internalComponents": ["Box"],
45
+ "internalComponentProps": { "Box": { "flexDirection": ["row"] } },
46
+ "propToVariantKeys": { "gap": ["rowGap", "columnGap"] },
47
+ "motionVarPrefixes": []
48
+ };
49
+ var Icon = {
50
+ "name": "Icon",
51
+ "defaultProps": {
52
+ "size": "md",
53
+ "variant": "outline",
54
+ "color": "primary"
55
+ },
56
+ "getStylesLiterals": { "flex": "none" },
57
+ "cxLiterals": ["[&_path]:fill-current"],
58
+ "internalComponents": ["SVGIcon"],
59
+ "internalComponentProps": {},
60
+ "propToVariantKeys": {},
61
+ "motionVarPrefixes": []
62
+ };
63
+ var IconSlot = {
64
+ "name": "IconSlot",
65
+ "defaultProps": {},
66
+ "getStylesLiterals": {},
67
+ "cxLiterals": [],
68
+ "internalComponents": ["Icon"],
69
+ "internalComponentProps": {},
70
+ "propToVariantKeys": {},
71
+ "motionVarPrefixes": []
72
+ };
73
+ var Image = {
74
+ "name": "Image",
75
+ "defaultProps": {},
76
+ "getStylesLiterals": {},
77
+ "cxLiterals": [],
78
+ "internalComponents": [],
79
+ "internalComponentProps": {},
80
+ "propToVariantKeys": {},
81
+ "motionVarPrefixes": []
82
+ };
3
83
  var Link = {
4
84
  "name": "Link",
5
85
  "defaultProps": { "variant": "primary" },
@@ -35,34 +115,6 @@ var Link = {
35
115
  },
36
116
  "motionVarPrefixes": []
37
117
  };
38
- var VStack = {
39
- "name": "VStack",
40
- "defaultProps": {},
41
- "getStylesLiterals": {},
42
- "cxLiterals": [],
43
- "internalComponents": ["Box"],
44
- "internalComponentProps": { "Box": { "flexDirection": ["column"] } },
45
- "propToVariantKeys": { "gap": ["columnGap", "rowGap"] },
46
- "motionVarPrefixes": []
47
- };
48
- var Box = {
49
- "name": "Box",
50
- "defaultProps": {
51
- "as": "div",
52
- "display": "flex"
53
- },
54
- "getStylesLiterals": {},
55
- "cxLiterals": [],
56
- "internalComponents": ["Comp"],
57
- "internalComponentProps": {},
58
- "propToVariantKeys": { "elevationAlias": [
59
- "backgroundColor",
60
- "borderColor",
61
- "borderWidth",
62
- "dropShadow"
63
- ] },
64
- "motionVarPrefixes": []
65
- };
66
118
  var Scrim = {
67
119
  "name": "Scrim",
68
120
  "defaultProps": {
@@ -87,38 +139,6 @@ var Scrim = {
87
139
  "propToVariantKeys": { "variant": ["scrimVariantRoot"] },
88
140
  "motionVarPrefixes": []
89
141
  };
90
- var Icon = {
91
- "name": "Icon",
92
- "defaultProps": {
93
- "size": "md",
94
- "variant": "outline",
95
- "color": "primary"
96
- },
97
- "getStylesLiterals": { "flex": "none" },
98
- "cxLiterals": ["[&_path]:fill-current"],
99
- "internalComponents": ["SVGIcon"],
100
- "internalComponentProps": {},
101
- "propToVariantKeys": {},
102
- "motionVarPrefixes": []
103
- };
104
- var FormLabel = {
105
- "name": "FormLabel",
106
- "defaultProps": {
107
- "color": "muted",
108
- "variant": "label3",
109
- "as": "label"
110
- },
111
- "getStylesLiterals": {},
112
- "cxLiterals": ["cursor-[inherit]"],
113
- "internalComponents": ["Text"],
114
- "internalComponentProps": { "Text": {
115
- "as": ["sup"],
116
- "variant": ["inherit"],
117
- "spacingStart": ["0.5"]
118
- } },
119
- "propToVariantKeys": {},
120
- "motionVarPrefixes": []
121
- };
122
142
  var Text = {
123
143
  "name": "Text",
124
144
  "defaultProps": {
@@ -139,95 +159,26 @@ var Text = {
139
159
  ] },
140
160
  "motionVarPrefixes": []
141
161
  };
142
- var IconSlot = {
143
- "name": "IconSlot",
144
- "defaultProps": {},
145
- "getStylesLiterals": {},
146
- "cxLiterals": [],
147
- "internalComponents": ["Icon"],
148
- "internalComponentProps": {},
149
- "propToVariantKeys": {},
150
- "motionVarPrefixes": []
151
- };
152
- var HStack = {
153
- "name": "HStack",
162
+ var VStack = {
163
+ "name": "VStack",
154
164
  "defaultProps": {},
155
165
  "getStylesLiterals": {},
156
166
  "cxLiterals": [],
157
167
  "internalComponents": ["Box"],
158
- "internalComponentProps": { "Box": { "flexDirection": ["row"] } },
159
- "propToVariantKeys": { "gap": ["rowGap", "columnGap"] },
160
- "motionVarPrefixes": []
161
- };
162
- var Image = {
163
- "name": "Image",
164
- "defaultProps": {},
165
- "getStylesLiterals": {},
166
- "cxLiterals": [],
167
- "internalComponents": [],
168
- "internalComponentProps": {},
169
- "propToVariantKeys": {},
168
+ "internalComponentProps": { "Box": { "flexDirection": ["column"] } },
169
+ "propToVariantKeys": { "gap": ["columnGap", "rowGap"] },
170
170
  "motionVarPrefixes": []
171
171
  };
172
- var Table_mocks = {
173
- "name": "Table.mocks",
172
+ var Divider = {
173
+ "name": "Divider",
174
174
  "defaultProps": {},
175
175
  "getStylesLiterals": {},
176
176
  "cxLiterals": [],
177
- "internalComponents": [],
177
+ "internalComponents": ["DividerInternal"],
178
178
  "internalComponentProps": {},
179
179
  "propToVariantKeys": {},
180
180
  "motionVarPrefixes": []
181
181
  };
182
- var Table = {
183
- "name": "Table",
184
- "defaultProps": {
185
- "display": "table-cell",
186
- "overflow": "hidden",
187
- "borderColor": "muted",
188
- "borderRadius": "md",
189
- "spacing": "3",
190
- "borderBottomColor": "muted",
191
- "borderBottomWidth": "thin",
192
- "color": "primary"
193
- },
194
- "getStylesLiterals": { "textAlign": "start" },
195
- "cxLiterals": [],
196
- "internalComponents": [
197
- "CellComponent",
198
- "Box",
199
- "Text",
200
- "Table.Root",
201
- "Table.Header",
202
- "Table.Row",
203
- "Table.Cell",
204
- "Table.Body"
205
- ],
206
- "internalComponentProps": { "Table.Cell": { "asHeaderCell": ["column"] } },
207
- "propToVariantKeys": {},
208
- "motionVarPrefixes": []
209
- };
210
- var Spinner = {
211
- "name": "Spinner",
212
- "defaultProps": {
213
- "color": "primary",
214
- "size": "lg"
215
- },
216
- "getStylesLiterals": {},
217
- "cxLiterals": [
218
- "self-center",
219
- "relative",
220
- "sr-only"
221
- ],
222
- "internalComponents": ["Icon"],
223
- "internalComponentProps": { "Icon": {
224
- "role": ["img"],
225
- "className": ["animate-spin"],
226
- "aria-hidden": ["true"]
227
- } },
228
- "propToVariantKeys": {},
229
- "motionVarPrefixes": []
230
- };
231
182
  var DividerCore = {
232
183
  "name": "DividerCore",
233
184
  "defaultProps": { "contentPosition": "center" },
@@ -271,22 +222,111 @@ var DividerInternal = {
271
222
  ] },
272
223
  "motionVarPrefixes": []
273
224
  };
274
- var Divider = {
275
- "name": "Divider",
225
+ var Spinner = {
226
+ "name": "Spinner",
227
+ "defaultProps": {
228
+ "color": "primary",
229
+ "size": "lg"
230
+ },
231
+ "getStylesLiterals": {},
232
+ "cxLiterals": [
233
+ "self-center",
234
+ "relative",
235
+ "sr-only"
236
+ ],
237
+ "internalComponents": ["Icon"],
238
+ "internalComponentProps": { "Icon": {
239
+ "role": ["img"],
240
+ "className": ["animate-spin"],
241
+ "aria-hidden": ["true"]
242
+ } },
243
+ "propToVariantKeys": {},
244
+ "motionVarPrefixes": []
245
+ };
246
+ var Table_mocks = {
247
+ "name": "Table.mocks",
276
248
  "defaultProps": {},
277
249
  "getStylesLiterals": {},
278
250
  "cxLiterals": [],
279
- "internalComponents": ["DividerInternal"],
251
+ "internalComponents": [],
280
252
  "internalComponentProps": {},
281
253
  "propToVariantKeys": {},
282
254
  "motionVarPrefixes": []
283
255
  };
284
- var Button = {
285
- "name": "Button",
286
- "defaultProps": { "type": "button" },
287
- "getStylesLiterals": {},
288
- "cxLiterals": [
289
- "uds-ring",
256
+ var Table = {
257
+ "name": "Table",
258
+ "defaultProps": {
259
+ "display": "table-cell",
260
+ "overflow": "hidden",
261
+ "borderColor": "muted",
262
+ "borderRadius": "md",
263
+ "spacing": "3",
264
+ "borderBottomColor": "muted",
265
+ "borderBottomWidth": "thin",
266
+ "color": "primary"
267
+ },
268
+ "getStylesLiterals": { "textAlign": "start" },
269
+ "cxLiterals": [],
270
+ "internalComponents": [
271
+ "CellComponent",
272
+ "Box",
273
+ "Text",
274
+ "Table.Root",
275
+ "Table.Header",
276
+ "Table.Row",
277
+ "Table.Cell",
278
+ "Table.Body"
279
+ ],
280
+ "internalComponentProps": { "Table.Cell": { "asHeaderCell": ["column"] } },
281
+ "propToVariantKeys": {},
282
+ "motionVarPrefixes": []
283
+ };
284
+ var AnimateHeightChange = {
285
+ "name": "AnimateHeightChange",
286
+ "defaultProps": {},
287
+ "getStylesLiterals": {},
288
+ "cxLiterals": ["overflow-hidden"],
289
+ "internalComponents": ["SpringMotionConfig"],
290
+ "internalComponentProps": { "SpringMotionConfig": { "layoutSpeed": ["4"] } },
291
+ "propToVariantKeys": { "reduceMotion": ["reducedMotion"] },
292
+ "motionVarPrefixes": ["--uds-motion-subtle-4-", "--uds-motion-smooth-3-"]
293
+ };
294
+ var Badge = {
295
+ "name": "Badge",
296
+ "defaultProps": {
297
+ "variant": "primary",
298
+ "size": "md"
299
+ },
300
+ "getStylesLiterals": {},
301
+ "cxLiterals": [
302
+ "flex-1",
303
+ "truncate",
304
+ "whitespace-nowrap",
305
+ "text-center"
306
+ ],
307
+ "internalComponents": ["IconSlot", "HStack"],
308
+ "internalComponentProps": {
309
+ "IconSlot": { "data-testid": ["start-icon", "end-icon"] },
310
+ "HStack": {
311
+ "gap": ["2"],
312
+ "display": ["inline-flex"],
313
+ "alignItems": ["center"]
314
+ }
315
+ },
316
+ "propToVariantKeys": {
317
+ "size": ["badgeSizeRoot", "badgeSizeIcon"],
318
+ "variant": ["badgeVariantRoot", "badgeVariantIcon"],
319
+ "startIcon": ["icon"],
320
+ "endIcon": ["icon"]
321
+ },
322
+ "motionVarPrefixes": []
323
+ };
324
+ var Button = {
325
+ "name": "Button",
326
+ "defaultProps": { "type": "button" },
327
+ "getStylesLiterals": {},
328
+ "cxLiterals": [
329
+ "uds-ring",
290
330
  "uds-hit-target",
291
331
  "inline-flex",
292
332
  "overflow-hidden",
@@ -405,16 +445,6 @@ var Checkbox = {
405
445
  },
406
446
  "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
407
447
  };
408
- var SpringMotionConfig = {
409
- "name": "SpringMotionConfig",
410
- "defaultProps": { "reducedMotion": "user" },
411
- "getStylesLiterals": {},
412
- "cxLiterals": [],
413
- "internalComponents": ["LazyMotion", "MotionConfig"],
414
- "internalComponentProps": {},
415
- "propToVariantKeys": { "loadFeatures": ["features"] },
416
- "motionVarPrefixes": []
417
- };
418
448
  var IconButton = {
419
449
  "name": "IconButton",
420
450
  "defaultProps": { "type": "button" },
@@ -454,6 +484,26 @@ var IconButton = {
454
484
  },
455
485
  "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
456
486
  };
487
+ var Pressable = {
488
+ "name": "Pressable",
489
+ "defaultProps": {},
490
+ "getStylesLiterals": {},
491
+ "cxLiterals": [],
492
+ "internalComponents": ["Comp"],
493
+ "internalComponentProps": {},
494
+ "propToVariantKeys": {},
495
+ "motionVarPrefixes": []
496
+ };
497
+ var SpringMotionConfig = {
498
+ "name": "SpringMotionConfig",
499
+ "defaultProps": { "reducedMotion": "user" },
500
+ "getStylesLiterals": {},
501
+ "cxLiterals": [],
502
+ "internalComponents": ["LazyMotion", "MotionConfig"],
503
+ "internalComponentProps": {},
504
+ "propToVariantKeys": { "loadFeatures": ["features"] },
505
+ "motionVarPrefixes": []
506
+ };
457
507
  var Switch = {
458
508
  "name": "Switch",
459
509
  "defaultProps": {
@@ -544,63 +594,134 @@ var Switch = {
544
594
  },
545
595
  "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
546
596
  };
547
- var Badge = {
548
- "name": "Badge",
597
+ var Accordion = {
598
+ "name": "Accordion",
549
599
  "defaultProps": {
550
- "variant": "primary",
551
- "size": "md"
600
+ "spacingHorizontal": "4",
601
+ "spacingVertical": "4"
552
602
  },
553
603
  "getStylesLiterals": {},
554
- "cxLiterals": [
555
- "flex-1",
556
- "truncate",
557
- "whitespace-nowrap",
558
- "text-center"
604
+ "cxLiterals": ["hover:bg-secondary/80", "w-full"],
605
+ "internalComponents": [
606
+ "Icon",
607
+ "SpringMotionConfig",
608
+ "Pressable",
609
+ "Text",
610
+ "HStack",
611
+ "AnimatePresence",
612
+ "VStack"
559
613
  ],
560
- "internalComponents": ["IconSlot", "HStack"],
561
614
  "internalComponentProps": {
562
- "IconSlot": { "data-testid": ["start-icon", "end-icon"] },
615
+ "Icon": {
616
+ "variant": ["fill"],
617
+ "size": ["sm"],
618
+ "color": ["primary"]
619
+ },
620
+ "SpringMotionConfig": {
621
+ "layoutVariant": ["smooth"],
622
+ "layoutSpeed": ["3"]
623
+ },
624
+ "Pressable": {
625
+ "display": ["flex"],
626
+ "flexDirection": ["row"],
627
+ "alignItems": ["center"],
628
+ "justifyContent": ["space-between"],
629
+ "borderRadius": ["md"]
630
+ },
631
+ "Text": {
632
+ "variant": ["title4"],
633
+ "color": ["primary"]
634
+ },
563
635
  "HStack": {
564
- "gap": ["2"],
565
- "display": ["inline-flex"],
566
- "alignItems": ["center"]
636
+ "display": ["flex"],
637
+ "alignItems": ["center"],
638
+ "justifyContent": ["space-between"],
639
+ "columnGap": ["2.5"]
567
640
  }
568
641
  },
569
- "propToVariantKeys": {
570
- "size": ["badgeSizeRoot", "badgeSizeIcon"],
571
- "variant": ["badgeVariantRoot", "badgeVariantIcon"],
572
- "startIcon": ["icon"],
573
- "endIcon": ["icon"]
574
- },
575
- "motionVarPrefixes": []
576
- };
577
- var AnimateHeightChange = {
578
- "name": "AnimateHeightChange",
579
- "defaultProps": {},
580
- "getStylesLiterals": {},
581
- "cxLiterals": ["overflow-hidden"],
582
- "internalComponents": ["SpringMotionConfig"],
583
- "internalComponentProps": { "SpringMotionConfig": { "layoutSpeed": ["4"] } },
584
- "propToVariantKeys": { "reduceMotion": ["reducedMotion"] },
585
- "motionVarPrefixes": ["--uds-motion-subtle-4-", "--uds-motion-smooth-3-"]
642
+ "propToVariantKeys": {},
643
+ "motionVarPrefixes": ["--uds-motion-smooth-3-"]
586
644
  };
587
- var Pressable = {
588
- "name": "Pressable",
645
+ var AvoidMotionLibraryProvider = {
646
+ "name": "AvoidMotionLibraryProvider",
589
647
  "defaultProps": {},
590
648
  "getStylesLiterals": {},
591
649
  "cxLiterals": [],
592
- "internalComponents": ["Comp"],
650
+ "internalComponents": [],
593
651
  "internalComponentProps": {},
594
652
  "propToVariantKeys": {},
595
653
  "motionVarPrefixes": []
596
654
  };
597
- var AvoidMotionLibraryProvider = {
598
- "name": "AvoidMotionLibraryProvider",
655
+ var Modal = {
656
+ "name": "Modal",
657
+ "defaultProps": {},
658
+ "getStylesLiterals": {},
659
+ "cxLiterals": [
660
+ "inset-8",
661
+ "top-[250px]",
662
+ "z-50",
663
+ "mx-auto",
664
+ "h-fit",
665
+ "w-[600px]",
666
+ "origin-center",
667
+ "scale-95",
668
+ "opacity-0",
669
+ "transition",
670
+ "duration-150",
671
+ "data-[enter]:scale-100",
672
+ "data-[enter]:opacity-100",
673
+ "data-[enter]:bg-primary",
674
+ "backdrop-blur-0",
675
+ "data-[enter]:opacity-60",
676
+ "data-[enter]:backdrop-blur-sm"
677
+ ],
678
+ "internalComponents": [
679
+ "IconButton",
680
+ "Dialog",
681
+ "HStack",
682
+ "Text",
683
+ "VStack"
684
+ ],
685
+ "internalComponentProps": {
686
+ "IconButton": {
687
+ "aria-label": ["Close"],
688
+ "size": ["sm"],
689
+ "variant": ["tertiary"]
690
+ },
691
+ "HStack": {
692
+ "alignItems": ["center"],
693
+ "justifyContent": ["space-between"]
694
+ },
695
+ "Text": {
696
+ "variant": ["headline1"],
697
+ "color": ["primary"]
698
+ },
699
+ "VStack": {
700
+ "borderRadius": ["md"],
701
+ "position": ["fixed"],
702
+ "backgroundColor": ["primary"],
703
+ "dropShadow": ["md"],
704
+ "spacing": ["8"],
705
+ "overflow": ["hidden"]
706
+ }
707
+ },
708
+ "propToVariantKeys": { "handleClose": ["onClick"] },
709
+ "motionVarPrefixes": []
710
+ };
711
+ var Popover = {
712
+ "name": "Popover",
599
713
  "defaultProps": {},
600
714
  "getStylesLiterals": {},
601
715
  "cxLiterals": [],
602
- "internalComponents": [],
603
- "internalComponentProps": {},
716
+ "internalComponents": [
717
+ "HStack",
718
+ "Text",
719
+ "OriginalPopoverHeading"
720
+ ],
721
+ "internalComponentProps": { "Text": {
722
+ "variant": ["headline1"],
723
+ "color": ["primary"]
724
+ } },
604
725
  "propToVariantKeys": {},
605
726
  "motionVarPrefixes": []
606
727
  };
@@ -662,23 +783,6 @@ var SegmentedControl = {
662
783
  },
663
784
  "motionVarPrefixes": []
664
785
  };
665
- var Popover = {
666
- "name": "Popover",
667
- "defaultProps": {},
668
- "getStylesLiterals": {},
669
- "cxLiterals": [],
670
- "internalComponents": [
671
- "HStack",
672
- "Text",
673
- "OriginalPopoverHeading"
674
- ],
675
- "internalComponentProps": { "Text": {
676
- "variant": ["headline1"],
677
- "color": ["primary"]
678
- } },
679
- "propToVariantKeys": {},
680
- "motionVarPrefixes": []
681
- };
682
786
  var SwitchV2 = {
683
787
  "name": "SwitchV2",
684
788
  "defaultProps": {
@@ -816,109 +920,37 @@ var Tabs = {
816
920
  "propToVariantKeys": {},
817
921
  "motionVarPrefixes": []
818
922
  };
819
- var Modal = {
820
- "name": "Modal",
923
+ var Avatar = {
924
+ "name": "Avatar",
821
925
  "defaultProps": {},
822
926
  "getStylesLiterals": {},
823
- "cxLiterals": [
824
- "inset-8",
825
- "top-[250px]",
826
- "z-50",
827
- "mx-auto",
828
- "h-fit",
829
- "w-[600px]",
830
- "origin-center",
831
- "scale-95",
832
- "opacity-0",
833
- "transition",
834
- "duration-150",
835
- "data-[enter]:scale-100",
836
- "data-[enter]:opacity-100",
837
- "data-[enter]:bg-primary",
838
- "backdrop-blur-0",
839
- "data-[enter]:opacity-60",
840
- "data-[enter]:backdrop-blur-sm"
841
- ],
842
- "internalComponents": [
843
- "IconButton",
844
- "Dialog",
845
- "HStack",
846
- "Text",
847
- "VStack"
848
- ],
849
- "internalComponentProps": {
850
- "IconButton": {
851
- "aria-label": ["Close"],
852
- "size": ["sm"],
853
- "variant": ["tertiary"]
854
- },
855
- "HStack": {
856
- "alignItems": ["center"],
857
- "justifyContent": ["space-between"]
858
- },
859
- "Text": {
860
- "variant": ["headline1"],
861
- "color": ["primary"]
862
- },
863
- "VStack": {
864
- "borderRadius": ["md"],
865
- "position": ["fixed"],
866
- "backgroundColor": ["primary"],
867
- "dropShadow": ["md"],
868
- "spacing": ["8"],
869
- "overflow": ["hidden"]
870
- }
871
- },
872
- "propToVariantKeys": { "handleClose": ["onClick"] },
927
+ "cxLiterals": [],
928
+ "internalComponents": ["AvatarImage"],
929
+ "internalComponentProps": {},
930
+ "propToVariantKeys": {},
873
931
  "motionVarPrefixes": []
874
932
  };
875
- var Accordion = {
876
- "name": "Accordion",
933
+ var AvatarIcon = {
934
+ "name": "AvatarIcon",
877
935
  "defaultProps": {
878
- "spacingHorizontal": "4",
879
- "spacingVertical": "4"
936
+ "size": "md",
937
+ "variant": "primary"
880
938
  },
881
939
  "getStylesLiterals": {},
882
- "cxLiterals": ["hover:bg-secondary/80", "w-full"],
883
- "internalComponents": [
884
- "Icon",
885
- "SpringMotionConfig",
886
- "Pressable",
887
- "Text",
888
- "HStack",
889
- "AnimatePresence",
890
- "VStack"
940
+ "cxLiterals": [
941
+ "overflow-hidden",
942
+ "w-full",
943
+ "h-full",
944
+ "shrink-0",
945
+ "text-center",
946
+ "inline-flex",
947
+ "justify-center",
948
+ "items-center"
891
949
  ],
892
- "internalComponentProps": {
893
- "Icon": {
894
- "variant": ["fill"],
895
- "size": ["sm"],
896
- "color": ["primary"]
897
- },
898
- "SpringMotionConfig": {
899
- "layoutVariant": ["smooth"],
900
- "layoutSpeed": ["3"]
901
- },
902
- "Pressable": {
903
- "display": ["flex"],
904
- "flexDirection": ["row"],
905
- "alignItems": ["center"],
906
- "justifyContent": ["space-between"],
907
- "borderRadius": ["md"]
908
- },
909
- "Text": {
910
- "variant": ["title4"],
911
- "color": ["primary"]
912
- },
913
- "HStack": {
914
- "display": ["flex"],
915
- "alignItems": ["center"],
916
- "justifyContent": ["space-between"],
917
- "columnGap": ["2.5"]
918
- }
919
- },
920
- "propToVariantKeys": {},
921
- "motionVarPrefixes": ["--uds-motion-smooth-3-"]
950
+ "internalComponents": ["IconSlot", "Box"],
951
+ "internalComponentProps": {},
952
+ "propToVariantKeys": { "size": ["avatarSizeIcon"] },
953
+ "motionVarPrefixes": []
922
954
  };
923
955
  var AvatarImage = {
924
956
  "name": "AvatarImage",
@@ -977,65 +1009,6 @@ var AvatarText = {
977
1009
  "propToVariantKeys": {},
978
1010
  "motionVarPrefixes": []
979
1011
  };
980
- var Avatar = {
981
- "name": "Avatar",
982
- "defaultProps": {},
983
- "getStylesLiterals": {},
984
- "cxLiterals": [],
985
- "internalComponents": ["AvatarImage"],
986
- "internalComponentProps": {},
987
- "propToVariantKeys": {},
988
- "motionVarPrefixes": []
989
- };
990
- var AvatarIcon = {
991
- "name": "AvatarIcon",
992
- "defaultProps": {
993
- "size": "md",
994
- "variant": "primary"
995
- },
996
- "getStylesLiterals": {},
997
- "cxLiterals": [
998
- "overflow-hidden",
999
- "w-full",
1000
- "h-full",
1001
- "shrink-0",
1002
- "text-center",
1003
- "inline-flex",
1004
- "justify-center",
1005
- "items-center"
1006
- ],
1007
- "internalComponents": ["IconSlot", "Box"],
1008
- "internalComponentProps": {},
1009
- "propToVariantKeys": { "size": ["avatarSizeIcon"] },
1010
- "motionVarPrefixes": []
1011
- };
1012
- var BottomSheetContent = {
1013
- "name": "BottomSheetContent",
1014
- "defaultProps": {},
1015
- "getStylesLiterals": {},
1016
- "cxLiterals": ["min-h-0", "touch-pan-y"],
1017
- "internalComponents": ["Box", "VStack"],
1018
- "internalComponentProps": {
1019
- "Box": {
1020
- "display": ["block"],
1021
- "overflowY": ["auto"],
1022
- "flex": ["1"]
1023
- },
1024
- "VStack": { "className": ["pb-[calc(env(safe-area-inset-bottom))]"] }
1025
- },
1026
- "propToVariantKeys": {},
1027
- "motionVarPrefixes": []
1028
- };
1029
- var BottomSheetDismiss = {
1030
- "name": "BottomSheetDismiss",
1031
- "defaultProps": {},
1032
- "getStylesLiterals": {},
1033
- "cxLiterals": [],
1034
- "internalComponents": ["AriakitDialogDismiss"],
1035
- "internalComponentProps": {},
1036
- "propToVariantKeys": {},
1037
- "motionVarPrefixes": []
1038
- };
1039
1012
  var BottomSheet = {
1040
1013
  "name": "BottomSheet",
1041
1014
  "defaultProps": { "variant": "default" },
@@ -1075,6 +1048,33 @@ var BottomSheet = {
1075
1048
  "propToVariantKeys": { "variant": ["bottomsheetVariantRoot"] },
1076
1049
  "motionVarPrefixes": []
1077
1050
  };
1051
+ var BottomSheetContent = {
1052
+ "name": "BottomSheetContent",
1053
+ "defaultProps": {},
1054
+ "getStylesLiterals": {},
1055
+ "cxLiterals": ["min-h-0", "touch-pan-y"],
1056
+ "internalComponents": ["Box", "VStack"],
1057
+ "internalComponentProps": {
1058
+ "Box": {
1059
+ "display": ["block"],
1060
+ "overflowY": ["auto"],
1061
+ "flex": ["1"]
1062
+ },
1063
+ "VStack": { "className": ["pb-[calc(env(safe-area-inset-bottom))]"] }
1064
+ },
1065
+ "propToVariantKeys": {},
1066
+ "motionVarPrefixes": []
1067
+ };
1068
+ var BottomSheetDismiss = {
1069
+ "name": "BottomSheetDismiss",
1070
+ "defaultProps": {},
1071
+ "getStylesLiterals": {},
1072
+ "cxLiterals": [],
1073
+ "internalComponents": ["AriakitDialogDismiss"],
1074
+ "internalComponentProps": {},
1075
+ "propToVariantKeys": {},
1076
+ "motionVarPrefixes": []
1077
+ };
1078
1078
  var BottomSheetHandle = {
1079
1079
  "name": "BottomSheetHandle",
1080
1080
  "defaultProps": {},
@@ -1132,22 +1132,22 @@ var BottomSheetHeader = {
1132
1132
  "propToVariantKeys": { "variant": ["bottomsheetVariantHeader"] },
1133
1133
  "motionVarPrefixes": []
1134
1134
  };
1135
- var BottomSheetTrigger = {
1136
- "name": "BottomSheetTrigger",
1135
+ var BottomSheetProvider = {
1136
+ "name": "BottomSheetProvider",
1137
1137
  "defaultProps": {},
1138
1138
  "getStylesLiterals": {},
1139
1139
  "cxLiterals": [],
1140
- "internalComponents": ["AriakitDialogDisclosure"],
1140
+ "internalComponents": ["AriakitDialogProvider"],
1141
1141
  "internalComponentProps": {},
1142
1142
  "propToVariantKeys": {},
1143
1143
  "motionVarPrefixes": []
1144
1144
  };
1145
- var BottomSheetProvider = {
1146
- "name": "BottomSheetProvider",
1145
+ var BottomSheetTrigger = {
1146
+ "name": "BottomSheetTrigger",
1147
1147
  "defaultProps": {},
1148
1148
  "getStylesLiterals": {},
1149
1149
  "cxLiterals": [],
1150
- "internalComponents": ["AriakitDialogProvider"],
1150
+ "internalComponents": ["AriakitDialogDisclosure"],
1151
1151
  "internalComponentProps": {},
1152
1152
  "propToVariantKeys": {},
1153
1153
  "motionVarPrefixes": []
@@ -1162,174 +1162,114 @@ var UDSBottomSheetConfigProvider = {
1162
1162
  "propToVariantKeys": {},
1163
1163
  "motionVarPrefixes": []
1164
1164
  };
1165
- var UDSToastConfigProvider = {
1166
- "name": "UDSToastConfigProvider",
1165
+ var Chip = {
1166
+ "name": "Chip",
1167
1167
  "defaultProps": {},
1168
1168
  "getStylesLiterals": {},
1169
1169
  "cxLiterals": [],
1170
- "internalComponents": ["ToastContext.Provider"],
1170
+ "internalComponents": [
1171
+ "ChipDismissible",
1172
+ "ChipToggle",
1173
+ "ChipLink",
1174
+ "ChipButton"
1175
+ ],
1171
1176
  "internalComponentProps": {},
1172
1177
  "propToVariantKeys": {},
1173
1178
  "motionVarPrefixes": []
1174
1179
  };
1175
- var Toast = {
1176
- "name": "Toast",
1177
- "defaultProps": {},
1178
- "getStylesLiterals": {
1179
- "className": "flex-none",
1180
- "spacing": "2",
1181
- "borderRadius": "full"
1180
+ var ChipBase = {
1181
+ "name": "ChipBase",
1182
+ "defaultProps": {
1183
+ "size": "md",
1184
+ "as": "div"
1182
1185
  },
1186
+ "getStylesLiterals": {},
1183
1187
  "cxLiterals": [
1184
- "transition-[background-color]",
1185
- "bg-carbon-15/0",
1186
- "hover:bg-carbon-15/10",
1187
- "active:bg-carbon-15/15",
1188
- "uds-ring"
1188
+ "pointer-events-none",
1189
+ "cursor-default",
1190
+ "opacity-50",
1191
+ "inline-flex",
1192
+ "items-center",
1193
+ "transition-[background-color,outline-color,box-shadow]",
1194
+ "truncate",
1195
+ "whitespace-nowrap",
1196
+ "text-center",
1197
+ "flex-1"
1189
1198
  ],
1190
1199
  "internalComponents": [
1191
1200
  "IconSlot",
1192
- "ToastContainer",
1193
- "Text",
1194
- "Button",
1195
- "Pressable"
1201
+ "HStack",
1202
+ "As",
1203
+ "Text"
1196
1204
  ],
1197
- "internalComponentProps": {},
1198
- "propToVariantKeys": {
1199
- "size": [
1200
- "toastSizeLabel",
1201
- "toastSizeIcon",
1202
- "toastSizeActionButton",
1203
- "toastSizeCloseIcon"
1204
- ],
1205
- "variant": [
1206
- "toastVariantIcon",
1207
- "toastVariantActionButton",
1208
- "toastVariantCloseIcon"
1209
- ],
1210
- "closeIcon": ["icon"],
1211
- "onClickActionButton": ["onClick"]
1212
- },
1213
- "motionVarPrefixes": []
1214
- };
1215
- var ToastContainer = {
1216
- "name": "ToastContainer",
1217
- "defaultProps": {},
1218
- "getStylesLiterals": {
1219
- "position": "relative",
1220
- "alignItems": "center",
1221
- "display": "flex",
1222
- "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
1223
- },
1224
- "cxLiterals": ["w-full"],
1225
- "internalComponents": ["HStack"],
1226
- "internalComponentProps": { "HStack": {
1227
- "alignItems": ["center"],
1228
- "justifyContent": ["space-between"],
1229
- "overflow": ["hidden"],
1230
- "position": ["relative"]
1205
+ "internalComponentProps": { "Text": {
1206
+ "as": ["span"],
1207
+ "color": ["current"],
1208
+ "variant": ["inherit"]
1231
1209
  } },
1232
1210
  "propToVariantKeys": {
1233
- "variant": ["toastVariantRoot"],
1234
- "size": ["toastSizeRoot"]
1211
+ "size": ["chipSizeRoot", "chipSizeIcon"],
1212
+ "startIcon": ["icon"],
1213
+ "endIcon": ["icon"]
1235
1214
  },
1236
1215
  "motionVarPrefixes": []
1237
1216
  };
1238
- var ToastPortal = {
1239
- "name": "ToastPortal",
1240
- "defaultProps": {},
1241
- "getStylesLiterals": {},
1242
- "cxLiterals": [],
1243
- "internalComponents": ["ReactToastifyToastContainer"],
1244
- "internalComponentProps": {},
1245
- "propToVariantKeys": {},
1246
- "motionVarPrefixes": []
1247
- };
1248
- var UDSTooltipConfigProvider = {
1249
- "name": "UDSTooltipConfigProvider",
1250
- "defaultProps": {},
1217
+ var ChipButton = {
1218
+ "name": "ChipButton",
1219
+ "defaultProps": { "variant": "primary" },
1251
1220
  "getStylesLiterals": {},
1252
- "cxLiterals": [],
1253
- "internalComponents": ["TooltipContext.Provider"],
1254
- "internalComponentProps": {},
1255
- "propToVariantKeys": {},
1221
+ "cxLiterals": ["uds-ring"],
1222
+ "internalComponents": ["ChipBase"],
1223
+ "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1224
+ "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1256
1225
  "motionVarPrefixes": []
1257
1226
  };
1258
- var TooltipTrigger = {
1259
- "name": "TooltipTrigger",
1260
- "defaultProps": {},
1227
+ var ChipDismissible = {
1228
+ "name": "ChipDismissible",
1229
+ "defaultProps": { "variant": "primary" },
1261
1230
  "getStylesLiterals": {},
1262
- "cxLiterals": [],
1263
- "internalComponents": ["TooltipAnchor"],
1264
- "internalComponentProps": { "TooltipAnchor": { "className": ["inline"] } },
1265
- "propToVariantKeys": { "children": ["render"] },
1266
- "motionVarPrefixes": []
1267
- };
1268
- var TooltipContent = {
1269
- "name": "TooltipContent",
1270
- "defaultProps": {},
1271
- "getStylesLiterals": {
1272
- "tooltipSizeRoot": "default",
1273
- "tooltipVariantRoot": "default",
1274
- "tooltipSizeSvg": "default",
1275
- "tooltipVariantSvg": "default",
1276
- "tooltipVariantBlur": "default",
1277
- "position": "absolute",
1278
- "width": "full",
1279
- "height": "full",
1280
- "tooltipSizeTitle": "default",
1281
- "tooltipSizeBody": "default",
1282
- "tooltipSizeEndContent": "default",
1283
- "tooltipSizeIcon": "default",
1284
- "tooltipVariantIcon": "default"
1285
- },
1286
1231
  "cxLiterals": [
1287
- "flex",
1288
- "z-[9999]",
1289
- "stroke-1",
1290
- "uds-bgBlurFillFallback",
1291
- "uds-bgBlurFallback",
1292
- "top-0",
1293
- "left-0",
1294
- "z-[1]",
1295
- "transition-opacity",
1296
- "ease-in-out",
1297
- "absolute",
1298
- "w-full",
1299
- "h-full",
1300
- "overflow-visible",
1301
- "pointer-events-none",
1302
- "z-[2]"
1232
+ "uds-chip-dismissible-button",
1233
+ "uds-hit-target",
1234
+ "uds-ring",
1235
+ "rounded-full"
1303
1236
  ],
1304
1237
  "internalComponents": [
1305
- "Box",
1238
+ "ChipBase",
1306
1239
  "IconSlot",
1307
- "TooltipArrow",
1308
- "Tooltip",
1309
- "Fragment",
1310
- "Text"
1240
+ "Pressable"
1311
1241
  ],
1312
- "internalComponentProps": {
1313
- "Box": {
1314
- "position": ["relative"],
1315
- "flexDirection": ["column"],
1316
- "className": ["z-[3] gap-[inherit]"],
1317
- "alignItems": ["center"],
1318
- "columnGap": ["1", "1.5"]
1319
- },
1320
- "Text": { "color": ["inherit"] }
1242
+ "internalComponentProps": {},
1243
+ "propToVariantKeys": {
1244
+ "variant": ["chipDismissibleVariantRoot", "chipDismissibleVariantIcon"],
1245
+ "dismissButtonAriaLabel": ["aria-label"]
1321
1246
  },
1322
- "propToVariantKeys": { "startTitleIcon": ["icon"] },
1323
1247
  "motionVarPrefixes": []
1324
1248
  };
1325
- var Tooltip = {
1326
- "name": "Tooltip",
1327
- "defaultProps": {},
1249
+ var ChipLink = {
1250
+ "name": "ChipLink",
1251
+ "defaultProps": { "variant": "primary" },
1328
1252
  "getStylesLiterals": {},
1329
- "cxLiterals": [],
1330
- "internalComponents": ["TooltipInternalContext.Provider", "TooltipProvider"],
1331
- "internalComponentProps": {},
1332
- "propToVariantKeys": {},
1253
+ "cxLiterals": ["uds-ring"],
1254
+ "internalComponents": ["ChipBase"],
1255
+ "internalComponentProps": { "ChipBase": { "as": ["a"] } },
1256
+ "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1257
+ "motionVarPrefixes": []
1258
+ };
1259
+ var ChipToggle = {
1260
+ "name": "ChipToggle",
1261
+ "defaultProps": {
1262
+ "variant": "primary",
1263
+ "role": "checkbox"
1264
+ },
1265
+ "getStylesLiterals": {
1266
+ "chipToggleVariantActiveRoot": "on",
1267
+ "chipToggleVariantActiveRoot:1": "off"
1268
+ },
1269
+ "cxLiterals": ["uds-ring"],
1270
+ "internalComponents": ["ChipBase"],
1271
+ "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1272
+ "propToVariantKeys": { "variant": ["chipToggleVariantRoot", "chipToggleVariantIcon"] },
1333
1273
  "motionVarPrefixes": []
1334
1274
  };
1335
1275
  var Input = {
@@ -1452,55 +1392,6 @@ var InputHelpTextInternal = {
1452
1392
  },
1453
1393
  "motionVarPrefixes": []
1454
1394
  };
1455
- var UDSConfigProvider = {
1456
- "name": "UDSConfigProvider",
1457
- "defaultProps": {},
1458
- "getStylesLiterals": {},
1459
- "cxLiterals": [],
1460
- "internalComponents": [
1461
- "UDSBreakpointsConfigProvider",
1462
- "UDSBottomSheetConfigProvider",
1463
- "UDSToastConfigProvider",
1464
- "UDSTooltipConfigProvider"
1465
- ],
1466
- "internalComponentProps": {},
1467
- "propToVariantKeys": {},
1468
- "motionVarPrefixes": []
1469
- };
1470
- var UDSBreakpointsConfigProvider = {
1471
- "name": "UDSBreakpointsConfigProvider",
1472
- "defaultProps": {},
1473
- "getStylesLiterals": {},
1474
- "cxLiterals": [],
1475
- "internalComponents": ["UDSBreakpointsConfigContext.Provider"],
1476
- "internalComponentProps": {},
1477
- "propToVariantKeys": {},
1478
- "motionVarPrefixes": []
1479
- };
1480
- var RadioGroupStore = {
1481
- "name": "RadioGroupStore",
1482
- "defaultProps": {},
1483
- "getStylesLiterals": {},
1484
- "cxLiterals": [],
1485
- "internalComponents": [],
1486
- "internalComponentProps": {},
1487
- "propToVariantKeys": {},
1488
- "motionVarPrefixes": []
1489
- };
1490
- var RadioGroupProvider = {
1491
- "name": "RadioGroupProvider",
1492
- "defaultProps": {},
1493
- "getStylesLiterals": {},
1494
- "cxLiterals": [],
1495
- "internalComponents": [
1496
- "DivProps",
1497
- "Comp",
1498
- "RadioGroupContext.Provider"
1499
- ],
1500
- "internalComponentProps": { "Comp": { "role": ["radiogroup"] } },
1501
- "propToVariantKeys": {},
1502
- "motionVarPrefixes": []
1503
- };
1504
1395
  var Radio = {
1505
1396
  "name": "Radio",
1506
1397
  "defaultProps": {
@@ -1581,114 +1472,79 @@ var Radio = {
1581
1472
  },
1582
1473
  "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1583
1474
  };
1584
- var ChipLink = {
1585
- "name": "ChipLink",
1586
- "defaultProps": { "variant": "primary" },
1475
+ var RadioGroupProvider = {
1476
+ "name": "RadioGroupProvider",
1477
+ "defaultProps": {},
1587
1478
  "getStylesLiterals": {},
1588
- "cxLiterals": ["uds-ring"],
1589
- "internalComponents": ["ChipBase"],
1590
- "internalComponentProps": { "ChipBase": { "as": ["a"] } },
1591
- "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1479
+ "cxLiterals": [],
1480
+ "internalComponents": [
1481
+ "DivProps",
1482
+ "Comp",
1483
+ "RadioGroupContext.Provider"
1484
+ ],
1485
+ "internalComponentProps": { "Comp": { "role": ["radiogroup"] } },
1486
+ "propToVariantKeys": {},
1592
1487
  "motionVarPrefixes": []
1593
1488
  };
1594
- var ChipDismissible = {
1595
- "name": "ChipDismissible",
1596
- "defaultProps": { "variant": "primary" },
1597
- "getStylesLiterals": {},
1598
- "cxLiterals": [
1599
- "uds-chip-dismissible-button",
1600
- "uds-hit-target",
1601
- "uds-ring",
1602
- "rounded-full"
1603
- ],
1604
- "internalComponents": [
1605
- "ChipBase",
1606
- "IconSlot",
1607
- "Pressable"
1608
- ],
1609
- "internalComponentProps": {},
1610
- "propToVariantKeys": {
1611
- "variant": ["chipDismissibleVariantRoot", "chipDismissibleVariantIcon"],
1612
- "dismissButtonAriaLabel": ["aria-label"]
1613
- },
1614
- "motionVarPrefixes": []
1615
- };
1616
- var ChipToggle = {
1617
- "name": "ChipToggle",
1618
- "defaultProps": {
1619
- "variant": "primary",
1620
- "role": "checkbox"
1621
- },
1622
- "getStylesLiterals": {
1623
- "chipToggleVariantActiveRoot": "on",
1624
- "chipToggleVariantActiveRoot:1": "off"
1625
- },
1626
- "cxLiterals": ["uds-ring"],
1627
- "internalComponents": ["ChipBase"],
1628
- "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1629
- "propToVariantKeys": { "variant": ["chipToggleVariantRoot", "chipToggleVariantIcon"] },
1630
- "motionVarPrefixes": []
1631
- };
1632
- var Chip = {
1633
- "name": "Chip",
1489
+ var RadioGroupStore = {
1490
+ "name": "RadioGroupStore",
1634
1491
  "defaultProps": {},
1635
1492
  "getStylesLiterals": {},
1636
1493
  "cxLiterals": [],
1637
- "internalComponents": [
1638
- "ChipDismissible",
1639
- "ChipToggle",
1640
- "ChipLink",
1641
- "ChipButton"
1642
- ],
1494
+ "internalComponents": [],
1643
1495
  "internalComponentProps": {},
1644
1496
  "propToVariantKeys": {},
1645
1497
  "motionVarPrefixes": []
1646
1498
  };
1647
- var ChipBase = {
1648
- "name": "ChipBase",
1499
+ var Menu_Content = {
1500
+ "name": "Menu.Content",
1649
1501
  "defaultProps": {
1650
- "size": "md",
1651
- "as": "div"
1502
+ "size": "default",
1503
+ "variant": "default",
1504
+ "gutter": "1"
1652
1505
  },
1653
1506
  "getStylesLiterals": {},
1654
1507
  "cxLiterals": [
1655
- "pointer-events-none",
1656
- "cursor-default",
1657
- "opacity-50",
1658
- "inline-flex",
1659
- "items-center",
1660
- "transition-[background-color,outline-color,box-shadow]",
1661
- "truncate",
1662
- "whitespace-nowrap",
1663
- "text-center",
1664
- "flex-1"
1508
+ "uds-menu-content",
1509
+ "transition-shadow",
1510
+ "duration-200",
1511
+ "ease-in-out",
1512
+ "min-w-60",
1513
+ "max-w-lg",
1514
+ "max-h-96",
1515
+ "overflow-auto",
1516
+ "uds-ring",
1517
+ "z-10",
1518
+ "group"
1665
1519
  ],
1666
1520
  "internalComponents": [
1667
- "IconSlot",
1668
- "HStack",
1669
- "As",
1670
- "Text"
1521
+ "AriakitMenu",
1522
+ "AnimatePresence",
1523
+ "MotionVStack"
1671
1524
  ],
1672
- "internalComponentProps": { "Text": {
1673
- "as": ["span"],
1674
- "color": ["current"],
1675
- "variant": ["inherit"]
1676
- } },
1525
+ "internalComponentProps": {},
1677
1526
  "propToVariantKeys": {
1678
- "size": ["chipSizeRoot", "chipSizeIcon"],
1679
- "startIcon": ["icon"],
1680
- "endIcon": ["icon"]
1527
+ "size": ["menucontentSizeRoot"],
1528
+ "variant": ["menucontentVariantRoot"]
1681
1529
  },
1682
1530
  "motionVarPrefixes": []
1683
1531
  };
1684
- var ChipButton = {
1685
- "name": "ChipButton",
1686
- "defaultProps": { "variant": "primary" },
1687
- "getStylesLiterals": {},
1688
- "cxLiterals": ["uds-ring"],
1689
- "internalComponents": ["ChipBase"],
1690
- "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1691
- "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1532
+ var Menu_Divider = {
1533
+ "name": "Menu.Divider",
1534
+ "defaultProps": {
1535
+ "role": "separator",
1536
+ "contentPosition": "start",
1537
+ "gap": "4"
1538
+ },
1539
+ "getStylesLiterals": {
1540
+ "menuitemDividerVariantRoot": "default",
1541
+ "menuitemDividerVariantText": "default",
1542
+ "menuitemDividerVariantLine": "default"
1543
+ },
1544
+ "cxLiterals": [],
1545
+ "internalComponents": ["DividerInternal"],
1546
+ "internalComponentProps": { "DividerInternal": { "variant": ["inherit"] } },
1547
+ "propToVariantKeys": {},
1692
1548
  "motionVarPrefixes": []
1693
1549
  };
1694
1550
  var Menu_Item = {
@@ -1711,16 +1567,6 @@ var Menu_Item = {
1711
1567
  "propToVariantKeys": {},
1712
1568
  "motionVarPrefixes": []
1713
1569
  };
1714
- var Menu_Provider = {
1715
- "name": "Menu.Provider",
1716
- "defaultProps": {},
1717
- "getStylesLiterals": {},
1718
- "cxLiterals": [],
1719
- "internalComponents": ["AriakitMenuProvider", "SpringMotionConfig"],
1720
- "internalComponentProps": {},
1721
- "propToVariantKeys": {},
1722
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1723
- };
1724
1570
  var Menu_ItemBase = {
1725
1571
  "name": "Menu.ItemBase",
1726
1572
  "defaultProps": {
@@ -1776,6 +1622,39 @@ var Menu_ItemBase = {
1776
1622
  },
1777
1623
  "motionVarPrefixes": []
1778
1624
  };
1625
+ var Menu_ItemCheckbox = {
1626
+ "name": "Menu.ItemCheckbox",
1627
+ "defaultProps": {},
1628
+ "getStylesLiterals": {
1629
+ "menuitemItemCheckboxVariantRoot": "default",
1630
+ "menuitemItemCheckboxVariantActiveRoot": "on",
1631
+ "menuitemItemCheckboxVariantActiveRoot:1": "off",
1632
+ "menuitemItemCheckboxVariantText": "default",
1633
+ "menuitemItemCheckboxVariantActiveText": "on",
1634
+ "menuitemItemCheckboxVariantActiveText:1": "off",
1635
+ "menuitemItemCheckboxVariantStartIcon": "default",
1636
+ "menuitemItemCheckboxVariantActiveStartIcon": "on",
1637
+ "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
1638
+ "menuitemItemCheckboxVariantEndIcon": "default",
1639
+ "menuitemItemCheckboxVariantActiveEndIcon": "on",
1640
+ "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
1641
+ },
1642
+ "cxLiterals": ["uds-menu-item-checkbox"],
1643
+ "internalComponents": ["MenuItemBase"],
1644
+ "internalComponentProps": {},
1645
+ "propToVariantKeys": {},
1646
+ "motionVarPrefixes": []
1647
+ };
1648
+ var Menu_Provider = {
1649
+ "name": "Menu.Provider",
1650
+ "defaultProps": {},
1651
+ "getStylesLiterals": {},
1652
+ "cxLiterals": [],
1653
+ "internalComponents": ["AriakitMenuProvider", "SpringMotionConfig"],
1654
+ "internalComponentProps": {},
1655
+ "propToVariantKeys": {},
1656
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1657
+ };
1779
1658
  var Menu_Trigger = {
1780
1659
  "name": "Menu.Trigger",
1781
1660
  "defaultProps": {},
@@ -1786,164 +1665,285 @@ var Menu_Trigger = {
1786
1665
  "propToVariantKeys": {},
1787
1666
  "motionVarPrefixes": []
1788
1667
  };
1789
- var Menu_Content = {
1790
- "name": "Menu.Content",
1791
- "defaultProps": {
1792
- "size": "default",
1793
- "variant": "default",
1794
- "gutter": "1"
1795
- },
1668
+ var Menu = {
1669
+ "name": "Menu",
1670
+ "defaultProps": {},
1796
1671
  "getStylesLiterals": {},
1672
+ "cxLiterals": [],
1673
+ "internalComponents": [],
1674
+ "internalComponentProps": {},
1675
+ "propToVariantKeys": {},
1676
+ "motionVarPrefixes": []
1677
+ };
1678
+ var Toast = {
1679
+ "name": "Toast",
1680
+ "defaultProps": {},
1681
+ "getStylesLiterals": {
1682
+ "className": "flex-none",
1683
+ "spacing": "2",
1684
+ "borderRadius": "full"
1685
+ },
1797
1686
  "cxLiterals": [
1798
- "uds-menu-content",
1799
- "transition-shadow",
1800
- "duration-200",
1801
- "ease-in-out",
1802
- "min-w-60",
1803
- "max-w-lg",
1804
- "max-h-96",
1805
- "overflow-auto",
1806
- "uds-ring",
1807
- "z-10",
1808
- "group"
1687
+ "transition-[background-color]",
1688
+ "bg-carbon-15/0",
1689
+ "hover:bg-carbon-15/10",
1690
+ "active:bg-carbon-15/15",
1691
+ "uds-ring"
1809
1692
  ],
1810
1693
  "internalComponents": [
1811
- "AriakitMenu",
1812
- "AnimatePresence",
1813
- "MotionVStack"
1694
+ "IconSlot",
1695
+ "ToastContainer",
1696
+ "Text",
1697
+ "Button",
1698
+ "Pressable"
1814
1699
  ],
1815
1700
  "internalComponentProps": {},
1816
1701
  "propToVariantKeys": {
1817
- "size": ["menucontentSizeRoot"],
1818
- "variant": ["menucontentVariantRoot"]
1702
+ "size": [
1703
+ "toastSizeLabel",
1704
+ "toastSizeIcon",
1705
+ "toastSizeActionButton",
1706
+ "toastSizeCloseIcon"
1707
+ ],
1708
+ "variant": [
1709
+ "toastVariantIcon",
1710
+ "toastVariantActionButton",
1711
+ "toastVariantCloseIcon"
1712
+ ],
1713
+ "closeIcon": ["icon"],
1714
+ "onClickActionButton": ["onClick"]
1819
1715
  },
1820
1716
  "motionVarPrefixes": []
1821
1717
  };
1822
- var Menu_Divider = {
1823
- "name": "Menu.Divider",
1824
- "defaultProps": {
1825
- "role": "separator",
1826
- "contentPosition": "start",
1827
- "gap": "4"
1828
- },
1718
+ var ToastContainer = {
1719
+ "name": "ToastContainer",
1720
+ "defaultProps": {},
1829
1721
  "getStylesLiterals": {
1830
- "menuitemDividerVariantRoot": "default",
1831
- "menuitemDividerVariantText": "default",
1832
- "menuitemDividerVariantLine": "default"
1722
+ "position": "relative",
1723
+ "alignItems": "center",
1724
+ "display": "flex",
1725
+ "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
1726
+ },
1727
+ "cxLiterals": ["w-full"],
1728
+ "internalComponents": ["HStack"],
1729
+ "internalComponentProps": { "HStack": {
1730
+ "alignItems": ["center"],
1731
+ "justifyContent": ["space-between"],
1732
+ "overflow": ["hidden"],
1733
+ "position": ["relative"]
1734
+ } },
1735
+ "propToVariantKeys": {
1736
+ "variant": ["toastVariantRoot"],
1737
+ "size": ["toastSizeRoot"]
1833
1738
  },
1739
+ "motionVarPrefixes": []
1740
+ };
1741
+ var ToastPortal = {
1742
+ "name": "ToastPortal",
1743
+ "defaultProps": {},
1744
+ "getStylesLiterals": {},
1834
1745
  "cxLiterals": [],
1835
- "internalComponents": ["DividerInternal"],
1836
- "internalComponentProps": { "DividerInternal": { "variant": ["inherit"] } },
1746
+ "internalComponents": ["ReactToastifyToastContainer"],
1747
+ "internalComponentProps": {},
1837
1748
  "propToVariantKeys": {},
1838
1749
  "motionVarPrefixes": []
1839
1750
  };
1840
- var Menu = {
1841
- "name": "Menu",
1751
+ var UDSToastConfigProvider = {
1752
+ "name": "UDSToastConfigProvider",
1842
1753
  "defaultProps": {},
1843
1754
  "getStylesLiterals": {},
1844
1755
  "cxLiterals": [],
1845
- "internalComponents": [],
1756
+ "internalComponents": ["ToastContext.Provider"],
1846
1757
  "internalComponentProps": {},
1847
1758
  "propToVariantKeys": {},
1848
1759
  "motionVarPrefixes": []
1849
1760
  };
1850
- var Menu_ItemCheckbox = {
1851
- "name": "Menu.ItemCheckbox",
1761
+ var Tooltip = {
1762
+ "name": "Tooltip",
1763
+ "defaultProps": {},
1764
+ "getStylesLiterals": {},
1765
+ "cxLiterals": [],
1766
+ "internalComponents": ["TooltipInternalContext.Provider", "TooltipProvider"],
1767
+ "internalComponentProps": {},
1768
+ "propToVariantKeys": {},
1769
+ "motionVarPrefixes": []
1770
+ };
1771
+ var TooltipContent = {
1772
+ "name": "TooltipContent",
1852
1773
  "defaultProps": {},
1853
1774
  "getStylesLiterals": {
1854
- "menuitemItemCheckboxVariantRoot": "default",
1855
- "menuitemItemCheckboxVariantActiveRoot": "on",
1856
- "menuitemItemCheckboxVariantActiveRoot:1": "off",
1857
- "menuitemItemCheckboxVariantText": "default",
1858
- "menuitemItemCheckboxVariantActiveText": "on",
1859
- "menuitemItemCheckboxVariantActiveText:1": "off",
1860
- "menuitemItemCheckboxVariantStartIcon": "default",
1861
- "menuitemItemCheckboxVariantActiveStartIcon": "on",
1862
- "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
1863
- "menuitemItemCheckboxVariantEndIcon": "default",
1864
- "menuitemItemCheckboxVariantActiveEndIcon": "on",
1865
- "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
1775
+ "tooltipSizeRoot": "default",
1776
+ "tooltipVariantRoot": "default",
1777
+ "tooltipSizeSvg": "default",
1778
+ "tooltipVariantSvg": "default",
1779
+ "tooltipVariantBlur": "default",
1780
+ "position": "absolute",
1781
+ "width": "full",
1782
+ "height": "full",
1783
+ "tooltipSizeTitle": "default",
1784
+ "tooltipSizeBody": "default",
1785
+ "tooltipSizeEndContent": "default",
1786
+ "tooltipSizeIcon": "default",
1787
+ "tooltipVariantIcon": "default"
1866
1788
  },
1867
- "cxLiterals": ["uds-menu-item-checkbox"],
1868
- "internalComponents": ["MenuItemBase"],
1789
+ "cxLiterals": [
1790
+ "flex",
1791
+ "z-[9999]",
1792
+ "stroke-1",
1793
+ "uds-bgBlurFillFallback",
1794
+ "uds-bgBlurFallback",
1795
+ "top-0",
1796
+ "left-0",
1797
+ "z-[1]",
1798
+ "transition-opacity",
1799
+ "ease-in-out",
1800
+ "absolute",
1801
+ "w-full",
1802
+ "h-full",
1803
+ "overflow-visible",
1804
+ "pointer-events-none",
1805
+ "z-[2]"
1806
+ ],
1807
+ "internalComponents": [
1808
+ "Box",
1809
+ "IconSlot",
1810
+ "TooltipArrow",
1811
+ "Tooltip",
1812
+ "Fragment",
1813
+ "Text"
1814
+ ],
1815
+ "internalComponentProps": {
1816
+ "Box": {
1817
+ "position": ["relative"],
1818
+ "flexDirection": ["column"],
1819
+ "className": ["z-[3] gap-[inherit]"],
1820
+ "alignItems": ["center"],
1821
+ "columnGap": ["1", "1.5"]
1822
+ },
1823
+ "Text": { "color": ["inherit"] }
1824
+ },
1825
+ "propToVariantKeys": { "startTitleIcon": ["icon"] },
1826
+ "motionVarPrefixes": []
1827
+ };
1828
+ var TooltipTrigger = {
1829
+ "name": "TooltipTrigger",
1830
+ "defaultProps": {},
1831
+ "getStylesLiterals": {},
1832
+ "cxLiterals": [],
1833
+ "internalComponents": ["TooltipAnchor"],
1834
+ "internalComponentProps": { "TooltipAnchor": { "className": ["inline"] } },
1835
+ "propToVariantKeys": { "children": ["render"] },
1836
+ "motionVarPrefixes": []
1837
+ };
1838
+ var UDSTooltipConfigProvider = {
1839
+ "name": "UDSTooltipConfigProvider",
1840
+ "defaultProps": {},
1841
+ "getStylesLiterals": {},
1842
+ "cxLiterals": [],
1843
+ "internalComponents": ["TooltipContext.Provider"],
1844
+ "internalComponentProps": {},
1845
+ "propToVariantKeys": {},
1846
+ "motionVarPrefixes": []
1847
+ };
1848
+ var UDSBreakpointsConfigProvider = {
1849
+ "name": "UDSBreakpointsConfigProvider",
1850
+ "defaultProps": {},
1851
+ "getStylesLiterals": {},
1852
+ "cxLiterals": [],
1853
+ "internalComponents": ["UDSBreakpointsConfigContext.Provider"],
1854
+ "internalComponentProps": {},
1855
+ "propToVariantKeys": {},
1856
+ "motionVarPrefixes": []
1857
+ };
1858
+ var UDSConfigProvider = {
1859
+ "name": "UDSConfigProvider",
1860
+ "defaultProps": {},
1861
+ "getStylesLiterals": {},
1862
+ "cxLiterals": [],
1863
+ "internalComponents": [
1864
+ "UDSBreakpointsConfigProvider",
1865
+ "UDSBottomSheetConfigProvider",
1866
+ "UDSToastConfigProvider",
1867
+ "UDSTooltipConfigProvider"
1868
+ ],
1869
1869
  "internalComponentProps": {},
1870
1870
  "propToVariantKeys": {},
1871
1871
  "motionVarPrefixes": []
1872
1872
  };
1873
1873
  var componentData_default = {
1874
- Link,
1875
- VStack,
1876
1874
  Box,
1877
- Scrim,
1878
- Icon,
1879
1875
  FormLabel,
1880
- Text,
1881
- IconSlot,
1882
1876
  HStack,
1877
+ Icon,
1878
+ IconSlot,
1883
1879
  Image,
1884
- "Table.mocks": Table_mocks,
1885
- Table,
1886
- Spinner,
1880
+ Link,
1881
+ Scrim,
1882
+ Text,
1883
+ VStack,
1884
+ Divider,
1887
1885
  DividerCore,
1888
1886
  DividerInternal,
1889
- Divider,
1887
+ Spinner,
1888
+ "Table.mocks": Table_mocks,
1889
+ Table,
1890
+ AnimateHeightChange,
1891
+ Badge,
1890
1892
  Button,
1891
1893
  Checkbox,
1892
- SpringMotionConfig,
1893
1894
  IconButton,
1894
- Switch,
1895
- Badge,
1896
- AnimateHeightChange,
1897
1895
  Pressable,
1896
+ SpringMotionConfig,
1897
+ Switch,
1898
+ Accordion,
1898
1899
  AvoidMotionLibraryProvider,
1899
- SegmentedControl,
1900
+ Modal,
1900
1901
  Popover,
1902
+ SegmentedControl,
1901
1903
  SwitchV2,
1902
1904
  Tabs,
1903
- Modal,
1904
- Accordion,
1905
- AvatarImage,
1906
- AvatarText,
1907
1905
  Avatar,
1908
1906
  AvatarIcon,
1907
+ AvatarImage,
1908
+ AvatarText,
1909
+ BottomSheet,
1909
1910
  BottomSheetContent,
1910
1911
  BottomSheetDismiss,
1911
- BottomSheet,
1912
1912
  BottomSheetHandle,
1913
1913
  BottomSheetHeader,
1914
- BottomSheetTrigger,
1915
1914
  BottomSheetProvider,
1915
+ BottomSheetTrigger,
1916
1916
  UDSBottomSheetConfigProvider,
1917
- UDSToastConfigProvider,
1918
- Toast,
1919
- ToastContainer,
1920
- ToastPortal,
1921
- UDSTooltipConfigProvider,
1922
- TooltipTrigger,
1923
- TooltipContent,
1924
- Tooltip,
1917
+ Chip,
1918
+ ChipBase,
1919
+ ChipButton,
1920
+ ChipDismissible,
1921
+ ChipLink,
1922
+ ChipToggle,
1925
1923
  Input,
1926
1924
  InputHelpText,
1927
1925
  InputHelpTextInternal,
1928
- UDSConfigProvider,
1929
- UDSBreakpointsConfigProvider,
1930
- RadioGroupStore,
1931
- RadioGroupProvider,
1932
1926
  Radio,
1933
- ChipLink,
1934
- ChipDismissible,
1935
- ChipToggle,
1936
- Chip,
1937
- ChipBase,
1938
- ChipButton,
1927
+ RadioGroupProvider,
1928
+ RadioGroupStore,
1929
+ "Menu.Content": Menu_Content,
1930
+ "Menu.Divider": Menu_Divider,
1939
1931
  "Menu.Item": Menu_Item,
1940
- "Menu.Provider": Menu_Provider,
1941
1932
  "Menu.ItemBase": Menu_ItemBase,
1933
+ "Menu.ItemCheckbox": Menu_ItemCheckbox,
1934
+ "Menu.Provider": Menu_Provider,
1942
1935
  "Menu.Trigger": Menu_Trigger,
1943
- "Menu.Content": Menu_Content,
1944
- "Menu.Divider": Menu_Divider,
1945
1936
  Menu,
1946
- "Menu.ItemCheckbox": Menu_ItemCheckbox
1937
+ Toast,
1938
+ ToastContainer,
1939
+ ToastPortal,
1940
+ UDSToastConfigProvider,
1941
+ Tooltip,
1942
+ TooltipContent,
1943
+ TooltipTrigger,
1944
+ UDSTooltipConfigProvider,
1945
+ UDSBreakpointsConfigProvider,
1946
+ UDSConfigProvider
1947
1947
  };
1948
1948
 
1949
1949
  //#endregion